Oglasne jedinice

Kako prilagoditi responzivnu jedinicu s kombiniranim oglasima

Sljedeće: O Accelerated Mobile Pagesu (AMP)

Napomena: navedene su opcije obustavljene. Te opcije i dalje možete upotrebljavati za prilagodbu kombiniranih oglasa, ali ne možemo jamčiti da će one nastaviti funkcionirati u svim okolnostima.

Ako imate specifične zahtjeve za responzivne jedinice s kombiniranim oglasima, njihov izgled možete prilagoditi dodavanjem parametara u oglasni kôd. Ti parametri omogućuju vam promjenu izgleda jedinica s kombiniranim oglasima i određivanje načina na koji želite urediti retke i stupce oglasa u njima.

Pomoću parametara možete postaviti i različite postavke za mobilne uređaje i računala. Na primjer, ako parametru izgleda dodijelite jednu vrijednost, jedinica s kombiniranim oglasima imat će isti izgled na mobilnim uređajima i računalima. Ako parametru izgleda dodijelite dvije vrijednosti, jedinica s kombiniranim oglasima imat će jedan izgled na mobilnom uređaju (prva vrijednost), a drugi na računalu (druga vrijednost).

Imajte na umu da su te opcije dostupne samo za responzivne jedinice s kombiniranim oglasima i da su za funkcioniranje prilagodbi potrebni svi parametri. Nakon što promijenite oglasni kôd, svakako testirajte rade li jedinice s kombiniranim oglasima pravilno na različitim uređajima i zaslonima.

Napomena: primjeri opisani u ovom članku predstavljaju prihvatljive izmjene AdSense oglasnog koda. Nećete prekršiti programska pravila za AdSense ako izmijenite kôd kombiniranih oglasa na ove odobrene načine.

Proširi sve Sažmi sve

Promjena izgleda jedinice s kombiniranim oglasima

Parametar izgleda (data-matched-content-ui-type) omogućuje vam da upravljate rasporedom teksta i slika u jedinicama s kombiniranim oglasima. Na primjer, možete odabrati da slika i tekst budu jedno pored drugog, slika iznad teksta itd.

Dostupne su sljedeće opcije izgleda:

Slika i tekst jedno pored drugog

U ovom izgledu slika i tekst prikazuju se usporedo. Za odabir tog izgleda u oglasni kôd dodajte parametar data-matched-content-ui-type="image_sidebyside".

<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>

Primjer oglasa koji sadrži slike i tekst jedne pored drugih.

Slika i tekst jedno pored drugog na kartici

U ovom izgledu slika i tekst prikazuju se na kartici usporedno. Za odabir tog izgleda u svoj oglasni kôd dodajte parametar data-matched-content-ui-type="image_card_sidebyside".

<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>

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

Slika iznad teksta

U ovom izgledu slika se nalazi iznad teksta. Za odabir tog izgleda u oglasni kôd dodajte parametar data-matched-content-ui-type="image_stacked".

<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>

Primjer oglasa sa slikama iznad teksta.

Slika iznad teksta na kartici

U ovom izgledu slika se nalazi na kartici iznad teksta. Za odabir tog izgleda u oglasni kôd dodajte parametar data-matched-content-ui-type="image_card_stacked".

<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>

Primjer oglasa sa slikama iznad teksta s kartičnim izgledom.

Samo tekst

Izgled koji sadrži samo tekst bez slike. Za odabir tog izgleda u svoj oglasni kôd dodajte parametar data-matched-content-ui-type="text".

<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>

Primjer izgleda oglasa koji sadrži samo tekst.

Tekst s karticom

Izgled samo s tekstom na kartici. Za odabir tog izgleda u oglasni kôd dodajte parametar data-matched-content-ui-type="text_card".

<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>

Primjer tekstualnog oglasa s kartičnim izgledom oglasa.

Određivanje broja redaka i stupaca u jedinici s kombiniranim oglasima

Oglasi u jedinici s kombiniranim oglasima poredani su u obliku rešetke. Možete definirati koliko redaka i stupaca želite prikazati u rešetki. Na primjer, možete definirati da je vaša jedinica s kombiniranim oglasima kvadrat 2 x 2 ili stupac 4 x 1 itd.

Parametrom data-matched-content-rows-num određujete broj redaka, dok parametrom data-matched-content-columns-num određujete broj stupaca. Istodobno morate postaviti oba parametra i data-matched-content-ui-type.

Napomena:

Postoje neka ograničenja broja stupaca i redaka koje možete odabrati. Ukupni broj oglasa u vašoj jedinici s kombiniranim oglasima mora biti između 1 i 30. Ako pokušate prikazati manje od jednog oglasa ili više od njih 30, jedinica s kombiniranim oglasima prikazat će se prazna.
Ponekad nećemo moći prikazati točan broj definiranih redaka i/ili stupaca. Na primjer, ako ste postavili velik broj stupaca, a jedinica s kombiniranim oglasima nije dovoljno široka da svi stanu u nju. U tom slučaju prilagodit ćemo broj redaka i/ili stupaca tako da se vaši oglasi uklope u raspoloživ prostor i pruže dobar korisnički doživljaj.

Primjeri redaka i stupaca

4 x 1 (mobilni uređaji i računala)

U nastavku je primjer koda za generiranje jedinice s kombiniranim oglasima s četiri retka i jednim stupcem u kojima se prikazuju ukupno četiri oglasa.

<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>

Primjer slike iznad teksta u AdSenseu.

2 x 2 (mobilni uređaji i računala)

U nastavku je primjer koda za generiranje jedinice s kombiniranim oglasima s dva retka i dva stupca u kojima se prikazuju ukupno četiri oglasa.

<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>

Jedinica s kombiniranim oglasima u AdSenseu s dva retka i dva stupca u kojima se prikazuje ukupno četiri oglasa.

3 x 3 (mobilni uređaji i računala)

U nastavku je primjer koda za generiranje jedinice s kombiniranim oglasima s tri retka i tri stupca u kojima se prikazuje ukupno devet oglasa.

<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>

Jedinica s kombiniranim oglasima u AdSenseu s tri retka i tri stupca u kojima se prikazuje ukupno devet oglasa.

4 x 1 (mobilni uređaji) i 2 x 2 (računala) za responzivne web-lokacije

U nastavku je primjer koda za generiranje jedinice s kombiniranim oglasima s rešetkom 4 x 1 na mobilnim uređajima i 2 x 2 na računalima. Takve postavke preporučujemo ako imate responzivnu web-lokaciju.

<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>

Primjer slike iznad teksta u AdSenseu.

Jedinica s kombiniranim oglasima u AdSenseu s dva retka i dva stupca u kojima se prikazuje ukupno četiri oglasa.

Rješavanje problema

Moguće je da se nakon prilagodbe vaša jedinica s kombiniranim oglasima ne prikazuje točno onako kako ste očekivali. Evo nekoliko uobičajenih problema s jedinicama s kombiniranim oglasima i kako ih riješiti:

Oglasna jedinica s kombiniranim oglasima je prazna

Postoje dva razloga zašto se to može dogoditi:

Ukupan broj oglasa u vašoj jedinici s kombiniranim oglasima manji je od jedan ili veći od 30. Trebali biste izmijeniti broj redaka i/ili stupaca u jedinici s kombiniranim oglasima kako bi ukupan broj oglasa bio unutar ograničenja.
Jedinica s kombiniranim oglasima preširoka je za postavljeni broj oglasa. U tom biste slučaju trebali pokušati smanjiti širinu jedinice s kombiniranim oglasima.

Jedinica s kombiniranim oglasima sadrži manje oglasa nego što ste očekivali

To se može dogoditi kada nema dovoljno mjesta za prikaz točnog broja oglasa koji ste naveli. Na primjer, možda ste postavili velik broj oglasa, a jedinica s kombiniranim oglasima preuska je ili se gleda na malom zaslonu. U tom slučaju prilagodite broj redaka i/ili stupaca raspoloživom prostoru. Razmotrite i promjenu širine jedinice s kombiniranim oglasima ili postavite različit broj redaka i stupaca za mobilne uređaje odnosno računala.

Vaši oglasi sadrže samo tekst

To se može dogoditi ako je jedinica s kombiniranim oglasima preuska za broj oglasa koji ste postavili. U tom biste slučaju trebali pokušati povećati širinu jedinice s kombiniranim oglasima.

Pronalaženje pogrešaka u jedinicama s kombiniranim oglasima pomoću konzole

Pomoću konzole preglednika možete provjeriti jeste li ispravno promijenili oglasni kôd jedinice s kombiniranim oglasima. Na primjer, na konzoli možete vidjeti nedostaje li oglasnom kodu potreban parametar ili sadrži li neki parametar nevažeću vrijednost.

Ako koristite Chrome, oglasni kôd možete testirati alatom DevTools Console na sljedeći način:

Otvorite stranicu s jedinicama s kombiniranim oglasima.
Pritisnite Ctrl + Shift + J (Windows / Linux) ili Cmd + Opt + J (Mac).
Potražite poruke o pogreškama na ploči konzole.

Je li to bilo korisno?

Kako to možemo poboljšati?