Hvis du har specifikke krav til dine responsive Multiplex-annonceenheder, kan du tilpasse deres udseende ved at føje parametre til din annoncekode. Disse parametre giver dig mulighed for at ændre ting som layoutet for dine Multiplex-annonceenheder og angive, hvordan rækkerne og kolonnerne med anbefalinger i dem skal arrangeres.
Du kan også bruge parametrene til at angive forskellige indstillinger for hhv. mobilenheder og computere. Hvis du f.eks. kun tildeler layoutparameteren én værdi, får din Multiplex-annonceenhed samme layout på mobilenheder og computere. Hvis du derimod tildeler layoutparameteren to værdier, får din Multiplex-annonceenhed ét layout på mobilenheder (den første værdi) og et andet layout på computere (den anden værdi).
Bemærk! Disse muligheder er kun tilgængelige til responsive Multiplex-annonceenheder, og tilpasningen fungerer kun, hvis samtlige parametre er angivet. Når du har ændret din annoncekode, skal du sørge for at teste dine Multiplex-annonceenheder på forskellige enheder og skærmstørrelser for at sikre dig, at de fungerer, som de skal.
Skift layoutet for din Multiplex-annonceenhed
Layoutparameteren (data-matched-content-ui-type
) giver dig mulighed for at styre placeringen af tekst og billeder i dine Multiplex-annonceenheder. Du kan f.eks. vælge, at billedet og teksten skal placeres ved siden af hinanden, at billedet skal placeres over teksten osv.
Følgende layoutmuligheder er tilgængelige:
I dette layout vises billedet og teksten ved siden af hinanden. Hvis du vil vælge dette layout, skal du føje parameteren data-matched-content-ui-type="image_sidebyside"
til din annoncekode.
<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 dette layout vises billedet og teksten ved siden af hinanden på et kort. Hvis du vil vælge dette layout, skal du føje parameteren data-matched-content-ui-type="image_card_sidebyside"
til din annoncekode.
<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 dette layout er billedet placeret over teksten. Hvis du vil vælge dette layout, skal du føje parameteren data-matched-content-ui-type="image_stacked"
til din annoncekode.
<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 dette layout er billedet placeret over teksten på et kort. Hvis du vil vælge dette layout, skal du føje parameteren data-matched-content-ui-type="image_card_stacked"
til din annoncekode.
<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>
Et layout, hvor der kun er tekst, dvs. ikke noget billede. Hvis du vil vælge dette layout, skal du føje parameteren data-matched-content-ui-type="text"
til din annoncekode.
<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>
Et layout, hvor der kun er tekst på et kort. Hvis du vil vælge dette layout, skal du føje parameteren data-matched-content-ui-type="text_card"
til din annoncekode.
<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>
Angiv antallet af rækker og kolonner i din Multiplex-annonceenhed
Annoncerne i en Multiplex-annonceenhed er arrangeret i et gitter. Du kan angive, hvor mange rækker og kolonner der skal vises i dette gitter. Du kan f.eks. angive, at din Multiplex-annonceenhed skal være et kvadrat på 2 x 2, en kolonne på 4 x 1 osv.
Du angiver antallet af rækker med parameteren data-matched-content-rows-num
og antallet af kolonner med parameteren data-matched-content-columns-num
. Begge parametre og data-matched-content-ui-type
skal angives.
- Der er visse begrænsninger med hensyn til, hvor mange rækker og kolonner der kan angives. Det samlede antal annoncer i din Multiplex-annonceenhed skal være mellem 1 og 30. Hvis du forsøger at vise mindre end 1 eller flere end 30 annoncer, bliver din Multiplex-annonceenhed vist uden indhold.
- I nogle tilfælde er vi muligvis ikke i stand til at vise lige præcis det antal rækker og/eller kolonner, du har angivet. Det kan eksempelvis være, at du har angivet mange kolonner, men at din Multiplex-annonceenhed ikke er stor nok til, at de alle kan være der. I så fald justerer vi antallet af rækker og/eller kolonner, så der er plads til dine annoncer, og der opnås en god brugeroplevelse.
Eksempler på kombinationer af rækker og kolonner
Med dette kodeeksempel genereres der en Multiplex-annonceenhed med fire rækker og én kolonne til visning af i alt fire annoncer.
<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>
Med dette kodeeksempel genereres der en Multiplex-annonceenhed med to rækker og to kolonner til visning af i alt fire annoncer.
<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>
Med dette kodeeksempel genereres der en Multiplex-annonceenhed med tre rækker og tre kolonner til visning af i alt ni annoncer.
<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>
Med dette kodeeksempel genereres der en Multiplex-annonceenhed med et gitter på 4 x 1 til mobilenheder og et gitter på 2 x 2 til computere. Du kan vælge at bruge denne konfiguration, hvis du har et responsivt website.
<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>
Fejlfinding
Når du har tilpasset din Multiplex-annonceenhed, er det muligt, at den ikke vises nøjagtigt, som du havde forventet. Her kan du læse om nogle af de mest almindelige problemer med Multiplex-annonceenheder og om, hvordan du løser dem:
Dette kan der være to forskellige årsager til:
- Det samlede antal annoncer i din Multiplex-annonceenhed er mindre end 1 eller flere end 30. I så fald skal du ændre antallet af rækker og/eller kolonner i din Multiplex-annonceenhed, så det samlede antal annoncer er inden for grænserne.
- Din Multiplex-annonceenhed er for bred i forhold til det antal annoncer, du har angivet. I så fald skal du prøve at gøre din Multiplex-annonceenhed smallere.
Brug konsollen til at finde eventuelle fejl i dine Multiplex-annonceenheder
Du kan bruge konsollen i din browser til at tjekke, at Multiplex-annoncekoden er ændret korrekt. Via konsollen kan du f.eks. se, om der mangler en obligatorisk parameter i annoncekoden, eller om en parameter indeholder en ugyldig værdi.
Hvis du bruger Chrome, kan du følge denne fremgangsmåde til test af annoncekoden i Udviklerværktøjer-konsollen:
- Gå til siden med dine Multiplex-annonceenheder.
- Tryk på Ctrl+Shift+J (Windows/Linux) eller Cmd+Opt+J (Mac).
- Tjek, om der er fejlmeddelelser i konsolpanelet.