Cómo detectar si se está utilizando un bloqueador de publicidad con JavaScript

 

 

 

Como detectar si se esta utilizando un bloqueador de publicidad con javascript 1

Una estrategia que uso para agregar mi propio anuncio al sitio si sé que se está utilizando un bloqueador de anuncios

Es bastante común que los prosumidores y las personas técnicas como los programadores utilicen un bloqueador de anuncios.

En mi sitio web, estima que entre el 20% y el 25% de los visitantes utilizan algún tipo de bloqueo de anuncios.

No tengo problemas en eso, aunque apoyo el blog usando anuncios, pero una cosa que quería hacer era promocionar uno de mis productos solo si tenías un bloqueador de anuncios habilitado, para que no veas un anuncio de Carbon, la red que uso, sino un enlace a algo que sí quiero promocionar.

 

No me gustaría que se utilizara esta técnica para mostrar un mensaje del tipo “¡Desactiva el bloqueador de publicidad!”, porque me resulta molesto cuando lo veo. Si lo haces, considera la opción de promocionar tus propios productos en lugar de publicitar los productos de otras personas. Es solo una idea.

Si tienes un bloqueador de anuncios habilitados en este momento, puedes ver un “Patrocinador” justo después del título; Bueno, ese es el producto que quiero promocionar, algo que estoy construyendo actualmente y estoy probando la idea viendo cuántas personas se registran en la lista de espera.

Sin un bloqueador de anuncios, ese lugar estaría repleto de anuncios, por lo que no quiero tener demasiados anuncios al mismo tiempo y perjudicar la experiencia de las amables personas que ayudan a mantener este blog en funcionamiento.

Este fragmento de JavaScript me ayuda a realizar la tarea.

let adBlockEnabled = falseconst ad = document.createElement('div')ad.innerHTML = 'nbsp;'ad.className = 'adsbox'document.body.appendChild(ad)window.setTimeout(function() { if (ad.offsetHeight === 0) { adblockEnabled = true } ad.remove() console.log('Blocking ads? ', adblockEnabled) }}, 100)

Asegúrese de colocarlo en la parte inferior de la página para ejecutarlo cuando se cargue el DOM, o espere el evento DOMContentLoaded. Blog sopper tappers

Una vez que conozca el adblockEnabledvalor, puede agregar su propio anuncio personalizado a la página.

Aquí está el script que uso para hacer eso:

if (adblockEnabled) { const link = document.createElement('a') link.setAttribute('href', 'https://flaviocopes.com') link.setAttribute('target', '_blank') const img = document.createElement('img') img.src = '/img/image.png' img.style.paddingBottom = '30px' img.style.margin = '0 auto' img.style.maxWidth = '65%' if ( window.matchMedia window.matchMedia('(prefers-color-scheme: dark)').matches ) { img.style.filter = 'invert(100%)' } window .matchMedia('(prefers-color-scheme: dark)') .addEventListener('change', (e) = { const newColorScheme = e.matches ? 'dark' : 'light' if (newColorScheme === 'light') { img.style.filter = '' } else { img.style.filter = 'invert(100%)' } }) link.appendChild(img) document.querySelector('.promotion').classList.remove('hidden') document.querySelector('.promotion').appendChild(link)}

Cargo una imagen, el invierno si está en modo oscuro, la convierto en un enlace al sitio web https://flaviocopes.com y la agregado a la página.

Tips para principiantes de JavaScript




Tal vez te puede interesar:

  1. Cómo generar un número aleatorio entre dos números en JavaScript
  2. Cómo esperar el evento DOM listo en JavaScript simple
  3. Cómo determinar si una fecha es hoy en JavaScript
  4. Cómo contar el número de propiedades en un objeto JavaScript

Cómo detectar si se está utilizando un bloqueador de publicidad con JavaScript

Una estrategia que uso para agregar mi propio anuncio al sitio si sé que se está utilizando un bloqueador de anuncios

programar

es

https://aprendeprogramando.es/static/images/programar-como-detectar-si-se-esta-utilizando-un-bloqueador-de-publicidad-con-javascript-2371-0.jpg

2024-11-09

 

Como detectar si se esta utilizando un bloqueador de publicidad con javascript 1
Como detectar si se esta utilizando un bloqueador de publicidad con javascript 1

Si crees que alguno de los contenidos (texto, imagenes o multimedia) en esta página infringe tus derechos relativos a propiedad intelectual, marcas registradas o cualquier otro de tus derechos, por favor ponte en contacto con nosotros en el mail [email protected] y retiraremos este contenido inmediatamente

 

 

Update cookies preferences