Oglasne jedinice

Kako prilagoditi responzivnu jedinicu podudarnog sadržaja

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

Pomoću parametara možete postaviti i različite postavke za mobilne uređaje i stolna računala. Na primjer, ako parametru izgleda dodijelite jednu vrijednost, jedinica podudarnog sadržaja imat će isti izgled na mobilnim uređajima i stolnim računalima. Ako parametru izgleda dodijelite dvije vrijednosti, tada će jedinica podudarnog sadržaja imati jedan izgled na mobilnom uređaju (prva vrijednost), a drugi na stolnom računalu (druga vrijednost). The parameters also work with AMP Matched content units.

Imajte na umu da su te opcije dostupne samo za responzivne jedinice podudarnog sadržaja i da su za funkcioniranje prilagodbe potrebni svi parametri. Nakon što promijenite oglasni kôd, svakako testirajte rade li jedinice podudarnog sadržaja 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 podudarnog sadržaja na te odobrene načine.

Promjena izgleda jedinice podudarnog sadržaja

Parametar izgleda (data-matched-content-ui-type) omogućuje vam da upravljate rasporedom teksta i slika u jedinicama podudarnog sadržaja. 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"></script>
<!-- pbad -->
<ins class="adsbygoogle"
     style="display:block"
     data-ad-client="ca-pub-xxxxxxxxx"
     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>

Image and text side by side layout

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"></script>
<!-- pbad -->
<ins class="adsbygoogle"
     style="display:block"
     data-ad-client="ca-pub-xxxxxxxxx"
     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>

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"></script>
<!-- pbad -->
<ins class="adsbygoogle"
     style="display:block"
     data-ad-client="ca-pub-xxxxxxxxx"
     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>

Image stacked above text layout

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"></script>
<!-- pbad -->
<ins class="adsbygoogle"
     style="display:block"
     data-ad-client="ca-pub-xxxxxxxxx"
     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>

Image stacked above text with card layout

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"></script>
<!-- pbad -->
<ins class="adsbygoogle"
     style="display:block"
     data-ad-client="ca-pub-xxxxxxxxx"
     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>

text-only layout

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"></script>
<!-- pbad -->
<ins class="adsbygoogle"
     style="display:block"
     data-ad-client="ca-pub-xxxxxxxxx"
     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>

Text with card layout

Definiranje broja redaka i stupaca u jedinici podudarnog sadržaja

Preporuke u jedinici podudarnog sadržaja organizirane 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 podudarnog sadržaja kvadrat 2x2 ili 4x1 stupac 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 data-matched-content-ui-type.

Napomena:
  • Postoje neka ograničenja za broj stupaca i redaka koje možete odabrati. Ukupan broj preporuka u jedinici podudarnog sadržaja može biti od 1 do 30. Ako pokušate prikazati manje od jedne preporuke ili više od 30, jedinica podudarnog sadržaja 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 podudarnog sadržaja nije dovoljno široka da svi stanu u nju. U tom slučaju prilagodit ćemo broj redaka i/ili stupaca tako da se vaše preporuke uklope u raspoloživ prostor i pruže dobar korisnički doživljaj.

Primjeri redaka i stupaca

4x1 (mobilni uređaji i stolna računala)

U nastavku je primjer koda za generiranje jedinice podudarnog sadržaja s četiri retka i jednim stupcem u kojima se prikazuju ukupno četiri preporuke.

<script async src="https://pagead2.googlesyndication.com/pagead/js/adsbygoogle.js"></script>
<!-- pbad -->
<ins class="adsbygoogle"
     style="display:block"
     data-ad-client="ca-pub-xxxxxxxxx"
     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>

4x1 grid

2x2 (mobilni uređaji i stolna računala)

U nastavku je primjer koda za generiranje jedinice podudarnog sadržaja s dva retka i dva stupca u kojima se prikazuju ukupno četiri preporuke.

<script async src="https://pagead2.googlesyndication.com/pagead/js/adsbygoogle.js"></script>
<!-- pbad -->
<ins class="adsbygoogle"
     style="display:block"
     data-ad-client="ca-pub-xxxxxxxxx"
     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>

2x2 grid

3x3 (mobilni uređaji i stolna računala)

U nastavku je primjer koda za generiranje jedinice podudarnog sadržaja s tri retka i tri stupca u kojima se prikazuje ukupno devet preporuka.

<script async src="https://pagead2.googlesyndication.com/pagead/js/adsbygoogle.js"></script>
<!-- pbad -->
<ins class="adsbygoogle"
     style="display:block"
     data-ad-client="ca-pub-xxxxxxxxx"
     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>

3x3 grid

4x1 (mobilni uređaji) i 2x2 (stolna računala) za responzivne web-lokacije

U nastavku je primjer koda za generiranje jedinice podudarnog sadržaja s rešetkom 4x1 na mobilnim uređajima i 2x2 na stolnim računalima. Takve postavke preporučujemo ako imate responzivnu web-lokaciju.

<script async src="https://pagead2.googlesyndication.com/pagead/js/adsbygoogle.js"></script>
<!-- pbad -->
<ins class="adsbygoogle"
     style="display:block"
     data-ad-client="ca-pub-xxxxxxxxx"
     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>

4x1 grid

2x2 grid

Dijeljenje povratnih informacija

Rado bismo čuli vaše mišljenje o prilagodbi jedinica podudarnog sadržaja. Putem obrasca za povratne informacije javite nam što vam odgovara, a što bi se moglo poboljšati.

Rješavanje problema

Moguće je da se vaša jedinica podudarnog sadržaja nakon prilagodbe ne prikazuje baš onako kako ste očekivali. Evo nekoliko uobičajenih problema s jedinicama podudarnog sadržaja i rješenja za njih:

Vaša je jedinica podudarnog sadržaja prazna

Razloga za to mogu biti dva:

  • Ukupan broj preporuka u jedinici podudarnog sadržaja manji je od jedan ili veći od 30. Promijenite broj redaka i/ili stupaca u jedinici podudarnog sadržaja da bi ukupan broj preporuka bio unutar zadanog raspona.
  • Jedinica podudarnog sadržaja preširoka je za postavljeni broj preporuka. U tom slučaju pokušajte smanjiti širinu jedinice podudarnog sadržaja.

Vaša jedinica podudarnog sadržaja ima manje preporuka nego što ste očekivali

To se može dogoditi kada nema dovoljno mjesta za prikaz točnog broja preporuka koji ste naveli. Na primjer, možda ste postavili velik broj preporuka, a jedinica podudarnog sadržaja 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 podudarnog sadržaja ili postavite različit broj redaka i stupaca za mobilne uređaje odnosno stolna računala.

Vaše preporuke sadrže samo tekst

Ako vidite samo tekst, jedinica podudarnog sadržaja preuska je za postavljeni broj preporuka. U tom slučaju trebali biste povećati širinu jedinice podudarnog sadržaja.

Pronalaženje pogrešaka u jedinicama podudarnog sadržaja pomoću konzole

Pomoću konzole preglednika možete provjeriti jeste li ispravno promijenili oglasni kôd jedinice podudarnog sadržaja. Na primjer, na konzoli možete vidjeti nedostaje li oglasnom kodu potrebni 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:

  1. Otvorite stranicu s jedinicama podudarnog sadržaja.
  2. Pritisnite Ctrl+Shift+J (Windows / Linux) ili Cmd+Opt+J (Mac).
  3. Potražite poruke o pogreškama na ploči konzole.
Je li to bilo korisno?
Kako to možemo poboljšati?

Trebate li dodatnu pomoć?

Prijavite se da bi vam bile dostupne dodatne opcije podrške kako biste brzo riješili problem