CSS implementacija adsense oglasa

Hojla!

Ima morda kak mojster čas, da preveri če sem tole pravilno spisal? CSS časi so že daleč nazaj :). Oglas bi moral biti velik 320x100 razen na ekranih širših od 800px, kjer je 728x90.

<style>
.responsive_ad{width:320px; height:100px;}
@media(min-width:800px){.responsive_ad{width:728px; height:90px;}}
</style>
<script async src="//pagead2.googlesyndication.com/pagead/js/adsbygoogle.js"></script>
<!-- Responsive ad unit -->
<ins class="adsbygoogle responsive_ad"
     style="display:block"
     data-ad-client="***"
     data-ad-slot="***"</ins>
<script>
(adsbygoogle = window.adsbygoogle || []).push({});
</script>

2 odgovora

A a ni poanta Adsense responsive ad unita ravno v tem, da ne rabiš čarat s CSS, ker sam izbere ustrezno velikost oglasov glede na razpoložljiv prostor?

Nekaj časa nazaj sem to testiral in mi je ostalo v spominu, da je Adsense sam dovolj pameten, da prilagodi.

Tudi tule piše v tem smisu:
https://support.google.com/adsense/answer/3543893

Google DFP je pa druga zgodba in zahteva mal več telovadbe s kodo. :)

4

Če daš ad kodo v div, pa v cssju nastaviš velikosti diva, bi moglo it.