Javascript para detectar la presencia de comportamiento asociado con el bloqueo de anuncios durante la entrega de una página.
JavaScript (adblockDetector.js) ha sido probado para detectar los comportamientos asociados con el bloqueo de anuncios en los siguientes navegadores web:
El script hace esto creando un conjunto de DIV que probablemente queden ocultos por las herramientas de bloqueo de anuncios basadas en el navegador.
Tácticas adicionales que aún no están incluidas en este script:
Descargue el script de detección deseado y agréguelo a su sitio web. Hay algunas formas diferentes de incluir JavaScript en HTML.
| Nombre del guión | Descripción |
|---|---|
| adblockDetector.js | Script de detección de Adblocker sin módulo de Google Analytics |
| adblockDetectorConGA.js | Script de detección de Adblocker con módulo de Google Analytics |
Con AdBlockDetectionWithGA.js se le solicita que mencione su identificación de seguimiento de GA en el script en la línea 82. Cuando hace referencia a este script, rastrea ciertos eventos relacionados con AdBlock en el navegador del usuario. Puede ver los detalles en el panel de Google Analytics. A continuación se explica cómo comprobar si el usuario está utilizando algún bloque de anuncios o no.
En primer lugar, le sugerimos que cree una identificación de seguimiento de GA diferente para que no interfiera con sus páginas vistas. Siga los pasos a continuación para GA sobre el uso de Adblock.
Lamentablemente aún no hemos descubierto cómo colocarlo en el tablero. Entonces, la próxima vez que vaya a GA, puede ir al Explorador de usuarios -> hacer clic en Agregar nuevo segmento. Y encontrará los segmentos que creó anteriormente (es decir, uno para los usuarios detectados con el bloque de anuncios y otro para los usuarios no detectados con el bloque de anuncios). Puede seleccionarlos y hacer clic en Aplicar para ver los datos reportados.
Debería verse como la imagen de abajo.
Este es el método de inclusión recomendado. Las funciones contenidas en el script de detección elegido deben incluirse directamente en el HTML del marco principal.
Para ello, envuelva el contenido del código seleccionado en etiquetas de secuencia de comandos en el HTML entregado.
Es posible alojar el código seleccionado en su servidor web como un archivo independiente y hacer referencia a este archivo desde el HTML entregado.
Si utiliza un archivo de script externo, los bloqueadores de anuncios pueden bloquearlo. Usar un nombre diferente para el archivo reducirá la probabilidad de que sea bloqueado por filtros genéricos.
Es posible integrar las funciones del código seleccionado en una biblioteca de scripts existente, alojada como un archivo de script externo. Hacer esto puede resultar en una funcionalidad reducida del sitio para los visitantes que usan bloqueadores de anuncios que intentan evitar la detección, si los bloqueadores de anuncios bloquean todo el archivo de script externo.
@prop banderas
| Opción | Tipo | Descripción |
|---|---|---|
| depurar | Booleano | Indica que se debe imprimir una salida de depuración adicional en la consola |
| encontró | Cadena (@función) | Función que se activa si se detecta adblock |
| extraviado | Cadena (@función) | Función que se activa si no se detecta adblock. Tenga en cuenta que esto se activará cada vez que no se detecte adblock y debería proporcionar información para la acción tomada solo después de que se detecte "completo". |
| completo | Cadena (@función) | Función para disparar una vez que se completa la prueba. |
El resultado de la prueba (booleano) se incluye como parámetro en el ejemplo de devolución de llamada:
window . adblockDetector . init (
{
found : function ( ) { ... } ,
notFound : function ( ) { ... }
}
) ;Agregue el siguiente código en la 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 >Agregue el siguiente código en el cuerpo de la 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 >¡Bifurcarlo! Crea tu rama de funciones: git checkout -b my-new-feature Confirma tus cambios: git commit -am 'Agregar alguna característica' Empuja a la rama: git push origin my-new-feature Envía una solicitud de extracción
