Annonseenheter

Slik kan du tilpasse responsive Multiplex-annonseenheter

Neste: Om Accelerated Mobile Pages (AMP)

Merk: Disse alternativene er nå avviklet. Du kan fortsatt bruke dem for å tilpasse Multiplex-annonser, men vi kan ikke garantere at de kommer til å fungere under alle omstendigheter.

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.

Merk: Alle eksemplene i denne artikkelen er godkjente endringer av AdSense-annonsekoden. Du bryter ikke programretningslinjene for AdSense hvis du redigerer Multiplex-annonsekoden på disse godkjente måtene.

Vis alt Skjul alt

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:

Bilde og tekst ved siden av hverandre

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=i-gno/re-d1234567890123456" crossorigin="anonymous"></script>

      <!-- pbad -->

      <ins class="adsbygoogle"

           style="display:block"

           data-ad-client="i-gno/re-d1234567890123456"

           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>

Eksempel på annonseutforminger med tekst og bilder side om side.

Bilde og tekst side om side på et kort

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=i-gno/re-d1234567890123456" crossorigin="anonymous"></script>

      <!-- pbad -->

      <ins class="adsbygoogle"

           style="display:block"

           data-ad-client="i-gno/re-d1234567890123456"

           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>

Example of an ad with Image and text side-by-side with card layout.

Bilde ovenfor tekst

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=i-gno/re-d1234567890123456" crossorigin="anonymous"></script>

      <!-- pbad -->

      <ins class="adsbygoogle"

           style="display:block"

           data-ad-client="i-gno/re-d1234567890123456"

           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>

Eksempler på annonser der bilder er plassert over teksten.

Bilde ovenfor tekst på kort

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=i-gno/re-d1234567890123456" crossorigin="anonymous"></script>

      <!-- pbad -->

      <ins class="adsbygoogle"

           style="display:block"

           data-ad-client="i-gno/re-d1234567890123456"

           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>

Eksempel på annonser der bilder er plassert over teksten i en kortutforming.

Bare tekst

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=i-gno/re-d1234567890123456" crossorigin="anonymous"></script>

      <!-- pbad -->

      <ins class="adsbygoogle"

           style="display:block"

           data-ad-client="i-gno/re-d1234567890123456"

           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>

Eksempel på en annonseutforming med bare tekst.

Tekst på kort

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=i-gno/re-d1234567890123456" crossorigin="anonymous"></script>

      <!-- pbad -->

      <ins class="adsbygoogle"

           style="display:block"

           data-ad-client="i-gno/re-d1234567890123456"

           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>

Eksempel på en annonseutforming med tekst i kort.

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.

Merk:

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

4 x 1 (på mobil og datamaskiner)

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=i-gno/re-d1234567890123456" crossorigin="anonymous"></script>

        <!-- pbad -->

        <ins class="adsbygoogle"

             style="display:block"

             data-ad-client="i-gno/re-d1234567890123456"

             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>

Eksempel på et bilde og tekst plassert oppå hverandre i AdSense.

2 x 2 (på mobil og datamaskiner)

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=i-gno/re-d1234567890123456" crossorigin="anonymous"></script>

        <!-- pbad -->

        <ins class="adsbygoogle"

             style="display:block"

             data-ad-client="i-gno/re-d1234567890123456"

             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>

Multiplex-annonseenhet i AdSense med to rader og to kolonner som inneholder totalt fire annonser.

3 x 3 (på mobil og datamaskiner)

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=i-gno/re-d1234567890123456" crossorigin="anonymous"></script>

        <!-- pbad -->

        <ins class="adsbygoogle"

             style="display:block"

             data-ad-client="i-gno/re-d1234567890123456"

             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>

En Multiplex-annonseenhet i AdSense med tre rader og tre kolonner som inneholder totalt ni annonser.

4 x 1 (på mobil) og 2 x 2 (på datamaskiner) for responsive nettsteder

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=i-gno/re-d1234567890123456" crossorigin="anonymous"></script>

        <!-- pbad -->

        <ins class="adsbygoogle"

             style="display:block"

             data-ad-client="i-gno/re-d1234567890123456"

             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>

Eksempel på et bilde og tekst plassert oppå hverandre i AdSense.

Multiplex-annonseenhet i AdSense med to rader og to kolonner som inneholder totalt fire annonser.

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:

Multiplex-annonseenheten har ikke noe innhold

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.

Multiplex-annonseenheten har færre annonser enn forventet

Dette kan skje når det ikke er nok plass til å vise akkurat det antallet annonser du har angitt. Et eksempel kan være hvis du har angitt mange annonser, og Multiplex-annonseenheten enten er for smal eller åpnes på en liten skjerm. Når dette skjer, justerer vi antallet rader og/eller kolonner, slik at annonsene passer inn på den ledige plassen. Du kan vurdere å endre bredden på Multiplex-annonseenheten eller angi et ulikt antall rader og kolonner for mobil og datamaskiner.

Annonsene inneholder bare tekst

Du kan komme til å se dette hvis Multiplex-annonseenheten er for smal gitt det aktuelle antallet annonser. I så fall bør du prøve å øke 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.

Var dette nyttig for deg?

Hvordan kan vi forbedre den?