Stape

Evite el bloqueo de Google Tag Manager por parte de los Adblockers

Actualizado
15 mar 2024
Publicado
16 sep 2021
También disponible

Ad Blocking (el bloqueo de anuncios) no es de ninguna manera una calle de un solo sentido, y el impacto del bloqueo de secuencias de comandos de seguimiento se extiende mucho más allá de los anuncios.

Se ha hablado mucho de las aplicaciones de bloqueo de anuncios en estos días, pero ¿qué hacen realmente por usted? Una de las razones por las que la gente puede considerar instalarlas en su dispositivo o navegador es por los molestos anuncios y ventanas emergentes que aparecen en el sitio por el que están navegando. 

Los bloqueadores de anuncios funcionan identificando las secuencias de comandos que se ejecutan antes de que aparezcan los anuncios y evitan que se abran esas molestas ventanas emergentes que nos dicen lo estupendo que sería ese producto que estamos viendo si nuestros ojos fueran mejores! Pero no sólo los anuncios pueden verse afectados por los AdBlockers.

En este post, hablaré de cómo los bloqueadores de anuncios pueden afectar a los scripts de seguimiento colocados mediante Google Tag Manager (GTM). También mostraré cómo evitar el bloqueo de Google Tag Manager por parte de AdBlocker y compartiré algunos consejos sobre el uso del seguimiento del lado del servidor.

Este artículo no anima a nadie a hacer un seguimiento de los usuarios sin su permiso. Siempre hay que respetar las decisiones de los usuarios y pedirles su consentimiento antes de lanzar cualquier script de seguimiento.

Algunas personas pueden utilizar GTM para fines no relacionados con el seguimiento (como la implementación del marcado de esquema o la adición de un chat en el sitio). Si se bloquea GTM, podría tener un impacto negativo en las clasificaciones orgánicas o en la experiencia del cliente.

Cómo afectan los bloqueadores de anuncios a Google Tag ManagerCopie el enlace a esta sección

Adblocker es un software o extensión del navegador que puede alterar o eliminar el contenido publicitario de los sitios web. Puede bloquear la publicidad, el seguimiento y otros contenidos utilizando diferentes métodos. Uno de los métodos es dirigirse a la URL donde se origina este contenido.

Por lo general, la mayoría de los bloqueadores de publicidad impiden que se muestren sólo los anuncios. Puede hacerse conociendo la URL de la red publicitaria (debido a una base de datos específica de URLs que forma parte de las redes publicitarias) o utilizando los nombres de las etiquetas en el código.

La configuración por defecto del bloqueador de anuncios no afectará a Google Analytics ni a Google Tag Manager. Sólo bloquearán los anuncios de la página que visite el usuario.

Pero los usuarios pueden ajustar la configuración y pedir al Ad Blocker que elimine los scripts de seguimiento. En este caso, Google Tag Manager no funcionará. Esto significa que todos los scripts de seguimiento que haya añadido dentro del gestor de etiquetas no funcionarán. Si usted agrega scripts de Google Analytics fuera de Google Tag Manager, también se bloqueará.

En los últimos años, cada vez más personas utilizan bloqueadores de anuncios para escapar de la publicidad. Dado que la configuración avanzada de AdBlocker puede afectar a GTM, sus etiquetas también se verán afectadas. Es posible que la gente ni siquiera sepa que ha bloqueado la posibilidad de contactar con el soporte a través del chat del sitio.

Cómo evitar el bloqueo de Google Tag Manager por parte de los Ad BlockersCopie el enlace a esta sección

2. Inicie sesión en su cuenta de stape.io -> Haga clic en Power-ups  -> Haga clic en Config.

custom loader power-up

3. Pegue el ID de su Web Google Tag Manager. Una vez que haya hecho clic en actualizar, verá el código GTM modificado que tendrá que añadir a su sitio web.

Se hicieron dos cambios:

• El dominio googletagmanager.com fue reemplazado por su subdominio personalizado (ss.wp-demo.stape.io en mi caso)

• gtm.js fue reemplazado por ottpwgmj.js

Estos cambios ayudarán a evitar el bloqueo de Google Tag Manager por parte de los bloqueadores de anuncios.

custom loader to make gtm and ga4 scripts resistent to ad blockers

4. Actualice el código GTM en su sitio con el código GTM que ha copiado del administrador de stape.io.

Habilite el bloqueador de anuncios y utilice la consola para comprobar si GTM está cargado. El código de Google Tag Manager no se ha bloqueado, pero es posible que vea que la solicitud de Google Analytics se ha bloqueado. En el siguiente paso, mostraré cómo evitar que se bloquee Google Analytics.

Google Tag Manager code 

5. Para evitar el bloqueo de secuencias de comandos de Google Analytics, deberá configurar Google Analytics del lado del servidor. Si solo añade una URL de transporte a la etiqueta de GA en el contenedor web de Google Tag Manager, la mayoría de los bloqueadores de anuncios seguirán bloqueando las solicitudes de GA.

Este método tiene unos cuantos pasos:

- Configurar el Data Tag que pasará los datos del usuario desde la web al servidor GTM

- Configurar el Data Client que procesará las solicitudes de Data Tag dentro del contenedor del servidor GTM.

- Configurar la etiqueta UA en el contenedor del servidor que funcionará con las solicitudes del Data Client.

6. Añada Data Tag de la galería de plantillas de GTM Web.     

Add Data Tag from the GTM Web template gallery  

7. Cree una nueva etiqueta -> Tipo de etiqueta Data Tag -> Seleccione el nombre del evento -> Añada la URL de su servidor GTM -> Añada la cabecera de la vista previa -> Si activa Enviar todo desde DataLayer y Enviar datos comunes, permitirá que Data Tag envíe toda la información que pueda encontrar en el wed GTM al servidor GTM. Añada los datos de los eventos y de los usuarios que desee enviar al contenedor del servidor.

Add event and user data you want to send to the server container

8. Abra el contenedor del servidor -> descargue el Data Client desde Github -> abra la pestaña de plantillas y haga clic en Añadir Nuevo en la sección de Plantillas de Cliente -> haga clic en Guardar.

Add New in the Client Templates section

9. Crear una nueva etiqueta -> Tipo de etiqueta Universal Analytics -> Añadir ID de Universal Analytics.

universal analytics is dead

10. Cree una nueva etiqueta -> Tipo de etiqueta Universal Analytics (o Google Analytics 4) -> Añada el ID de Universal Analytics (o el ID de GA4) -> Añada client_id.

Las etiquetas de Universal Analytics o Google Analytics 4 no funcionarán sin el ID del cliente.

Usted tiene dos opciones aquí:

- añadir el client_id manualmente. En este caso, tendrá que añadir el client_id en la etiqueta del servidor UA

- utilizar el client_id que genera Data Tag. En este caso, tendrá que habilitar "Generar siempre el parámetro client_id" en el cliente de datos en el contenedor del servidor.

client id works

11. Cree trigger para la etiqueta UA -> Tipo de activador Personalizado -> Nombre del cliente es igual a Data Client

Create a trigger for UA tag

12. Abra el modo de vista previa de los contenedores GTM de la web y del servidor. Debería ver que Data Tag se activó en el contenedor web y UA tag se activó en el contenedor del servidor.

the preview mode of the web  
Data Tag triggered in the Web container and UA tag triggered in the server container

13. Si usted ve que ambas etiquetas se dispararon, publique los contenedores de la web y del servidor. Ahora puede probar la configuración con adblocker.

Habilite de nuevo el modo de vista previa del servidor GTM y copie la cabecera de vista previa haciendo clic en los tres puntos de la esquina superior derecha -> Haga clic en enviar solicitud manualmente -> Copie la cabecera HTTP X-Gtm-Server-Preview.

Copy X-Gtm-Server-Preview HTTP header

Abra la cuenta de stape.io -> Haga clic en Power-ups -> Preview Header config -> Pegue el encabezado de la vista previa que copió en el paso anterior -> Guarde.

Preview Header config
Preview Header config

Abra su sitio web con el adblocker activado. Abra la consola y compruebe si las solicitudes de Data Tag han funcionado.

check if Data Tag requests worked  

También debería ver que la etiqueta UA se activa en la vista previa del servidor GTM.

UA Real-Time reports

14. Para comprobar que Universal Analytics ha funcionado, puede utilizar los informes UA en tiempo real. 

!

Cuando usted haya terminado las pruebas, no olvide eliminar la cabecera de la vista previa de su cuenta de stape.io.

Conclusión:Copie el enlace a esta sección

Google Tag Manager no es una herramienta de seguimiento por diseño y puede ser utilizado para muchos otros fines que el seguimiento del comportamiento del usuario en el sitio. Es por eso que el bloqueo de GTM puede afectar negativamente no a Google Analytics, Facebook, o cualquier otra herramienta de seguimiento, sino que puede ir mucho más allá.

En esta entrada del blog, mostré cómo usar Google Tag Manager del lado del servidor para evitar el bloqueo de GTM por parte de Ad Blocker. Pero al final, depende de usted si configura o no Google Tag Manager como se describe en este artículo.

¿Está confundido?

Bastan unas simples preguntas. Haga clic en Obtener un presupuesto y le ayudaremos.

Obtener un presupuesto
Etiquetado con:gtm server

Aloje su servidor GTM en Stape