ยินดีต้อนรับคุณ, บุคคลทั่วไป กรุณา เข้าสู่ระบบ หรือ ลงทะเบียน

เข้าสู่ระบบด้วยชื่อผู้ใช้ รหัสผ่าน และระยะเวลาในเซสชั่น

ThaiSEOBoard.comความรู้ทั่วไปAdsenseเขียน Code Adsense สำหรับเว็บแสดงผลในหลาย Device (Responsive) แบบนี้ได้ไหมครับ
หน้า: [1]   ลงล่าง
พิมพ์
ผู้เขียน หัวข้อ: เขียน Code Adsense สำหรับเว็บแสดงผลในหลาย Device (Responsive) แบบนี้ได้ไหมครับ  (อ่าน 2270 ครั้ง)
0 สมาชิก และ 1 บุคคลทั่วไป กำลังดูหัวข้อนี้
(~''๐''~)ปลาแซลมอล
หัวหน้าแก๊งเสียว
*

พลังน้ำใจ: 60
ออฟไลน์ ออฟไลน์

กระทู้: 1,137



ดูรายละเอียด
« เมื่อ: 09 มิถุนายน 2014, 15:42:49 »

ก่อนอื่นของอ้างถึงกระทู้ การเขียน 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 ที่มีหน้าจอขนาดเล็กให้ดึงโฆษณาที่ปรับขนาดแบบอัตโนมัติ จะต้องเขียนโค้ดประมาณไหนครับ  Embarrassed
« แก้ไขครั้งสุดท้าย: 09 มิถุนายน 2014, 15:44:49 โดย (~''๐''~)ปลาแซลมอล » บันทึกการเข้า
jeen705
Global Moderator
หัวหน้าแก๊งเสียว
*****

พลังน้ำใจ: 208
ออฟไลน์ ออฟไลน์

กระทู้: 2,662



ดูรายละเอียด
« ตอบ #1 เมื่อ: 09 มิถุนายน 2014, 16:38:09 »

ผมไม่แน่ใจนะคับ แต่เรื่องนี้ทางgoogle กำลังจะแก้ไขอยู่ ถ้าท่านที่ไปงานเปิดตัว youtube มาจะทราบดี
 adsense  กำลังพัฒนาในเรื่องนี้

ตามกฏ(ผมอาจจะอ่านไม่หมด)
ถ้าไม่ได้ไปแก้หรือตกแกต่งcode ผมคิดว่าได้
บันทึกการเข้า
(~''๐''~)ปลาแซลมอล
หัวหน้าแก๊งเสียว
*

พลังน้ำใจ: 60
ออฟไลน์ ออฟไลน์

กระทู้: 1,137



ดูรายละเอียด
« ตอบ #2 เมื่อ: 09 มิถุนายน 2014, 16:42:43 »

ผมไม่แน่ใจนะคับ แต่เรื่องนี้ทางgoogle กำลังจะแก้ไขอยู่ ถ้าท่านที่ไปงานเปิดตัว youtube มาจะทราบดี
 adsense  กำลังพัฒนาในเรื่องนี้

ตามกฏ(ผมอาจจะอ่านไม่หมด)
ถ้าไม่ได้ไปแก้หรือตกแกต่งcode ผมคิดว่าได้


นั้นแหละครับ เพราะในตัวอย่างที่ Google adsense ยังไม่มีแบบอย่างการนำโค้ด 2  ประเภทนี้มารวมกัน มีแต่การนำโค้ดชนิดเดียวกันแต่คนละขนาดผมเลยไม่แน่ใจว่าสามารถทำได้ไหม  wanwan023
บันทึกการเข้า
oomixoo
ก๊วนเสียว
*

พลังน้ำใจ: 18
ออฟไลน์ ออฟไลน์

กระทู้: 218



ดูรายละเอียด เว็บไซต์
« ตอบ #3 เมื่อ: 09 มิถุนายน 2014, 16:53:04 »

ลองดูนะครับ ตัวอย่างของผมที่ผมใช้งานอยู่ เปลี่ยนจาก xx เป็นข้อมูลของท่านครับ  ไม่รู้ว่าจะตรงตามที่ท่านต้องการไหม

โค๊ด:

<script type="text/javascript">// <![CDATA[
var width = window.innerWidth || document.documentElement.clientWidth;
google_ad_client = "ca-pub-xxxxxxxxxxxxxxxxxxxxx";
if (width >= 767) {
/* บนสุด */
google_ad_slot = "xxxxxxxx";
google_ad_width = 728;
google_ad_height = 90;
} else if ((width < 767) && (width > 480)) {
/* บนสุด*/
google_ad_slot = "xxxxxxxx";
google_ad_width = 300;
google_ad_height = 250;
} else {
/* บนสุด */
google_ad_slot = "xxxxxxxx";
google_ad_width = 300;
google_ad_height = 250;
}
// ]]></script>
<script type="text/javascript" src="http://pagead2.googlesyndication.com/pagead/show_ads.js">// <></script>
บันทึกการเข้า

KPmemory
หัวหน้าแก๊งเสียว
*

พลังน้ำใจ: 88
ออฟไลน์ ออฟไลน์

กระทู้: 1,209



ดูรายละเอียด
« ตอบ #4 เมื่อ: 09 มิถุนายน 2014, 16:56:24 »

เพื่อความกระจ่าง ครับผม
https://support.google.com/adsense/answer/3543893?hl=th

โดยอ้างอิงตามขั้นตอนข้อ 3 (ไม่บังคับ) แก้ไขโค้ดโฆษณาของคุณสำหรับโหมดขั้นสูง
บันทึกการเข้า

Phatt
ก๊วนเสียว
*

พลังน้ำใจ: 19
ออฟไลน์ ออฟไลน์

กระทู้: 320



ดูรายละเอียด
« ตอบ #5 เมื่อ: 09 มิถุนายน 2014, 17:49:06 »

<style type="text/css">
.adslot_1 { width: 320px; height: 50px; }
@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:inline-block;"
    data-ad-client="ca-pub-1234"
    data-ad-slot="5678"></ins>
<script async src="//pagead2.googlesyndication.com/pagead/js/adsbygoogle.js"></script>
<script>(adsbygoogle = window.adsbygoogle || []).push({});</script>

ตรง @media กำหนดได้ตามใจครับ
บันทึกการเข้า
หน้า: [1]   ขึ้นบน
พิมพ์