Cómo instalar Google AdSense con Google Tag Manager

como instalar google adsense con google tag manager

Si tienes un sitio web y te gustaría monetizarlo, Google AdSense es una opción popular que puede generar ingresos pasivos, incluso si es solo un poco para cubrir tus gastos. Al registrarte, recibirás códigos para colocar anuncios en tu página. Cuando los visitantes llegan a tu sitio (si no usan bloqueadores de anuncios), se cargará un anuncio y, si es visualizado o clicado, ganarás una parte de los ingresos generados por Google. Es un proceso bastante sencillo.

Por supuesto, puedes agregar más espacios publicitarios, pero cada uno requerirá su propio código. No es complicado, pero es importante hacerlo de manera correcta, especialmente con la llegada del Reglamento General de Protección de Datos (GDPR) en la Unión Europea, que afecta cómo se manejan estos anuncios, dado que utilizan datos personales. En esta guía, exploraremos cómo instalar Google AdSense utilizando Google Tag Manager (GTM) y cómo asegurarte de que cumpla con las normativas de privacidad.

Es importante mencionar que esta guía no debe considerarse asesoramiento legal, y siempre es recomendable consultar con un experto en la materia si tienes dudas sobre el cumplimiento legal.

Entendiendo el impacto del GDPR en los anuncios de AdSense

El GDPR es una regulación de la Unión Europea diseñada para proteger la información personal de los usuarios. Si deseas recopilar y procesar datos identificables, es crucial obtener el consentimiento explícito de los visitantes antes de hacerlo.

Específicamente, necesitas obtener consentimiento para:

  • Utilizar cookies o almacenamiento local donde sea legalmente requerido.
  • Recoger, compartir y utilizar datos personales para personalizar anuncios.

Dado que los anuncios de AdSense están relacionados con ambas categorías de consentimiento, es indispensable que los obtengas correctamente. Veamos cómo puedes hacerlo utilizando Google Tag Manager.

Implementación del consentimiento de cookies para GDPR mediante Google Tag Manager

Asumimos que ya tienes un conocimiento básico sobre cómo implementar un mecanismo de consentimiento de cookies con GTM. Si eres nuevo en este tema, hay recursos disponibles que explican cómo hacerlo en detalle.

Resumiendo, aquí está el proceso:

  • Cuando un visitante llega a tu página, se le presenta un banner de cookies que solicita permiso para rastrearlos.
  • Si se otorga el permiso, se almacena en una cookie y todos los tags en GTM respetarán esta preferencia. Esto significa que si un visitante se niega a ser rastreado para fines de marketing, todos los tags relacionados no se activarán.
  • Si el visitante rechaza ser rastreado por completo, todos los tags de seguimiento se bloquearán dentro del contenedor de GTM.

Este mecanismo también se aplica a los fragmentos de código de AdSense. Por ejemplo:

  • Si un visitante rechaza las cookies de marketing, tus anuncios de AdSense serán no personalizados.
  • Si un visitante rechaza las cookies funcionales, los anuncios de AdSense no se mostrarán en absoluto.

Un vistazo al código de AdSense

Antes de proceder a la instalación de Google AdSense con GTM, es útil conocer cómo es el código básico. Al registrarte en AdSense y crear una nueva unidad de anuncio, recibirás un código que podría verse así:

<script async src="//pagead2.googlesyndication.com/pagead/js/adsbygoogle.js"></script>
<!-- Nombre de la unidad de anuncio -->
<ins class="adsbygoogle" style="display:block" data-ad-client="ca-pub-xxxxxxxxxxxx" data-ad-slot="xxxxxxxxxx" data-ad-format="auto"></ins>
<script>(adsbygoogle = window.adsbygoogle || []).push({});</script>

Este código se compone de tres partes fundamentales:

  • Un script de carga asíncrona que permite que el anuncio se cargue sin afectar la velocidad de la página.
  • El elemento <ins>, que contiene configuraciones relacionadas con la unidad de anuncio, como el ID y el formato del anuncio.
  • Un segundo script que inicializa la carga del anuncio.

Por defecto, este código cargará anuncios personalizados, a menos que desactives la personalización en tu cuenta de AdSense, lo cual no es recomendable, ya que esto afectaría todos los visitantes, incluso aquellos que sí aceptan el rastreo.

Para resolver esta situación, puedes agregar una línea adicional al código de AdSense:

(adsbygoogle = window.adsbygoogle || []).requestNonPersonalizedAds = 1;

Al establecer requestNonPersonalizedAds en 1, el visitante verá anuncios no personalizados. Si está en 0, se mostrarán anuncios personalizados.

Plan de acción para la instalación de AdSense

Para instalar Google AdSense utilizando Google Tag Manager, debes seguir estos pasos:

  • Primero, divide el código de la unidad de anuncio de AdSense en dos partes: una que se añadirá directamente al código de tu sitio web y otra que deberás implementar a través de GTM.
  • A pesar de que una parte del código de la unidad de anuncio esté en tu sitio, no se mostrarán anuncios hasta que GTM active el script. En su lugar, no habrá nada visible, ni un espacio vacío.
  • Configura el script en GTM para que respete las preferencias de privacidad del usuario:
    • Si el usuario acepta cookies funcionales y de marketing, se servirán anuncios personalizados.
    • Si el usuario acepta solo las cookies funcionales, se mostrarán anuncios no personalizados.
    • Si el usuario no acepta ninguna cookie, el script de AdSense no se cargará, por lo que no se mostrarán anuncios.

Dividir el código de la unidad de anuncio de AdSense

Una vez que hayas creado una unidad de anuncio en AdSense, recibirás un código similar al que se mostró anteriormente. Ahora, necesitas dividir este código en dos partes.

<script async src="//pagead2.googlesyndication.com/pagead/js/adsbygoogle.js"></script>
<script>
(adsbygoogle = window.adsbygoogle || []).requestNonPersonalizedAds = 1;
(adsbygoogle = window.adsbygoogle || []).push({});
</script>

La primera parte consiste únicamente en los scripts, mientras que la segunda parte debe contener todo lo que se encuentra entre las etiquetas <ins> y </ins>.

<ins class="adsbygoogle" style="display:block" data-ad-client="ca-pub-xxxxxxxxxxxx" data-ad-slot="xxxxxxxxxx" data-ad-format="auto"></ins>

Implementa el primer código a través de GTM y añade el segundo directamente al código fuente de tu sitio web. Si tienes varias unidades de anuncio, deberás preparar un código <ins> diferente para cada una, ya que contienen información específica.

Además, el código de los scripts será el mismo para todas las unidades, por lo que solo necesitarás implementar uno en GTM.

Instalación de Google AdSense con Google Tag Manager

Paso 1: Implementar un mecanismo de consentimiento de cookies en tu sitio web con GTM

Este artículo no profundizará en el tema del consentimiento de cookies, ya que se ha tratado en otras guías. Sin embargo, puedes considerar alternativas como Cookiebot para gestionar el consentimiento de cookies.

Paso 2: Crear una variable de tabla de búsqueda

Asumiendo que has implementado correctamente el mecanismo de consentimiento de cookies mencionado anteriormente, necesitarás una variable que verifique si se permiten las cookies de marketing. Esta variable debe devolver verdadero o falso según el consentimiento del visitante.

Sin embargo, para el código de AdSense, necesitas que la variable retorne 1 o 0. Aquí es donde la variable de tabla de búsqueda se convierte en útil, ya que puede verificar el valor de la variable de consentimiento y devolver el resultado adecuado.

Paso 3: Crear una etiqueta HTML personalizada para el código de AdSense

Ahora, crea la etiqueta HTML personalizada donde deberás insertar el código modificado de AdSense que incluya la variable de tabla de búsqueda en lugar de un «1». Esto asegurará que el valor se ajuste según el consentimiento del visitante.

Paso 4: Asignar triggers a la etiqueta de AdSense

Una vez que hayas configurado la etiqueta, debes asignar los triggers correspondientes. Estos determinarán cuándo se debe activar la carga de anuncios dependiendo del consentimiento del visitante.

  • Un trigger de bloqueo que impide que se muestre el anuncio si el visitante no ha dado su consentimiento para las cookies funcionales.
  • Un trigger personalizado que se activa cuando se actualiza el consentimiento, permitiendo que se cargue el anuncio si se ha aceptado el consentimiento necesario.
  • Un trigger de vista de página que permite que el anuncio se muestre en futuras visitas si el consentimiento ya ha sido otorgado previamente.

Pruebas de implementación

La última etapa de la instalación de Google AdSense con GTM es realizar pruebas. Esto garantiza que todo funcione correctamente:

  • Un visitante llega a la página y ve el banner de consentimiento de cookies, sin anuncios visibles aún.
  • Si el usuario acepta las cookies funcionales, los anuncios se mostrarán. Si se refresca la página, los anuncios seguirán apareciendo.
  • Dependiendo del consentimiento para cookies de marketing, se servirán anuncios personalizados o no personalizados.

Para verificar el tipo de anuncios que se están sirviendo, puedes usar las herramientas de desarrollador de tu navegador para observar las solicitudes de red relacionadas con los anuncios.

  1. Abre las herramientas de desarrollador y ve a la pestaña de Red.
  2. Filtra por ads? y recarga la página con anuncios de AdSense.
  3. Haz clic en al menos una solicitud relacionada con los anuncios.
  4. En la pestaña de Headers, busca el parámetro npa. Si existe con el valor de 1, los anuncios son no personalizados; si no existe, son personalizados.

Configuración de Google AdSense con Google Tag Manager: Aspectos finales

Ahora sabes cómo instalar Google AdSense utilizando Google Tag Manager y cómo configurar los anuncios para que respeten las preferencias de privacidad de los visitantes.

  • Si un visitante acepta todas las cookies, los anuncios se mostrarán normalmente y serán personalizados.
  • Si se niega a las cookies de marketing, se mostrarán anuncios no personalizados.
  • Si no se otorga ningún consentimiento, los anuncios estarán bloqueados.

Recuerda que para lograr esto es vital implementar un mecanismo de consentimiento de cookies a través de GTM y dividir el código de las unidades de anuncio de AdSense. Finalmente, la etiqueta HTML personalizada debe configurarse para respetar las preferencias de privacidad de los usuarios.