ซ่อนและแสดงบล็อก Google Adsense ด้วย Media Queries


11

สิ่งนี้ยอมรับได้แล้วใน Adsense ToS หรือไม่ (ไม่พบข้อมูลใด ๆ ในกรณีนี้โดยเฉพาะ) หากผู้ใช้ปรับขนาดเบราว์เซอร์ (css 3):

@media screen and (max-width: 980px) {
 #skyscraper { display: none; }
}

ตัวอย่างที่ okcupid.com - ไซต์ขนาดใหญ่

แนวคิดคือการนำเสนอไซต์ที่ไม่มีแนวนอนเมื่อผู้ใช้ปรับขนาดหน้าต่างเบราว์เซอร์เป็น 980px หรือน้อยกว่า

คำตอบ:


8

คุณไม่สามารถซ่อนโฆษณา อยู่ในข้อกำหนดในการให้บริการของAdSenseภายใต้หัวข้อ "5. การใช้ที่ต้องห้าม":

คุณจะต้องไม่และจะไม่อนุญาตหรือสนับสนุนบุคคลที่สามในการ: ... (ii) แก้ไขปรับเปลี่ยนกรองตัดหรือเปลี่ยนลำดับของข้อมูลที่มีอยู่ในโฆษณาลิงก์หน่วยโฆษณาผลการค้นหาหรือการอ้างอิง ปุ่มหรือลบปิดบังหรือย่อเล็กสุดโฆษณาลิงก์หน่วยโฆษณาผลการค้นหาหรือปุ่มการอ้างอิงใด ๆ โดยไม่ได้รับอนุญาตจาก Google

ดูเหมือนจะชัดเจนกับฉัน (อาจเป็นเพราะรหัส JavaScript สำหรับโฆษณาจะยังคงทำงานรายงานการดูโฆษณาอย่างไม่ถูกต้องและทำให้อัตราการคลิกผ่านผิดพลาด)

การย้ายโฆษณาไปยังพื้นที่ท้ายกระดาษสำหรับหน้าจอที่แคบโดยใช้การสืบค้นสื่ออาจปลอดภัยกว่า

อัปเดต (กรกฎาคม 2013) : การใช้ JavaScript เพื่อตรวจสอบความกว้างของหน้าเว็บและแสดงโฆษณาที่เกี่ยวข้องแทนการสืบค้นสื่อ CSS เพื่อซ่อนโฆษณาหลังจากที่โหลดหน้าเว็บและนับจำนวนการดูตอนนี้ดูเหมือนจะเป็นตัวเลือกที่เหมาะสมที่สุดตามตัวอย่างนี้


สวัสดีสำหรับนิคคำตอบของคุณ สิ่งที่ฉันยังไม่เข้าใจคือสาเหตุที่ okcupid (ไซต์ที่มีขนาดใหญ่มาก) ทำโดยไม่มีผลกระทบ
Andres SK

@andufo พวกเขาอาจได้รับอนุญาตจาก Google หรือบางทีพวกเขาอาจจะยังไม่ถูกจับ
นิค

alexa.com/siteinfo/okcupid.comเป็นเว็บไซต์ที่มีปริมาณการใช้งานสูงและได้รับการจัดอันดับเป็นอย่างดีเยี่ยม
Andres SK

3

ฉันคิดว่าข้อกำหนดในการให้บริการหมายถึงสถานการณ์ที่คุณโหลดโฆษณา แต่ไม่แสดงให้ผู้เยี่ยมชมดูดังนั้นจึงทำให้มุมมอง / คลิกผ่านทางสถิติดูชัดเจน หากคุณไม่โหลดโฆษณาในตอนแรกก็ควรจะตกลง คุณต้องทำสิ่งนี้กับ JavaScript แทนที่จะใช้ CSS ตรวจสอบความกว้างของหน้าต่างเพียงเรียกใช้โค้ด AdSense หากมีความกว้างมากกว่าจำนวนที่กำหนด


จุดดี! ตอนนี้ฉันต้องค้นหาวิธีการโหลดแบนเนอร์ Adsense หลังจาก dom พร้อม
Andres SK

0

ฉันไม่ทราบว่าสิ่งต่าง ๆ เกิดขึ้นได้อย่างไรเมื่อคุณโพสต์คำถามของคุณ แต่ ณ ตอนนี้ Google แนะนำ "การออกแบบที่ตอบสนอง" ได้จริงเหนือตัวเลือกอื่น ๆ

เอกสารนี้ระบุว่าคุณสามารถใช้@mediaแบบสอบถามได้อย่างชัดเจนเพียงพอแม้ว่าจะไม่ใช่ข้อความจริง (คุณอาจต้องการอ่านสิ่งนี้ด้วย) ดังนั้นสิ่งที่คุณทำอยู่ก็ไม่เป็นไร

และอย่าคิดว่าสิ่งที่ฉันพูดนั้นไม่มีมูล ใช้Mashableยกตัวอย่างเช่น พวกเขาทำเช่นนั้นและเป็นหนึ่งใน Adsense Premium Publishers อันดับต้น ๆ

Tl; dr - ณ ตอนนี้สิ่งที่คุณต้องการทำคือกฎที่ดีที่สุดเท่าที่ฉันเห็น


แนะนำ "การออกแบบที่ตอบสนองต่อ" เป็นสิ่งหนึ่งการใช้mediaคำสั่งเพื่อซ่อน AdSense เป็นอีกสิ่งหนึ่ง ฉันไม่คิดว่า Google เอกสารที่คุณเชื่อมโยงเพื่อให้ครอบคลุมนี้? และ Mashable ไม่ได้ทำเช่นนี้พวกเขายังคงแสดงโฆษณา แต่ในส่วนต่าง ๆ ของหน้า
MrWhite

@ w3d คุณแน่ใจเกี่ยวกับสิ่งที่คุณพูด? เพราะฉันเห็นว่า Mashable ใช้สิ่งนี้: @media (max-width: 969px){ .box970 .visible-desktop .ad_container.ad970 {display:none !important} }สิ่งนี้บอกอะไรคุณ? :)
its_me

CSS เฉพาะนั้นเกี่ยวข้องกับส่วนหัวแบบกว้างซึ่งอย่างน้อยในหน้าแรกจะไม่มี AdSense AdSense ทั้งหมดในหน้านั้นยังคงอยู่เนื่องจากวิวพอร์ตหด อย่างไรก็ตามคุณมีสิทธิ์ในหน้าอื่น ๆ ที่มี AdSense ในส่วนหัวและในแผงด้านข้างและทั้งสองจะถูกลบออกเป็นวิวพอร์ตลดลง อย่างไรก็ตามมันซับซ้อนกว่านี้เล็กน้อย หากหน้าเว็บถูกโหลดในขนาดวิวพอร์ตขนาดเล็กในตอนแรก AdSense จะไม่สามารถโหลดได้ การเพิ่มขนาดวิวพอร์ตไม่แสดง AdSense เนื่องจากไม่ได้โหลด
MrWhite

1
คำตอบของ @ Nick ยังคงมีความเกี่ยวข้องข้อตกลงและเงื่อนไขของ AdSense ยังคงเป็นปัจจุบัน การให้ AdSense จะไม่ถูกซ่อนหลังจากโหลดแล้ว (ซึ่งส่งผลให้เกิดการแสดงผล ) จากนั้นจะเป็นการตกลง ผู้ใช้มือถือ AFAIK ไม่ปรับขนาดวิวพอร์ตของพวกเขา กรณีที่ขอบบน Mashable ที่หน้าต่างเบราว์เซอร์หด (บนเดสก์ท็อป) และ AdSense ถูกลบอาจถูกมองข้ามหรือพวกเขาได้รับอนุญาตจาก Google ฉันไม่รู้ อย่างไรก็ตามในกรณีส่วนใหญ่พวกเขาจะปฏิบัติตามข้อกำหนดและเงื่อนไข
MrWhite

1
@ w3d ฉันต้องขอให้คุณอ่านคำตอบจากผู้สนับสนุนชั้นนำในฟอรัม Google Adsense
its_me
โดยการใช้ไซต์ของเรา หมายความว่าคุณได้อ่านและทำความเข้าใจนโยบายคุกกี้และนโยบายความเป็นส่วนตัวของเราแล้ว
Licensed under cc by-sa 3.0 with attribution required.