- บล็อกนี้จะแนะนำให้ผู้เยี่ยมชมติดตั้ง ตัวบล็อกโฆษณาที่เชื่อถือได้ เช่น uBlock Origin เมื่อไม่ตรวจพบการบล็อกโฆษณา
- ข้อความแนะนำนี้ออกแบบมา ไม่ให้รบกวนประสบการณ์ผู้ใช้ และเมื่อปิดหนึ่งครั้งแล้วจะไม่แสดงอีก
- วิธีการทำงานใช้สคริปต์
nativeads.js และ <div> ที่ใส่ชื่อคลาสเกี่ยวกับโฆษณาไว้จำนวนมาก โดย ออกแบบให้ข้อความไม่แสดงหากตัวบล็อกโฆษณาบล็อกองค์ประกอบหรือคำขอเครือข่าย
- ข้อความนี้จะ จำด้วยคุกกี้หลังจากปิดหนึ่งครั้ง แสดงเป็นกล่องเล็ก ๆ ที่มุมหนึ่งของหน้าจอด้วย CSS ไม่บังเนื้อหา และ จะไม่แสดงบนเบราว์เซอร์ที่ปิดใช้งาน JavaScript
- เนื่องจากไม่มีวิธีตรวจจับการบล็อกแบบ DNS ผู้เขียนจึงระบุว่าเลือกทำเป็น หน้าต่างแจ้งเตือนที่ไม่รบกวนและปิดได้ง่าย แทน
เหตุผลที่ต้องมีข้อความแนะนำให้ใช้ตัวบล็อกโฆษณา
- โฆษณาบนอินเทอร์เน็ตทำให้ผู้ใช้เสียเวลา และอุตสาหกรรมโฆษณาก็ส่ง ผลกระทบในทางลบ ต่อสภาพแวดล้อมอินเทอร์เน็ตโดยรวม
- รายได้ของเว็บไซต์ลดลงอย่างมาก ทำให้หลายเว็บไซต์ กลายเป็นหน้าคุณภาพต่ำที่ยัดโฆษณาจนล้น
- หากต้องการช่วยครีเอเตอร์ การ สนับสนุนโดยตรง (แม้เพียง 1 ดอลลาร์ก็มีความหมาย) มีประสิทธิภาพกว่าการดูโฆษณามาก
เป้าหมายการออกแบบของข้อความแนะนำให้ใช้ตัวบล็อกโฆษณา
- เนื่องจากผู้ใช้ส่วนใหญ่มองว่าโฆษณาเป็น ส่วนหนึ่งของประสบการณ์อินเทอร์เน็ต ผู้เขียนจึงแสดงข้อความนี้บนเว็บไซต์โดยตรง
- ข้อความว่า "No adblocker detected. Consider using an extension like uBlock Origin to save time and bandwidth. Click here to close." จะแสดงขนาดเล็กที่มุมขวาล่างของหน้า
- ไม่บังเนื้อหา และเมื่อปิดข้อความแล้วจะไม่แสดงอีก
- หากหน้าต่างมีขนาดเล็ก ข้อความจะไม่แสดง
- เหตุผลที่ระบุชื่อเฉพาะส่วนขยายอย่าง uBlock Origin ก็เพราะผู้ใช้จำนวนมาก มักเจอตัวบล็อกโฆษณาผ่านโฆษณา และมีความเสี่ยงรวมถึงความไม่น่าเชื่อถือของตัวบล็อกโฆษณาเชิงพาณิชย์
- ตัวบล็อกโฆษณาที่โปรโมตผ่านโฆษณาท้ายที่สุดก็สร้างรายได้จากผู้ใช้อีกที
วิธีการทำงานและประเด็นทางเทคนิค
- ใน HTML มีพื้นที่ div สำหรับข้อความแนะนำตัวบล็อกโฆษณา และมีชื่อคลาสที่เกี่ยวข้องกับโฆษณาหลายแบบ
- การเพิ่มข้อความทำโดยไฟล์ JavaScript ชื่อ
/nativeads.js
- ใช้คุกกี้เพื่อให้แน่ใจว่าข้อความจะแสดงเพียงครั้งเดียว
- เมื่อคลิก "Click here to close." จะซ่อน div และอัปเดตคุกกี้
- กำหนดตำแหน่งและสไตล์ของข้อความด้วย CSS
- จะแสดงแบบตรึงที่มุมขวาล่างเฉพาะเมื่อมีพื้นที่หน้าจอเพียงพอ
- หากตัวบล็อกโฆษณา บล็อก (ลบหรือบล็อกคำขอ) div ดังกล่าวหรือไฟล์ nativeads.js ข้อความนั้นเองจะไม่ถูกแสดง
- ใช้ชื่อคลาสที่เกี่ยวกับโฆษณาหลายแบบเพื่อกระตุ้นให้ตัวบล็อกโฆษณาส่วนใหญ่ลบ div นี้ออก
- โดยเฉพาะส่วนขยายที่ เน้นการบล็อกระดับเครือข่าย (เช่น adblock lite) ก็จะทำให้ข้อความหายไปเช่นกันหากบล็อกคำขอสคริปต์บนเครือข่าย
- มีข้อจำกัดคือไม่สามารถตรวจจับ การบล็อกโฆษณาแบบ DNS ได้
- บนเบราว์เซอร์ที่ไม่รองรับ JavaScript ก็ไม่จำเป็นต้องใช้ตัวบล็อกโฆษณา จึงไม่แสดงข้อความเช่นกัน
- แม้ CSS จะไม่ถูกใช้งาน ข้อความก็ยังทำงานได้ในเชิงฟังก์ชัน (แสดงแบบไม่มีสไตล์)
3 ความคิดเห็น
ขอแนะนำเบราว์เซอร์ Brave
ความเห็นจาก Hacker News
ublockorigin.comที่ลิงก์ไว้ในข้อความนั้นไม่ได้เป็นของ Raymond Hill ผู้พัฒนา uBlock Origin ตัวจริง ภายนอกดูเหมือนมีเจตนาดีและ UI ก็โอเค แต่ดูไม่ได้อยู่ภายใต้การควบคุมของ Hill และอาจเป็นจุดเสี่ยงต่อภัยอย่างมัลแวร์ได้ ช่องทางทางการของ Hill คือ https://github.com/gorhill/uBlock ลิงก์ที่ควรอ้างอิงคือ README.md และ Wikiบล็อกของผมเองก็ขึ้นข้อความแนะนำให้ติดตั้งตัวบล็อกโฆษณามาตั้งแต่ก่อนแล้วถ้าตรวจพบว่าไม่มีตัวบล็อกโฆษณาอยู่ ดีใจที่ไม่ได้มีแค่ผมคนเดียว