Hvordan
Plasser en tilpasset widget – spiller i bunnteksten, sidefeltet eller et hvilket som helst annet oppsett
A tilpasset widgetplassering lar deg plassere en Full / Knapp / Sirkel-spiller hvor som helst layouten din tillater det – bunntekst, sidefelt, topptekst eller en tilpasset HTML-blokk – samtidig som du fortsatt kontrollerer hva blir fortalt. To felt utfører kartleggingen: Gjengi element (der spilleren vises) og Innholdsvelger (hvilken tekst blir lest).
- Hvorfor nyttig – lyttegrensesnittet kan ligge utenfor artikkelens brødtekst (fast bunntekst, handlingsfremmende oppfordring i sidefeltet) uten å endre hvordan innhold velges.
- Gjengi element — CSS-velger for monteringen/containeren der spillerens brukergrensesnitt injiseres.
- Innholdsvelger — CSS-velger (eller parent_class / self_class) for teksten som blir til lyd.
- Samme idé om HTML og byggere – Tilpassede HTML-monteringer på HTML / Wix / Shopify / Squarespace bruker det samme feltparet.
Åpne skykonsollen
HTML-tilkoblingsveiledning
Alle veiledninger
I slekt
Anrop fra HTML
Frittstående innholdstekst
Flersides widget
Standard kortkoder
Global vs. tilpasset
Spilleren vises ikke
Opprett full spiller
Opprett knappespiller
Kartlegging
Renderelement kontra innholdsvelger
- Gjengi element = sted. Eksempelmonteringer: .gsp_full_player, .gsp_button_player, .gsp_circle_player — eller en layoutnode som #footer-listen.
- Innholdsvelger = hva som skal leses. Ett mål eller flere, kommaseparert — f.eks. #main or #intro,.product-description,#specs.
- foreldreklasse — les den overordnede monteringsfilen (nyttig når monteringsfilen sitter inne i innholdsblokken).
- self_class – les den samme innpakningen som festet sitter i.
- Ekskluder liste — også kommaseparert; hopp over navigasjon, annonser, kommentarer i det valgte innholdet (f.eks. #comments,.ads,.share-buttons).
Tommelfingerregel: Innholdsvelgeren peker på teksten du kontrollerer; Render-elementet peker på den tomme monteringen (eller beholderen) der spilleren skal vises.
HTML-verdier
Hvordan skrive id, klasse og komma
Du trenger ikke å kunne HTML grundig – husk to prefikser, og sett deretter sammen eller trim med komma:
- id → # - id="footer-listen" → #footer-listen.
- klasse → . - class="gsp_button_player" → .gsp_button_player.
- Bare tagg - article, section, h1 (ingen prefiks).
- Samle bitene — Innholdsvelgeren kan liste opp flere innpakningspakker: #intro,.body,#cta-note.
- Trim stykker — Ekskluderingsliste bruker det samme # / . + komma. Se Ekskluder liste og ingen tale og HTML-anropsguiden HTML-verdier seksjon.
- Finn dem — høyreklikk på blokken på den aktive siden → Inspiser → kopier id / class inn i konsollen med riktig prefiks.
Stemme, språk og mesteparten av Chrome-spilleren følger fortsatt nettstedet innstillinger når widgetfeltet sier Bruk Global — plassering tvinger ikke frem en tilpasset stemme. Se Globale kontra tilpassede innstillinger.
Oppsett
Slik plasserer du en tilpasset widget
- Sørg for at tilkoblingskoden for nettstedet (eller WordPress/CMS-integrasjonen) er aktiv.
- Legg til et tomt monteringspunkt der spilleren skal vises – for eksempel <div class="gsp_button_player"></div> i bunnteksten eller sidefeltet Tilpasset HTML.
- I Cloud Console åpner (eller opprett) den matchende Full / Button / Circle-widgeten og Publiser det.
- Sett Gjengi element til mount-klassen (f.eks. .gsp_button_player).
- Sett Innholdsvelger til artikkel-/produktinnpakningen (eller flere deler med komma, f.eks. #intro,.entry-content). Oppbevar parent_class når monteringen sitter inni innholdet. Husk: id → #, class → ..
- Valgfritt: Ekskluder liste (kommaseparert, samme # / . regler) og tillatte/blokkerte nettadresser, slik at spilleren bare vises der du vil.
- Lagre, last inn den aktive siden på nytt, og bekreft at spilleren vises på den tilpassede plasseringen mens du leser riktig innhold.
Eksempler
Vanlige oppsett
- Lytteknapp i sidefeltet — Gjengivelseselement .gsp_button_player i sidefeltet; Innholdsvelger article or .entry-content.
- Bunntekststripe — monteres i bunntekstmalen; Innholdsvelgeren er fortsatt rettet mot hovedartikkelen, så bunntekstens krom blir ikke lest opp.
- Bygger tilpasset HTML — samme monteringer på Wix / Shopify / Squarespace Custom Code / HTML-blokker; tilordner klasser nøyaktig som i HTML-guide.
FAQ
Vanlige spørsmål om tilpassede widgeter
-
Sjekk Render Element først – monteringsklassen må finnes på den siden og samsvare med widgeten. Bekreft også at widgeten er publisert og at URL-tillatelses-/blokkeringsregler ikke skjuler den.
-
Ja. Én publisert widget kan fylle alle matchende Render Element-monteringer som er tillatt av URL-reglene dine. Opprett ekstra widgeter bare når stemme, design eller selektorer må være forskjellige.
