AdBlockDetection 开源项目教程-CSDN博客

本文链接：https://blog.csdn.net/gitblog_00943/article/details/141495643

AdBlockDetection 开源项目教程

AdBlockDetectionAdBlock Detection Scripts项目地址:https://gitcode.com/gh_mirrors/ad/AdBlockDetection

项目介绍

AdBlockDetection 是一个由 Interactive Advertising Bureau 维护的开源项目，旨在帮助网站检测用户是否启用了广告拦截器。通过这个项目，网站管理员可以更好地了解访问者的行为，并采取相应的措施，比如提示用户关闭广告拦截器或提供无广告的付费版本。

项目快速启动

要快速启动 AdBlockDetection 项目，请按照以下步骤操作：

克隆项目仓库：

git clone https://github.com/InteractiveAdvertisingBureau/AdBlockDetection.git

引入检测脚本：在你的 HTML 文件中引入 adblockDetector.js 脚本：
```
<script src="path/to/adblockDetector.js"></script>
```

配置和初始化：在 HTML 文件中添加以下代码以配置和初始化检测脚本：

<script>
    (function() {
        var enabledEl = document.getElementById('adb-enabled');
        var disabledEl = document.getElementById('adb-not-enabled');

        function adBlockDetected() {
            enabledEl.style.display = 'block';
            disabledEl.style.display = 'none';
        }

        function adBlockNotDetected() {
            disabledEl.style.display = 'block';
            enabledEl.style.display = 'none';
        }

        if (typeof window.adblockDetector === 'undefined') {
            adBlockDetected();
        } else {
            window.adblockDetector.init({
                debug: true,
                found: function() {
                    adBlockDetected();
                },
                notFound: function() {
                    adBlockNotDetected();
                }
            });
        }
    })();
</script>

添加显示元素：在 HTML 文件的 <body> 部分添加以下代码以显示检测结果：

<div class="center">
    <h5 class="bg-success" id="adb-not-enabled" style="display: none;">AdBlock is disabled</h5>
    <h5 class="bg-danger" id="adb-enabled" style="display: none;">AdBlock is enabled</h5>
</div>