Hvis du har spesifikke krav til responsive Multiplex-annonseenheter, kan du tilpasse utseendet til annonseenhetene ved å legge til parametere i annonsekoden din. Med disse parameterne kan du endre utformingen av Multiplex-annonseenhetene og bestemme hvordan du vil organisere radene og kolonnene med annonser i dem.
Du kan også bruke parameterne til å angi ulike innstillinger for mobil og datamaskiner. Hvis du for eksempel tilordner layoutparameteren én verdi, får Multiplex-annonseenheten din den samme utformingen på mobil og datamaskiner. Hvis du derimot gir layoutparameteren to verdier, får Multiplex-annonseenheten én utforming på mobil (den første verdien) og en annen utforming på datamaskiner (den andre verdien).
Vær oppmerksom på at disse alternativene bare er tilgjengelige for responsive Multiplex-annonseenheter, og at du må bruke alle parameterne for at tilpasningene skal fungere. Når du har redigert annonsekoden, må du teste Multiplex-annonseenhetene på ulike enheter og skjermer for å sjekke at de fungerer som de skal.
Endre utformingen av Multiplex-annonseenheter
Med layoutparameteren (data-matched-content-ui-type) kan du styre oppsettet av teksten og bildene i Multiplex-annonseenheter. Du kan for eksempel velge at bildet og teksten skal vises ved siden av hverandre, at bildet skal vises ovenfor teksten og så videre.
Følgende utformingsalternativer er tilgjengelige:
I denne utformingen vises bildet og teksten ved siden av hverandre. Du kan velge denne utformingen ved å legge til data-matched-content-ui-type="image_sidebyside"-parameteren i annonsekoden.
<script async src="https://pagead2.googlesyndication.com/pagead/js/adsbygoogle.js?client=ca-pub-1234567890123456" crossorigin="anonymous"></script>
<!-- pbad -->
<ins class="adsbygoogle"
style="display:block"
data-ad-client="ca-pub-1234567890123456"
data-ad-slot="1234567890"
data-matched-content-ui-type="image_sidebyside"
data-matched-content-rows-num="4"
data-matched-content-columns-num="1"
data-ad-format="autorelaxed"></ins>
<script>
(adsbygoogle = window.adsbygoogle || []).push({});
</script>
I denne utformingen vises bildet og teksten ved siden av hverandre på et kort. Du kan velge denne utformingen ved å legge til data-matched-content-ui-type="image_card_sidebyside"-parameteren i annonsekoden.
<script async src="https://pagead2.googlesyndication.com/pagead/js/adsbygoogle.js?client=ca-pub-1234567890123456" crossorigin="anonymous"></script>
<!-- pbad -->
<ins class="adsbygoogle"
style="display:block"
data-ad-client="ca-pub-1234567890123456"
data-ad-slot="1234567890"
data-matched-content-ui-type="image_card_sidebyside"
data-matched-content-rows-num="4"
data-matched-content-columns-num="1"
data-ad-format="autorelaxed"></ins>
<script>
(adsbygoogle = window.adsbygoogle || []).push({});
</script>
I denne utformingen vises bildet ovenfor teksten. Du kan velge denne utformingen ved å legge til data-matched-content-ui-type="image_stacked"-parameteren i annonsekoden.
<script async src="https://pagead2.googlesyndication.com/pagead/js/adsbygoogle.js?client=ca-pub-1234567890123456" crossorigin="anonymous"></script>
<!-- pbad -->
<ins class="adsbygoogle"
style="display:block"
data-ad-client="ca-pub-1234567890123456"
data-ad-slot="1234567890"
data-matched-content-ui-type="image_stacked"
data-matched-content-rows-num="3"
data-matched-content-columns-num="1"
data-ad-format="autorelaxed"></ins>
<script>
(adsbygoogle = window.adsbygoogle || []).push({});
</script>
I denne utformingen vises bildet ovenfor teksten på et kort. Du kan velge denne utformingen ved å legge til data-matched-content-ui-type="image_card_stacked"-parameteren i annonsekoden.
<script async src="https://pagead2.googlesyndication.com/pagead/js/adsbygoogle.js?client=ca-pub-1234567890123456" crossorigin="anonymous"></script>
<!-- pbad -->
<ins class="adsbygoogle"
style="display:block"
data-ad-client="ca-pub-1234567890123456"
data-ad-slot="1234567890"
data-matched-content-ui-type="image_card_stacked"
data-matched-content-rows-num="3"
data-matched-content-columns-num="1"
data-ad-format="autorelaxed"></ins>
<script>
(adsbygoogle = window.adsbygoogle || []).push({});
</script>
Utforming med bare tekst – uten bilde. Du kan velge denne utformingen ved å legge til data-matched-content-ui-type="text"-parameteren i annonsekoden.
<script async src="https://pagead2.googlesyndication.com/pagead/js/adsbygoogle.js?client=ca-pub-1234567890123456" crossorigin="anonymous"></script>
<!-- pbad -->
<ins class="adsbygoogle"
style="display:block"
data-ad-client="ca-pub-1234567890123456"
data-ad-slot="1234567890"
data-matched-content-ui-type="text"
data-matched-content-rows-num="4"
data-matched-content-columns-num="1"
data-ad-format="autorelaxed"></ins>
<script>
(adsbygoogle = window.adsbygoogle || []).push({});
</script>
Utforming med bare tekst – på et kort. Du kan velge denne utformingen ved å legge til data-matched-content-ui-type="text_card"-parameteren i annonsekoden.
<script async src="https://pagead2.googlesyndication.com/pagead/js/adsbygoogle.js?client=ca-pub-1234567890123456" crossorigin="anonymous"></script>
<!-- pbad -->
<ins class="adsbygoogle"
style="display:block"
data-ad-client="ca-pub-1234567890123456"
data-ad-slot="1234567890"
data-matched-content-ui-type="text_card"
data-matched-content-rows-num="4"
data-matched-content-columns-num="1"
data-ad-format="autorelaxed"></ins>
<script>
(adsbygoogle = window.adsbygoogle || []).push({});
</script>
Angi antallet rader og kolonner i Multiplex-annonseenheter
Annonsene i Multiplex-annonseenheter er organisert i et rutenett. Du kan angi hvor mange rader og kolonner som skal vises i rutenettet. Du kan for eksempel angi at Multiplex-annonseenheten skal være et kvadrat med to rader og to kolonner (2 x 2), en enhet med fire rader og én kolonne (4 x 1) og så videre.
Du angir antallet rader med data-matched-content-rows-num-parameteren og antallet kolonner med data-matched-content-columns-num-parameteren. Du må angi begge parameterne samt data-matched-content-ui-type sammen.
- Det finnes noen begrensninger på hvor mange rader og kolonner du kan bruke. Det totale antallet annonser i Multiplex-annonseenheter skal være 1–30. Hvis du prøver å vise færre enn én eller flere enn 30 annonser, vises det ikke noe innhold i Multiplex-annonseenheten.
- Noen ganger kan vi kanskje ikke kan vise det nøyaktige antallet rader og/eller kolonner du har angitt. Et eksempel kan være hvis du har angitt mange kolonner, men Multiplex-annonseenheten ikke er bred nok for alle kolonnene. I slike tilfeller justerer vi antallet rader og/eller kolonner, slik at annonsene dine passer inn på den ledige plassen, og brukerne får en god opplevelse.
Eksempler på rader og kolonner
Ut fra denne eksempelkoden kan du se hvordan du genererer en Multiplex-annonseenhet med fire rader og én kolonne som inneholder totalt fire annonser.
<script async src="https://pagead2.googlesyndication.com/pagead/js/adsbygoogle.js?client=ca-pub-1234567890123456" crossorigin="anonymous"></script>
<!-- pbad -->
<ins class="adsbygoogle"
style="display:block"
data-ad-client="ca-pub-1234567890123456"
data-ad-slot="1234567890"
data-matched-content-rows-num="4"
data-matched-content-columns-num="1"
data-matched-content-ui-type="image_stacked"
data-ad-format="autorelaxed"></ins>
<script>
(adsbygoogle = window.adsbygoogle || []).push({});
</script>
Ut fra denne eksempelkoden kan du se hvordan du genererer en Multiplex-annonseenhet med to rader og to kolonner som inneholder totalt fire annonser.
<script async src="https://pagead2.googlesyndication.com/pagead/js/adsbygoogle.js?client=ca-pub-1234567890123456" crossorigin="anonymous"></script>
<!-- pbad -->
<ins class="adsbygoogle"
style="display:block"
data-ad-client="ca-pub-1234567890123456"
data-ad-slot="1234567890"
data-matched-content-rows-num="2"
data-matched-content-columns-num="2"
data-matched-content-ui-type="image_stacked"
data-ad-format="autorelaxed"></ins>
<script>
(adsbygoogle = window.adsbygoogle || []).push({});
</script>
Ut fra denne eksempelkoden kan du se hvordan du genererer en Multiplex-annonseenhet med tre rader og tre kolonner som inneholder totalt ni annonser.
<script async src="https://pagead2.googlesyndication.com/pagead/js/adsbygoogle.js?client=ca-pub-1234567890123456" crossorigin="anonymous"></script>
<!-- pbad -->
<ins class="adsbygoogle"
style="display:block"
data-ad-client="ca-pub-1234567890123456"
data-ad-slot="1234567890"
data-matched-content-rows-num="3"
data-matched-content-columns-num="3"
data-matched-content-ui-type="image_stacked"
data-ad-format="autorelaxed"></ins>
<script>
(adsbygoogle = window.adsbygoogle || []).push({});
</script>
Ut fra denne eksempelkoden kan du se hvordan du kan generere Multiplex-annonseenhet som vises i et rutenett på 4 x 1 på mobil og 2 x 2 på datamaskiner. Det kan være lurt å bruke dette oppsettet hvis du har et responsivt nettsted.
<script async src="https://pagead2.googlesyndication.com/pagead/js/adsbygoogle.js?client=ca-pub-1234567890123456" crossorigin="anonymous"></script>
<!-- pbad -->
<ins class="adsbygoogle"
style="display:block"
data-ad-client="ca-pub-1234567890123456"
data-ad-slot="1234567890"
data-matched-content-rows-num="4,2"
data-matched-content-columns-num="1,2"
data-matched-content-ui-type="image_stacked,image_stacked"
data-ad-format="autorelaxed"></ins>
<script>
(adsbygoogle = window.adsbygoogle || []).push({});
</script>Feilsøking
Når du har tilpasset Multiplex-annonseenheten, er det mulig at den ikke vises nøyaktig slik du hadde sett for deg. Her er noen vanlige problemer med Multiplex-annonseenheter og aktuelle løsninger:
Det er to grunner til at dette kan skje:
- Det totale antallet annonser i Multiplex-annonseenheten er enten under én eller over 30. Du bør endre antallet rader og/eller kolonner i Multiplex-annonseenheten, slik at det samlede antallet annonser er innenfor grensen.
- Multiplex-annonseenheten er for bred for antallet annonser du har angitt. I dette tilfellet bør du prøve å redusere bredden på Multiplex-annonseenheten.
Bruk av konsollen for å finne feil i Multiplex-annonseenheter
Du kan bruke konsollen i nettleseren for å kontrollere at du har redigert annonsekoden for Multiplex-annonseenheter på riktig måte. I konsollen kan du for eksempel se om en obligatorisk parameter mangler i annonsekoden, eller om en parameter inneholder en ugyldig verdi.
Hvis du bruker Chrome, kan du følge denne fremgangsmåten for å teste annonsekoden i Utviklerverktøy-konsollen:
- Gå til siden som inneholder Multiplex-annonseenhetene dine.
- Trykk på Ctrl + Shift + J (Windows/Linux) eller Cmd +Opt + J (Mac).
- Se etter feilmeldinger i konsollpanelet.
