用于检测页面传送期间是否存在与广告拦截相关的行为的 JavaScript。
JavaScript (adblockDetector.js) 已经过测试,可以检测以下网络浏览器中与广告拦截相关的行为:
该脚本通过创建一组可能被基于浏览器的广告拦截工具隐藏的 DIV 来实现此目的。
此脚本中尚未包含的其他策略:
下载所需的检测脚本并将其添加到您的网站。有几种不同的方法可以将 JavaScript 包含到 HTML 中。
脚本名称 | 描述 |
---|---|
adblockDetector.js | 没有 Google Analytics 模块的 Adblocker 检测脚本 |
adblockDetectorWithGA.js | 带有 Google Analytics 模块的 Adblocker 检测脚本 |
使用 AdBlockDetectionWithGA.js,您需要在第 82 行脚本中提及您的 GA 跟踪 ID。当您引用此脚本时,它会跟踪用户浏览器上有关 AdBlock 的某些事件。您可以在 Google Analytics 仪表板中查看详细信息。以下是如何检查用户是否使用任何广告拦截。
首先,我们建议您创建一个不同的 GA-Tracking id,这样它就不会干扰您的综合浏览量。请按照以下关于使用 Adblock 的 GA 的步骤进行操作。
不幸的是,我们还没有弄清楚如何将其放入仪表板。因此,下次当您转到 GA 时,您可以转到“用户资源管理器”-> 单击“添加新段”。您将找到您之前创建的分段(即,一个用于 adblock 检测到的用户,一个用于 ad block 未检测到的用户。)。您可以选择它们并单击“应用”以查看报告的数据。
它应该如下图所示。
这是推荐的包含方法。所选检测脚本中包含的函数应直接包含在父框架的 HTML 中。
通过将所选代码的内容包装在交付的 HTML 中的脚本标记中来实现此目的。
可以将选定的代码作为独立文件托管在 Web 服务器上,并从交付的 HTML 中引用该文件。
如果您使用外部脚本文件,它可能会被广告拦截器拦截。对文件使用不同的名称将降低该文件被通用过滤器阻止的可能性。
可以将所选代码中的功能集成到现有脚本库中,作为外部脚本文件托管。如果广告拦截器阻止整个外部脚本文件,则这样做可能会导致使用试图避免检测的广告拦截器的访问者的网站功能减少。
@prop 标志
选项 | 类型 | 描述 |
---|---|---|
调试 | 布尔值 | 指示应将附加调试输出打印到控制台 |
成立 | 字符串(@函数) | 检测到 adblock 时触发的函数 |
未找到 | 字符串(@函数) | 如果未检测到 adblock 则触发的函数。请注意,每次未检测到 adblock 时都会触发此操作,并且应为仅在检测到“完成”后采取的操作提供输入。 |
完全的 | 字符串(@函数) | 测试完成后触发的功能。 |
测试结果(布尔值)作为参数包含在回调示例中:
window . adblockDetector . init (
{
found : function ( ) { ... } ,
notFound : function ( ) { ... }
}
) ;
在 HTML 页面中添加以下代码。
< script src = "./adblockDetector.js" > < / script >
< script >
// Configure the adblock detector
( 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 页面的正文中添加以下代码
< 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 >
叉它!创建功能分支: git checkout -b my-new-feature 提交更改: git commit -am 'Add some feature' 推送到分支: git push origin my-new-feature 提交拉取请求