Kaip pakeisti interaktyvaus skelbimo kodą

Jei pastebite, kad interaktyvaus skelbimo kodas nedaro visko, ko jums reikia, galite kodą pakeisti, kad jis geriau atitiktų interaktyvios svetainės reikalavimus. Šiame straipsnyje pateiktuose pavyzdžiuose parodyta, kaip tinkamai atlikti šiuos pakeitimus.

Prieš pradėdami:

• Jei dar nesate teikę CSS medijos užklausų ir keitę skelbimo kodo, rekomenduojame pradėti nuo tikslaus skelbimų rinkinio dydžio, atitinkančio ekrano plotį, pavyzdžio.
• Jei jau esate susipažinę su CSS medijos užklausų teikimu ir skelbimo kodo keitimu, nedvejodami eikite tiesiai į skiltį „Išplėstinių interaktyvaus skelbimo kodo funkcijų pavyzdžiai“.

Pastaba: šiame straipsnyje aprašyti pavyzdžiai yra „AdSense“ skelbimo kodo priimtini pakeitimai. Jei interaktyvaus skelbimo kodą pakeisite šiais patvirtintais būdais, „AdSense“ programų politikos nepažeisite.

Tikslaus skelbimų rinkinio dydžio, atitinkančio ekrano plotį, pavyzdys

Šiame pavyzdyje nurodoma, kaip pakeisti interaktyvų kodą ir nustatyti skelbimų rinkinio dydžius, kad jie atitiktų trijų diapazonų ekranų pločius, pvz., mobiliojo įrenginio, planšetinio ir stalinio kompiuterių ekranus. Norint naudoti šį pavyzdį, nereikia turėti jokios CSS kalbos medijos užklausų teikimo arba „AdSense“ skelbimo kodo keitimo patirties.

Štai keli pakeisti interaktyvaus skelbimo kodai, nustatantys šiuos tikslaus skelbimų rinkinio dydžius pagal ekrano plotį:

• iki 500 taškų pločio ekranams: 320 x 100 skelbimų rinkinys.
• nuo 500 iki 799 taškų pločio ekranams: 468 x 60 skelbimų rinkinys.
• 800 taškų ir platesniems ekranams: 728 x 90 skelbimų rinkinys.

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

Jei norite pritaikyti šį pavyzdinį kodą savo svetainei, atlikite toliau nurodytus veiksmus.

1. Sukurkite interaktyvių skelbimų rinkinį „AdSense“ paskyroje. Skiltyje „Skelbimo dydis“ palikite pažymėtą parinktį Interaktyvus. Užsirašykite toliau nurodytą informaciją iš interaktyvaus skelbimo kodo.
   • Leidėjo ID, pavyzdžiui, ca-pub-1234567890123456
   • Skelbimų rinkinio ID (data-ad-slot), pavyzdžiui, 1234567890..
2. Pavyzdinis kodas.
   • Pakeiskite visus example_responsive_1 pavyzdžius unikaliu pavadinimu, pvz., pagrindinis_puslapis, pradinis_puslapis_123 ir pan.
     Pastabos.

     • Unikalų pavadinimą gali sudaryti tik anglų k. raidės (A–Z), skaičiai ir apatiniai brūkšniai. Be to, pirmasis simbolis turi būti anglų k. raidė.
     • Kaskart pritaikydami šį pavyzdinį kodą turite naudoti kitokį unikalų pavadinimą.
   • ca-pub-1234567890123456 pakeiskite savo leidėjo ID.
   • Pakeiskite 8XXXXX1 savo skelbimų rinkinio ID.
3. Nuspręskite, kokio dydžio turi būti skelbimų rinkinys, pritaikydami jį pagal ekrano plotį:
   • Jei jus tenkina esami skelbimų rinkinio dydžiai pavyzdiniame kode, tada nereikės atlikti jokių papildomų pakeitimų.
   • Jei norite nustatyti kitus skelbimų rinkinio dydžius, atitinkančius ekrano plotį, tada pavyzdiniame kode:
     • 320 taškų ir 100 taškų vertes pakeiskite skelbimų rinkinio pločio ir aukščio vertėmis, kurias norite naudoti iki 500 taškų pločio ekranuose.
     • 468 taškų ir 60 taškų vertes pakeiskite skelbimų rinkinio pločio ir aukščio vertėmis, kurias norite naudoti nuo 500 taškų iki 799 taškų pločio ekranuose.
     • 728 taškų ir 90 taškų vertes pakeiskite skelbimų rinkinio pločio ir aukščio vertėmis, kurias norite naudoti 800 taškų ir platesniuose ekranuose.
4. Nukopijuokite ir įklijuokite pakeistą skelbimo kodą į puslapio, kuriame norite rodyti skelbimus, HTML šaltinio kodą.
   Patarimas: įdėjus skelbimo kodą rekomenduojame skelbimus išbandyti skirtinguose įrenginiuose bei naudojant įvairaus dydžio ekranus ir įsitikinti, kad interaktyvios funkcijos veikia tinkamai.

Išplėstinių interaktyvaus skelbimo kodo funkcijų pavyzdžiai

Jei pastebite, kad mūsų interaktyvaus skelbimo kodas nedaro visko, ko jums reikia, galite naudodami CSS kalbą pakeisti skelbimo kodą ir nurodyti tikslų skelbimų rinkinio dydį.

Pastaba: nerekomenduojame naudoti šių išplėstinių funkcijų, jei nesate tikri, dėl skelbimo kodą modifikavimo.

Išplečiamo pločio ir fiksuoto aukščio nurodymas

Galite keisti interaktyvaus skelbimo kodą ir nurodyti išplečiamą skelbimų rinkinio plotį bei fiksuotą aukštį naudodami CSS. Toliau pateiktame pavyzdyje nurodoma, kaip tai padaryti.

Išplečiamo pločio ir fiksuoto aukščio pavyzdys

Šiame pavyzdyje nurodoma, kaip pakeisti interaktyvaus skelbimo kodą ir nurodyti fiksuotą 90 tšk. aukštį, o kintamojo plotį nuo 400 tšk. iki 970 tšk.:
<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>

Tikslaus dydžio, atitinkančio ekrano plotį, nurodymas

Galite pakeisti interaktyvaus skelbimo kodą ir naudodami CSS nurodyti tikslų skelbimų rinkinio dydį. Kitame pavyzdyje parodyta, kaip atlikti šiuos keitimus.

Tikslaus dydžio, atitinkančio ekrano plotį, pavyzdys

Jei žinote tikslius kiekvieno įrenginio skelbimų rinkinių, kurie geriausiai tinka interaktyviai svetainei, dydžius, galite naudoti CSS3 medijos užklausas ir nustatyti interaktyvaus skelbimų rinkinio dydį. Toliau pateiktame pavyzdyje nurodoma, kaip pakeisti skelbimo kodą, kad būtų galima naudoti CSS3 medijos užklausas.
<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 taisyklės – tai CSS3 sintaksė; taisyklės palaikomos visose šiuolaikinėse naršyklėse. Atminkite, kad išoriniuose stiliaus lapuose oficialiai nepalaikomas skelbimų rinkinio dydžio nustatymas CSS kalba.

Skelbimų rinkinio slėpimas

Tam tikrais atvejais, ypač mažesniuose mobiliuosiuose įrenginiuose, galbūt visiškai nenorėsite rodyti skelbimų. Jei norite paslėpti skelbimų rinkinį, galite nustatyti parametrą su CSS medijos užklausomis, kad nebūtų atliekamos skelbimų užklausos ir nebūtų rodomi skelbimai. Toliau pateiktame pavyzdyje parodyta, kaip atlikti šiuos pakeitimus.

Skelbimų slėpimo konkrečių dydžių įrenginiuose pavyzdys

Jei norite skelbimus rodyti tik tam tikro dydžio įrenginiuose, galite naudoti CSS. Toliau pateiktame pavyzdyje nurodoma, kaip pakeisti skelbimo kodą, kad būtų galima naudoti CSS3 medijos užklausas ir paslėpti konkrečių dydžių ekranus.
<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>

Šiame pavyzdyje skelbimai nerodomi, jei ekrano plotis mažesnis nei 400 tšk.

Pastaba: net ir naudodami šią lanksčią parinktį, nepamirškite laikytis skelbimų paskirties vietos politikos nuostatų. Atkreipkite dėmesį, kad pagal mūsų programų politikos nuostatus leidžiama atlikti tik ribotus kodo pakeitimus.