Detecting Ad Blockers on Your Website the Easy Way
Webmaster và người sử dụng dường như luôn có một mối quan hệ công sinh khá phức tạp. Webmaster là người cung cấp nội dung và sử dụng quảng cáo trên website như một nguồn thu nhập để bù đắp cho các nội dung sáng tạo của mình. Còn về phía người sử dụng lại luôn muốn sử dụng các nội dung đó một cách hoàn toàn miễn phí mà không cần phải làm gì thêm (như không click vào quảng cáo hay thậm chí khóa luôn quảng cáo trên trang). Vậy làm thế nào để dung hòa lợi ích cả 2 bên?Ở một bài viết trước Loại bỏ Adblock khi vào xem website cho Blogger, dưới góc độ một webmaster Iris Tips đã chia sẻ cho các bạn thủ thuật chặn Adblock khi vào website. Tuy nhiên cách đó cũng có vài nhược điểm, nếu nội dung thông tin trên website của bạn không mang tính chất "độc quyền" và kết hợp sử dụng thủ thuật trên, có thể sẽ khiến độc giả từ bỏ trang web của bạn và tìm đến một website khác có nội dung tương tự.
Sau đây Iris Tips sẽ chia sẻ cho các một cách khác, nhắc nhở độc giả sử dụng Adblock một cách nhẹ nhàng hơn, không mang tính chất bắt buộc như thủ thuật trên.
Cách thực hiện
1Vào Mẫu >> Chỉnh sửa HTML và dán đoạn CSS bên dưới vào trước thẻ ]]></b:skin>.alertadblock{color:#6B1616;padding:10px;border:2px dashed red;line-height:15px!important;text-align:center!important}
2Tìm đến thẻ </body> và dán đoạn code sau vào trước thẻ đó.
<script src='https://sites.google.com/site/iristipsblogger/file/CheckAdBlock.js' type='text/javascript'/> <script type='text/javascript'> //<![CDATA[ jQuery(document).ready(function(n){function s(){n(".adzone").html('<div class="alertadblock"><i class="fa fa-frown-o pull-left fa-2x fa-border"></i><h5>Oops!! Có một quảng cáo ở đây, nhưng bạn đã chặn hiển thị</h5><p><small>Quảng cáo giúp Iris Tips duy trì website và tiếp tục chia sẻ đến bạn.</small><br/><small>Thích Iris Tips? Vui lòng cho Iris Tips vào danh sách trằng trong công cụ chặn quảng cáo của bạn. Cảm ơn!</small><br><small>Please consider whitelisting my site. Adverts help to keep my site running. Thank you!</small></div>')}n(function(){"undefined"==typeof fuckAdBlock?s():fuckAdBlock.onDetected(s)})}); //]]> </script>
3Chỉnh sửa đoạn code chứa quảng cáo trên trang của bạn lại thành.
<div class="adzone">
//code quảng cáo của bạn
</div>
4 Kết quả khi sử dụng Adblock vùng chứa quảng cáo của bạn sẽ hiển thị thành
Bạn có thể chỉnh sửa nội dung đoạn thông báo cho phù hợp với website của bạn.
Nếu có bất kỳ vấn đề khó khăn hay câu hỏi gì, bạn đừng ngần ngại, hãy để lại bình luận ở form bên dưới nhé.
Chúc bạn thành công!
Bác còn lưu code này không nhỉ?
Trả lờiXóa