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,613
Được Like
12,668
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​
 

Top Bottom