Tutorial 2x Show adblock detected notice - Hiển thị thông báo phát hiện adblock cho XenForo 2

PVS

Super Moderator
Thành viên BQT
Tham gia
28/02/2015
Bài viết
16,830
Được Like
12,698
Show adblock detected notice - Hiển thị thông báo phát hiện adblock cho XenForo 2

Hướng dẫn này sẽ giúp hiển thị thông báo đến người dùng adblock thay cho google advertisement banner.

Để làm cho nó hoạt động trên trang web, đầu tiên hãy tạo tệp tin javascript là advertisement.js và thêm nó vào thư mục gốc của diễn đàn.

Thêm đoạn code sau vào tệp tin vừa tạo ở trên:
Mã:
document.write('<div id="tester">an advertisement</div>');

Sau đó, vào template extra.less và thêm đoạn code dưới đây vào:
Mã:
/* AdBlock Detection */
#tester {
    display:none;
}

.blockContainer { text-align: center; margin: 10px auto; clear: both; }
.noticeContainer { padding: 20px; background: #c44; color: #fff; }
.noticeContainer .head { font-size: 22px; font-weight: bold; }
.noticeContainer .foot { font-size: 16px; margin-top: 10px; }

Sau đó đến Advertisement và chọn một vị trí muốn hiển thị thông báo khi quảng cáo bị chặn - chủ yếu là advertisement sẽ ở ad below top breadcrumb hoặc overview top hoặc bất kỳ vị trí nào bạn muốn.

Sau khi đặt code google adsense trong khu vực HTML, thêm đoạn code dưới đây vào trong nó:
Mã:
<script type="text/javascript" src="/advertisement.js"></script>
        <script type="text/javascript">
            if (document.getElementById("tester") != undefined)
                {
                    document.write(' ');
                }
            else
                {
                    document.write('<div class="messageText ugc blockContainer"><div class="noticeContainer"><div class="head">Ad-blocking software has been detected!</div><div class="foot">This website is run by the community, for the community... and it needs advertisements in order to keep running.<br />Please consider disabling your ad-block or <a href="account/upgrades" style="color: #FFF933; font-weight:bold">becoming a premium member</a> to hide all advertisements. Thanks!</div></div></div>');
                }
        </script>

Có thể chỉnh sửa tin nhắn để hiển thị như mong muốn theo phong cách của bạn.

Bây giờ có thể kiểm tra xem chúng ta đã cấu hình chính xác chưa bằng cách kích hoạt block quảng cáo trên trang web. Nếu nhận được thông báo chứng tỏ đã làm đúng.

Chúc các bạn thành công.


Nguồn: xenforo.com​
 

thahtrung06

Moderator
Thành viên BQT
Tham gia
12/11/2019
Bài viết
1,118
Được Like
462
Mã mới, hiện thông báo cả khi sử dụng DNS trình duyệt để chặn quảng cáo, có thể sửa mã để tắt dấu X và không thể đóng thông báo.

adblocker.png
 

Hướng dẫn sử dụng

XenForo 1 XenForo 2
Translate by PVS

Dịch vụ XenForo của VNXF

Telegram: anhanhxf

Chỉ nhận web nội dung lành mạnh

Nhà Tài Trợ

Mút Xốp Không Gian
Mút Sofa Không Gian
Top Bottom