用於偵測頁面傳送期間是否存在與廣告攔截相關的行為的 JavaScript。
JavaScript (adblockDetector.js) 已經過測試,可以偵測以下網頁瀏覽器中與廣告攔截相關的行為:
該腳本透過創建一組可能被基於瀏覽器的廣告攔截工具隱藏的 DIV 來實現此目的。
此腳本中尚未包含的其他策略:
下載所需的檢測腳本並將其新增至您的網站。有幾種不同的方法可以將 JavaScript 包含到 HTML 中。
腳本名稱 | 描述 |
---|---|
adblockDetector.js | 沒有 Google Analytics 模組的 Adblocker 偵測腳本 |
adblockDetectorWithGA.js | 帶有 Google Analytics 模組的 Adblocker 檢測腳本 |
使用 AdBlockDetectionWithGA.js,您需要在第 82 行腳本中提及您的 GA 追蹤 ID。您可以在 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 提交拉取請求