ก่อนอื่นของอ้างถึงกระทู้ การเขียน Code Adsense สำหรับเว็บแสดงผลในหลาย Device (Responsive)
ซึ่งปกติแล้วเราจะกำหนดขนาดของโฆษณาไปตามขนาดหน้าจอเลย ว่าหน้าจอเท่านี้จะให้แสดงขนาดนี้ก็ว่ากันไป
ตัวอย่าง
<script type="text/javascript">
google_ad_client = "ca-publisher-id";
width = document.documentElement.clientWidth;
google_ad_slot = "1234567890";
google_ad_width = 320;
google_ad_height = 50;
if (width > 500) {
google_ad_slot = "3456789012";
google_ad_width = 468;
google_ad_height = 60;
}
if (width > 800) {
google_ad_slot = "2345678901";
google_ad_width = 728;
google_ad_height = 90;
}
</script>
<script type="text/javascript" src="
http://pagead2.googlesyndication.com/pagead/show_ads.js ">
</script>
แต่ตอนนี้มันมีโค้ดขนาด Adsense ที่สามารถปรับขนาดขนาดได้เองที่เราสามารถ Gen ออกซึ่งเป็นโค้ดแบบนี้
<script async src="//pagead2.googlesyndication.com/pagead/js/adsbygoogle.js"></script>
<ins class="adsbygoogle"
style="display:block"
data-ad-client="ca-publisher-id"
data-ad-slot="59507xxxxxx"
data-ad-format="auto"></ins>
<script>
(adsbygoogle = window.adsbygoogle || []).push({});
</script>
อยากถามว่า เราจะกำหนดให้ว่าหากเข้าชมจากคอมพิวเตอร์หรืออุปกรณที่มีหน้าจอขนาดใหญ่ให้แสดงผล Ads ขนาด 336 x 280 แต่หากเข้าจาก Smartphone ที่มีหน้าจอขนาดเล็กให้ดึงโฆษณาที่ปรับขนาดแบบอัตโนมัติ จะต้องเขียนโค้ดประมาณไหนครับ