• Downloading from our site will require you to have a paid membership. Upgrade to a Premium Membership from 10$ a month today!

    Dont forget read our Rules! Also anyone caught Sharing this content will be banned. By using this site you are agreeing to our rules so read them. Saying I did not know is simply not an excuse! You have been warned.

Share Hiển thị thông báo phát hiện adblock cho XenForo 2

cuongpro9x

Cường Nguyễn
Staff member
Moderator
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:
JavaScript:
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:
JavaScript:
/* 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ó:
Code:
<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
 

Facebook Comments

Similar threads
Thread starter Title Forum Replies Date
Admin Hướng dẫn hiển thị thông báo nhắc nhở khi đóng form C# C# / C++ 0
hungnv239 Mobifone cung cấp DV Mstatus (hiển thị thông điệp) Thông tin các mạng di động 19
Admin Hướng dẫn mặc định hiển thị thông tin trình duyệt trong danh sách trực tuyến cho vbb Vbb tutorial 0
Admin CrystalDiskInfo 5.5.1 + Portable - Hiển thị thông tin chi tiết và sức khỏe ổ đĩa cứng Phần mềm 0
Admin Hiển thị thông tin tác giả - avatar trên công cụ tìm kiếm Thảo luận SEO 0
Admin Công cụ nghiên cứu (Spy) nào có thể nhận quảng cáo hiển thị từ Facebook? Tin tức CNTT 0
Admin Hướng dẫn đổi tên ứng dụng android hiển thị trên màn hình xamarin forms - Change app name on main screen Android, iOS 0
thanhchiit Share Code PHP Hiển Thị Ping MS cho Web/Wap Mã nguồn wap 5
Admin Hướng dẫn hiển thị chuyên mục 2 cột cho xenforo 2 - How to sub-forum columns xenforo 2 Xenforo 0
Admin Hướng dẫn hiển thị lỗi php trên directadmin đơn giản VPS & Dedicated Server 3
cuongpro9x Hỏi Lỗi Wordpress không hiển thị bài viết Wordpress 3
T cách đưa bài viết luôn hiển thị lên đầu diễn đàn ? All Shared Scripts 3
Dean.Winchester Share Hiển thị ảnh nền đẹp khi bạn mở tab mới trên Chrome Thủ thuật máy tính 2
Admin Hướng dẫn đổi tên hiển thị trong Start cho máy tính Sử dụng, chia sẻ, hỏi đáp 0
Tuzoro Share Hiển thị Tag màu mè cho Wordpress Wordpress 0
Smobi Hướng dẫn Mod thay đổi hiển thị số bài viết mỗi trang cho topic và chuyên mục Johncms 0
Admin Hiển thị thành viên trực tuyến - Show user is online xenforo Xenforo 0
Admin Kích hoạt chế độ hiển thị % pin ẩn trong Android 4.4 Tin tức, giới thiệu về ĐTDĐ 0
Admin Hướng dẫn hiển thị diễn đàn con - Sub Categories in Columns Xenforo 1.2 Xenforo 0
Yeukodamnoi [JohnCMS] Share code auto tag lấy từ kết quả hiển thị của Google Johncms 0
Admin Share code hiển thị đánh giá sao cho xtgem Wap builder, wapego, xtgem, wen.ru, wapka, wap4 0
Admin Hướng dẫn hiển thị ảnh tác giả và ảnh trong bài viết trên tìm kiếm google Thảo luận SEO 0
Admin Plugin hiển thị nội dung trên mobile hoặc computer Wordpress 0
Admin Hướng dẫn hiển thị chủ đề mới nhất và chủ đề của tôi trên sidebar Vbb tutorial 2
S Hỏi cách hiển thị chữ ký của thành viên vbb 4.2 Vbulletin 2
J Hỏi Css không hiển thị là sao Johncms 19
Admin Hướng dẫn fix lỗi all in one seo pack hiển thị sai tag title, page title Wordpress 0
Admin Hiển thị tag ngẫu nhiên cực đẹp cho wordpress không cần dùng plugin Wordpress 0
Admin Hướng dẫn hiển thị lượt xem bài viết cho wordpress Wordpress 0
VMS-Mobifone Mobifone-Dịch vụ cấm hiển thị số - Giấu số. Thông tin các mạng di động 6
N Xin Đoạn code hiển thị dòng máy Thảo luận wap việt 3
Admin Share mod hiển thị ngẫu nhiên ảnh trong album của mem cho johncms Johncms 0
Admin Online Status xenforo - hiển thị trang thái online và offline cho xenforo| Xenforo 0
Admin Bbcode hiển thị form google docs Vbulletin 0
djdungcuty Share: Hàm hiển thị thành viêncho JohnCMS Johncms 1
H Làm thế nào để Google hiển thị đúng loại sitelink cho website của bạn? Thảo luận SEO 0
Admin Hiển thị bài viết ngẫu nhiên và xem nhiều nhất không dùng plugins Wordpress 1
Cuongkoj00 Help - JohnCMS k hiển thị CSS Johncms 1
Yeukodamnoi Xin Code hiển thị trình duyệt cho host PHP 1
Admin Hướng dẫn không hiển thị một chuyên mục nào đó cho wordpress Wordpress 0
Admin Hiển thị các bài liên quan trong wordpress không dùng plugin Wordpress 0
Kidblood Thảo luận Hiển thị bài viết ngẫu nhiên có thumbnail không cần plugin trong Wordpress Wordpress 2
Admin Hướng dẫn hiển thị chuyên mục ra index khi theme không hỗ trợ Widget Wordpress 0
S Mod hiển thị khung trả lời nhanh đầy đủ chức năng Add-ons 0
B Share code like hiển thị tim ra trang chủ. Johncms 0
Admin Share code hiển thị online toàn trang cho xtgem Wap builder, wapego, xtgem, wen.ru, wapka, wap4 1
Admin Hàm hiển thị Alexa Rank cho PHP PHP 0
Admin Hướng dẫn fix lỗi không hiển thị số người online vbb Vbb tutorial 0
C Hỏi Cách hiển thị đầy đủ bbcode ở khung trả lời nhanh Vbulletin 6
T Share Code hiển thị số thank ra trang chủ cho johnCMS Johncms 0

Similar threads

New posts New threads New resources

Back
Top