Chặn Adblock tất cả các loại cho blogspot
Adblocker là một cái gì đó vô cùng khó chịu cho chủ trang web. Nó làm mất đi một phần thu nhập hằng ngày của chủ nội dung website. ( Chỉ dành cho những chủ trang web chân chính và tự làm tự viết, còn những thằng chuyên copy và hưởng lợi từ nội dung người khác, đã thế còn không bỏ nguồn vào, quảng cáo thì chèn nát cả trang web, load web đéo nổi mà quảng cáo nhảy cả bầy thì chặn mẹ nó cho rồi. ) . Và vì vậy, làm sao để ngăn người dùng sử dụng Adblocker. Bản thân IT Việt Nam cũng chặn Adblocker, không tin thì các cậu cứ bật Adblocker lên mà xem. Vì adblocker nó chặn mất rút gọn link và làm hỏng giao diện của IT Việt Nam. Trên Google có rất nhiều hướng dẫn nhưng hầu hết là code khá nặng và làm trang chậm đi khi load. Và hiểu được nỗi niềm đó. Hôm nay, IT Việt Nam xin giới thiệu đến các cậu một thủ thuật chặn adblocker siêu nhẹ và load siêu nhanh. Đọc chú ý cuối bài nhé. Còn có gì không hiểu thì cứ bình luận, tớ chỉ hết cho.
Chú ý : Bài viết cực dài, tớ thì không giỏi văn, nên các cậu cứ cố đọc hết, thành quả sẽ là vô biên, còn nếu có nhác quá thì cũng không sao, ib tớ làm cho.
Chặn Adblock tất cả các loại cho blogspot
Ưu điểm :
- Có thể phát hiện toàn bộ tất cả các trình chặn quảng cáo.
- Load nhẹ nhàng , đơn giản, dễ tùy biến.
Nhược điểm :
- Cần có thư viện Jquery
Nếu không suy nghĩ thì code của tớ chia sẻ cũng vô dụng . Tóm lại, tớ chưa thấy nhược điểm.
Đầu tiên. Và cũng là cái cốt, các cậu cần hiểu như này nhé. Trình chặn quảng cáo nó sẽ chặn tất cả quảng cáo, tức là nếu phát hiện dấu hiệu của quảng cáo, nó sẽ chặn bằng cách xóa phần tử đó. Và làm thế nào để nó phát hiện ?. Giống như virus vậy, antivirus thì cần một mẫu nhận biết để phát hiện, vậy quảng cáo adblocker nó cũng vậy. Và ở đây, một mẫu nhận diện đặc trưng nhất cho toàn bộ các trình chặn quảng cáo là "adBanner" . Do đó, nếu xuất hiện phần tử hay lớp này là nó xóa ngay. Yeah, vậy ý tưởng đây là gì.
Ừm, khi nó xóa phàn tử đó đi, tức là phần tử đó không hiển thị trên giao diện nữa. Tức là chiều cao và rộng sẽ là "0". Ở đây ta chỉ cần chú ý đến chiều cao thôi. Vậy tức là nếu chiều cao của phần tử "adBanner" bằng "0" tức là đang có trình chặn quảng cáo và ta sẽ thông báo cho người dùng tắt đi, ngược lại là không. Đấy, ý tưởng đấy, code thôi.
- Bước 1 : Xác định mục đích
Ở đây, tớ không ngăn người dùng đọc nội dung trang web như các trang blog khác thường làm, tức là sao, tức là nếu các blog đó nó phát hiện adblocker thì nó sẽ chặn không cho người dùng đọc nội dung mà họ muốn xem. Tớ không như thế, tớ sẽ không hiển thị một nửa bài viết cho người đọc, tớ chỉ hiển thị một nửa thôi. Còn nửa còn lại, tắt adblocker hoặc đưa vào danh sách trắng thì đọc tiếp. Ngoài ra, các cậu còn có thể ẩn link download nếu phát hiện adblocker - đối với các trang chia sẻ phần mềm hay tương tự , ẩn hình ảnh , ẩn ... , tùy biến thêm ở các cậu.
- Bước 2 : Xác định phần tử cần ẩn.
Ở đây , vì mỗi template của mỗi cậu là khác nhau nên tớ chỉ chung chung là như thế này :
- Mở một trang bất kì trên blog của các cậu. Như trang tớ mở là ở trong hình.
Link bài viết đó : [ HÊRÊ ]
- Bước 3 : Nhấn F12 và xác định phần tử cần ẩn.
Cái này cùng tùy mỗi người mỗi template nhưng các cậu cứ bọc đối tượng cần ẩn vào trong thẻ :
<div id='antiblocker'>
<div class='adBanner'>
..... ĐỐI TƯỢNG CẦN ẨN ......
</div>
</div>
Và thêm class='adBanner' vào đối tượng cần ẩn. Đấy sẽ là mồi nhử cho ADBlocker lộ mặt. Ví dụ ở đây tớ sẽ ẩn luôn cả bài viết, thì tớ làm như trong video sau :
Chú ý là xác định cho đúng phần tử cần ẩn nhé, như trong video là tớ có kéo trang xuống để xác định xem có đúng là thẻ div đó của phần tử cần ẩn đó không đấy.
Như vậy ta xác định được phần tử cần ẩn chứa class='entry-content'. Việc của ta bây giờ là bọc nó lại như trong code tớ nói ở trên.
Và sau khi vào chỉnh sửa html và tìm đến phần tử đó, tớ đã bọc được như sau
Vậy là tớ có code sau :
<div id='antiblocker'>
<div class='adBanner'>
<div class='entry-content' expr:id='"post-body-" + data:post.id' expr:itemprop='(data:blog.metaDescription ? "" : "description ") + "articleBody"'>
<b:if cond='data:view.isPost'>
<div expr:id='"post1" + data:post.id'/>
<div class='related-simplify'>
<b:if cond='data:post.labels'>
<b:loop values='data:post.labels' var='label'>
<b:if cond='data:view.isPost'>
<script expr:src='"/feeds/posts/default/-/" + data:label.name + "?alt=json-in-script&callback=related_results_labels&max-results=3"' type='text/javascript'/>
</b:if>
</b:loop>
</b:if>
<h4>Xem thêm</h4>
......
......
.....
......
......
......
</div>
</div>
Mẹo nhỏ cho các cậu :
Đối với phần tử quá dài như một bài viết chả hạn thì các cậu làm như thế này, đầu tiên là gán thẻ <div class='adBanner' trước rồi nhấn Save, nó sẽ tự đưa các cậu tới nơi cần đặt thẻ đóng </div>. Còn nếu làm thủ công thì nếu phần tử quá dài và quá nhiều thì rất khó để xác định nơi nào là nơi cần đặt thẻ đóng, tương tự với thẻ <div id='antiblocker'>
Xong đấy là xong phần thứ nhất. Đây là phần quan trọng nhất, các cậu chèn ngay đoạn js sau vào đúng sau thẻ đóng </div> của <div id='antiblocker'>
Code JS :
<script>
//<![CDATA[
$(document).ready(function(){
if($("#antiblocker").height() > 0) {
} else {
document.getElementById("antiblocker").innerHTML = "<p>Vui lòng tắt Adblocker để tiếp tục đọc phần còn thiếu của bài viết này. Please turn off Adblock</p>";
}
});
//]]>
</script>
Còn tùy biến thêm thì các cậu có thể tự làm, hoặc muốn dạng như nào thì comment tớ làm giúp cho. Xong, vậy là hoàn thành.
Như đã nói, các cậu có thể dùng để ẩn link, ẩn ảnh, ẩn .... khi gặp Adblocker. Tùy biến thêm là ở các cậu, còn muốn giúp thì cứ comment cho tớ. Miễn phí.
Chú ý cuối bài này : Các cậu view-source trang của tớ mà xem code phần antiblocker của tớ. Khá hay, tớ chặn luôn cả hình ảnh, đổi link, ẩn nửa bài viết nếu thấy có sự xuất hiện của Adblocker.
OK ! DONE
[ " Yêu nước không có nghĩa là yêu Đảng " ]
