Javascript para detectar a presença de comportamento associado ao bloqueio de anúncios durante a entrega de uma página.
O JavaScript (adblockDetector.js) foi testado para detectar os comportamentos associados ao bloqueio de anúncios nos seguintes navegadores:
O script faz isso criando um conjunto de DIVs que provavelmente serão ocultados por ferramentas de bloqueio de anúncios baseadas em navegador.
Táticas adicionais que ainda não estão incluídas neste script:
Baixe o script de detecção desejado e adicione-o ao seu site. Existem algumas maneiras diferentes de incluir JavaScript em HTML.
| Nome do roteiro | Descrição |
|---|---|
| adblockDetector.js | Script de detecção do Adblocker sem módulo do Google Analytics |
| adblockDetectorWithGA.js | Script de detecção de Adblocker com módulo Google Analytics |
Com AdBlockDetectionWithGA.js, você deve mencionar seu ID de rastreamento GA no script na linha nº 82. Quando você faz referência a este script, ele rastreia certos eventos relacionados ao AdBlock no navegador do usuário. Você pode visualizar os detalhes no painel do Google Analytics. Veja como verificar se o usuário está usando algum adblock ou não.
Em primeiro lugar, sugerimos que você crie um ID de rastreamento GA diferente para que não interfira nas suas visualizações de página. Siga as etapas abaixo para GA sobre uso de Adblock.
Infelizmente ainda não descobrimos como colocá-lo no painel. Então, da próxima vez que você for ao GA, você pode ir ao User Explorer -> clicar em Adicionar novo segmento. E você encontrará os segmentos que criou anteriormente (ou seja, um para usuários detectados pelo adblock e outro para usuários não detectados pelo bloco de anúncios). Você pode selecioná-los e clicar em aplicar para ver os dados relatados.
Deve ser semelhante à imagem abaixo.
Este é o método de inclusão recomendado. As funções contidas no script de detecção escolhido devem ser incluídas diretamente no HTML do quadro pai.
Faça isso agrupando o conteúdo do código selecionado em tags de script no HTML entregue.
É possível hospedar o código selecionado em seu servidor web como um arquivo independente e referenciar esse arquivo a partir do HTML entregue.
Se você usar um arquivo de script externo, ele poderá ser bloqueado por bloqueadores de anúncios. Usar um nome diferente para o arquivo reduzirá a probabilidade de ele ser bloqueado por filtros genéricos.
É possível integrar as funções do código selecionado em uma biblioteca de scripts existente, hospedada como um arquivo de script externo. Isso pode resultar na redução da funcionalidade do site para visitantes que usam bloqueadores de anúncios que estão tentando evitar a detecção, se os bloqueadores de anúncios bloquearem todo o arquivo de script externo.
@prop sinalizadores
| Opção | Tipo | Descrição |
|---|---|---|
| depurar | Booleano | Indica que a saída de depuração adicional deve ser impressa no console |
| encontrado | String (@função) | Função a ser acionada se o adblock for detectado |
| não encontrado | String (@função) | Função a ser acionada se o adblock não for detectado. Observe que isso será acionado sempre que o adblock não for detectado e deverá fornecer informações para as ações tomadas somente após a detecção de “concluído”. |
| completo | String (@função) | Função a ser acionada assim que o teste for concluído. |
O resultado do teste (booleano) é incluído como parâmetro no exemplo de retorno de chamada:
window . adblockDetector . init (
{
found : function ( ) { ... } ,
notFound : function ( ) { ... }
}
) ;Adicione o código abaixo na página 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 >Adicione o código abaixo no corpo da página 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 >Garfo! Crie seu branch de recurso: git checkout -b my-new-feature Confirme suas alterações: git commit -am 'Adicione algum recurso' Envie para o branch: git push origin meu-novo-feature Envie uma solicitação pull
