Како да измените кôд прилагодљивог огласа

Ако утврдите да кôд прилагодљивог огласа не задовољава све ваше потребе, можете да га измените како би боље одговарао захтевима прилагодљивог сајта. Следећи примери показују како да правилно унесете те измене:

Важно:

• Ако немате искуства са CSS медијским упитима и изменом кода огласа, препоручујемо вам да прво погледате Пример тачне величине огласне јединице по ширини екрана.
• Ако сте већ упознати са CSS медијским упитима и изменом кода огласа, идите у одељак Примери напредних функција кода прилагодљивог огласа.

Напомена: Примери описани у овом чланку су прихватљиве измене AdSense кода огласа. Нећете прекршити смернице програма AdSense ако измените кôд прилагодљивог огласа на један од ових одобрених начина.

Пример тачне величине огласне јединице по ширини екрана

Овај пример показује како да измените кôд прилагодљивог огласа да бисте подесили одређене величине огласне јединице за три различите ширине екрана: мобилне уређаје, таблете и рачунаре. Не треба вам претходно искуство са CSS медијским упитима или изменом кода AdSense огласа да бисте пратили овај пример.

У наставку можете да видите измењени кôд прилагодљивог огласа у којем су подешене следеће тачне величине огласне јединице по ширини екрана:

• За екране ширине до 500 пиксела: огласна јединица величине 320×100.
• За екране ширине између 500 и 799 пиксела: огласна јединица величине 468×60.
• За екране ширине најмање 800 пиксела: огласна јединица величине 728×90.

<style>
.example_responsive_1 { width: 320px; height: 100px; }
@media(min-width: 500px) { .example_responsive_1 { width: 468px; height: 60px; } }
@media(min-width: 800px) { .example_responsive_1 { width: 728px; height: 90px; } }
</style>
<script async src="https://pagead2.googlesyndication.com/pagead/js/adsbygoogle.js?client=ca-pub-1234567890123456" crossorigin="anonymous"></script>
<!-- example_responsive_1 -->
<ins class="adsbygoogle example_responsive_1"
     style="display:block"
     data-ad-client="ca-pub-1234567890123456"
     data-ad-slot="8XXXXX1"></ins>
<script>
(adsbygoogle = window.adsbygoogle || []).push({});
</script>

Да бисте овај пример кода прилагодили свом сајту:

1. Направите мултимедијалну огласну јединицу на AdSense налогу и оставите изабрану опцију Прилагодљива у одељку Величина огласа. Забележите следеће информације из кода прилагодљивог огласа:
   • ИД објављивача, нпр. ca-pub-1234567890123456
   • ИД огласне јединице (data-ad-slot), нпр. 1234567890.
2. У примеру кода:
   • Замените све инстанце текста example_responsive_1 јединственим називом, нпр. Pocetna_stranica, naslovna_stranica_123 итд.
     Напомене:

     • Јединствени назив може да садржи само енглеска слова (A-Z), бројеве и доње црте, а први знак мора да буде енглеско слово.
     • Морате да користите различит јединствени назив сваки пут када прилагођавате овај пример кода.
   • Замените ca-pub-1234567890123456 својим ИД-ом објављивача.
   • Замените 8XXXXX1 својим ИД-ом огласне јединице.
3. Одлучите које величине огласне јединице желите да користите по ширини екрана:
   • Ако сте задовољни постојећим величинама огласне јединице у примеру кода, не морате да уносите додатне промене.
   • Ако желите да подесите другачије величине огласне јединице по ширини екрана, у примеру кода:
     • Замените 320px и 100px ширином и висином огласне јединице коју желите да користите за екране ширине до 500 пиксела.
     • Замените 468px и 60px ширином и висином огласне јединице коју желите да користите за екране ширине између 500 и 799 пиксела.
     • Замените 728px и 90px ширином и висином огласне јединице коју желите да користите за екране ширине 800 пиксела и шире.
4. Прекопирајте измењени кôд огласа у изворни HTML кôд странице на којој желите да се огласи приказују.
   Напомена: Када поставите кôд огласа, препоручујемо вам да тестирате огласе на различитим уређајима и екранима како бисте се уверили да прилагодљиво понашање правилно функционише.

Примери напредних функција кода прилагодљивог огласа

Ако утврдите да кôд прилагодљивог огласа не задовољава све ваше потребе, можете да га измените да бисте навели тачну величину за огласну јединицу преко CSS-а.

Напомена: Имајте на уму да не препоручујемо коришћење ових напредних функција ако нисте сигурни како да промените кôд огласа.

Одредите прошириву ширину и фиксну висину

Можете да измените кôд прилагодљивог огласа да бисте навели прошириву ширину и фиксну висину за огласну јединицу преко CSS-а. Следећи пример показује како да унесете те измене:

Пример прошириве ширине са фиксном висином

Овај пример показује како да измените кôд прилагодљивог огласа и наведете фиксну висину од 90 пиксела и променљиву ширину од најмање 400 пиксела до највише 970 пиксела:
<ins class="adsbygoogle"
   style="display:block;min-width:400px;max-width:970px;width:100%;height:90px"
   data-ad-client="ca-pub-1234567890123456"
   data-ad-slot="5678"></ins>
<script async src="https://pagead2.googlesyndication.com/pagead/js/adsbygoogle.js?client=ca-pub-1234567890123456" crossorigin="anonymous"></script>
<script>(adsbygoogle = window.adsbygoogle || []).push({});</script>

Навођење тачне величине по ширини екрана

Можете да измените кôд прилагодљивог огласа да бисте навели тачну величину за огласну јединицу преко CSS-а. Следећи пример показује како да унесете те измене:

Пример тачне величине по ширини екрана

Ако знате тачне величине огласних јединица према уређају које се најбоље уклапају у прилагодљиви сајт, помоћу CSS3 медијских упита можете да подесите величину прилагодљиве огласне јединице. Следећи примери вам показују како да измените кôд огласа да бисте користили CSS3 медијске упите:
<style type="text/css">
.adslot_1 { width: 320px; height: 100px; }
@media (min-width:500px) { .adslot_1 { width: 468px; height: 60px; } }
@media (min-width:800px) { .adslot_1 { width: 728px; height: 90px; } }
</style>
<ins class="adsbygoogle adslot_1"
    style="display:block;"
    data-ad-client="ca-pub-1234567890123456"
    data-ad-slot="5678"></ins>
<script async src="https://pagead2.googlesyndication.com/pagead/js/adsbygoogle.js?client=ca-pub-1234567890123456" crossorigin="anonymous"></script>
<script>(adsbygoogle = window.adsbygoogle || []).push({});</script>

@media правила су део CSS3 синтаксе и подржана су у свим савременим прегледачима. Имајте на уму да подешавање величине огласне јединице преко CSS-а у спољним описима стилова није званично подржано.

Сакривање огласнe јединице

У одређеним случајевима, нарочито на мањим мобилним уређајима, можда уопште нећете желети да приказујете оглас. Ако желите да сакријете огласну јединицу, можете да подесите параметар са CSS медијским упитима како ниједан захтев за оглас не би био упућен и како се ниједан оглас не би приказивао. Следећи пример показује како да унесете те измене:

Пример сакривања огласа за одређене величине екрана

Помоћу CSS-а можете да приказујете огласе само на одређеним величинама екрана. Следећи пример показује како да измените кôд огласа и да помоћу CSS3 медијских упита сакривате огласе на одређеним величинама екрана:
<style type="text/css">
.adslot_1 { display:block; width: 320px; height: 50px; }
@media (max-width: 400px) { .adslot_1 { display: none; } }
@media (min-width:500px) { .adslot_1 { width: 468px; height: 60px; } }
@media (min-width:800px) { .adslot_1 { width: 728px; height: 90px; } }
</style>
<ins class="adsbygoogle adslot_1"
   data-ad-client="ca-pub-1234567890123456"
   data-ad-slot="5678"></ins>
<script async src="https://pagead2.googlesyndication.com/pagead/js/adsbygoogle.js?client=ca-pub-1234567890123456" crossorigin="anonymous"></script>
<script>(adsbygoogle = window.adsbygoogle || []).push({});</script>

У овом примеру се ниједан оглас неће приказати ако је ширина екрана мања од 400 пиксела.

И поред ове флексибилности, не заборавите да се увек придржавате смерница за одредишта за пласман огласа. Имајте на уму да смернице програма дозвољавају само ограничене измене кода.