¿Quieres que tus etiquetas de Google Tag Manager solo se activen después de que los visitantes den su consentimiento? WPConsent envía un evento personalizado y un objeto de preferencias a la capa de datos de GTM, lo que te permite crear activadores que respeten las elecciones de cada visitante. Esta guía te explica cómo activar etiquetas de GTM basadas en el consentimiento con WPConsent.

Índice

• Requisitos previos
• Comprender el evento dataLayer
• Creación del desencadenador de eventos personalizado
• Creación de variables de capa de datos
• Creación de variables de nivel de servicio (opcional)
• Configuración de las condiciones de activación de etiquetas
• Gestión de visitantes recurrentes
• Elegir entre el modo de consentimiento y los activadores de GTM
• Verificación de la configuración
• Preguntas frecuentes
• Conclusión

Requisitos previos

Antes de comenzar, asegúrese de tener:

• Un contenedor de Google Tag Manager instalado en tu sitio web.
• WPConsent instalado con el banner de cookies habilitado
• Bloqueo de scripts habilitado en WPConsent >> Configuración
• Conocimientos básicos sobre los activadores y variables de GTM.

Comprender el evento dataLayer

Cada vez que se procesa el consentimiento, WPConsent envía el siguiente objeto a la capa de datos:

{
  'event': 'wpconsent_consent_processed',
  'wpconsentPreferences': {
    'essential': true,
    'statistics': true,
    'marketing': false
  }
}

El nombre del evento es siempre wpconsent_consent_processed. El wpconsentPreferences El objeto contiene una propiedad booleana por cada categoría de cookies. Un valor de true significa que el visitante aceptó esa categoría. Un valor de false significa que lo rechazaron.

El essential La categoría es siempre true porque las cookies esenciales no se pueden desactivar.

Este evento se activa en dos situaciones:

• Cuando un visitante interactúa con el banner por primera vez (acepta, rechaza o guarda las preferencias).
• En las cargas posteriores de la página, cuando ya existen preferencias guardadas en la cookie.

Preferencias de nivel de servicio

Cuando Alternar servicios está habilitado en WPConsent >> Configuración >> Cookies, el wpconsentPreferences El objeto también incluye slugs de servicios individuales junto con los slugs de categorías:

{
  'event': 'wpconsent_consent_processed',
  'wpconsentPreferences': {
    'essential': true,
    'statistics': true,
    'marketing': false,
    'google-analytics': true,
    'facebook-pixel': false
  }
}

Las etiquetas de servicio son los nombres saneados de cada servicio en su base de datos de cookies. Esto le proporciona un control preciso: puede activar una etiqueta solo cuando se acepta su servicio específico, en lugar de cuando se acepta toda la categoría.

Eventos adicionales

WPConsent también envía un DOM. CustomEvent llamado wpconsent_consent_processed en el document objeto. Esto es independiente del envío de dataLayer y resulta útil si escribes JavaScript personalizado fuera de GTM. Para la configuración de GTM, solo necesitas el evento dataLayer.

Creación del desencadenador de eventos personalizado

En primer lugar, abre tu contenedor GTM y crea un activador que detecte el evento de consentimiento WPConsent.

1. Navega hasta Triggers y haz clic en New.
2. Nombra el desencadenante WPConsent - Consent Processed.
3. Haga clic en Configuración del activador y seleccione Evento personalizado.
4. Establecer Nombre del evento a wpconsent_consent_processed.
5. Configurar Este disparador se activa en todos los eventos personalizados.
6. Por último, haz clic en Guardar.

Este disparador se activa cada vez que WPConsent envía el evento de consentimiento a la capa de datos.

Creación de variables de capa de datos

A continuación, cree una variable GTM para cada categoría de consentimiento que desee comprobar en las condiciones de su etiqueta.

Variable de consentimiento de marketing:

1. Vaya a Variables y haga clic en Nuevo en Variables definidas por el usuario.
2. Nombre DLV - Marketing Consent.
3. Haga clic en Configuración variable y seleccione Variable de capa de datos.
4. Establecer Capa de datos Nombre de la variable a wpconsentPreferences.marketing.
5. Deje la versión de la capa de datos como Versión 2.
6. A continuación, haga clic en Guardar.

Variable de consentimiento estadístico:

Repita los mismos pasos con estos valores:

• Nombre: DLV - Statistics Consent
• Nombre de la Variable de Capa de Datos: wpconsentPreferences.statistics

Ahora tienes 2 variables que devuelven true o false dependiendo de las opciones de consentimiento del visitante.

Creación de variables de nivel de servicio (opcional)

Las variables de nivel de servicio requieren que Toggle Services esté habilitado en WPConsent >> Configuración.

Si necesitas comprobar el consentimiento para un servicio específico en lugar de para toda una categoría, crea una variable utilizando el slug del servicio.

Por ejemplo, para comprobar específicamente el consentimiento de Google Analytics:

1. Cree una nueva variable de capa de datos.
2. Nombre DLV - Google Analytics Consent.
3. Establecer Capa de datos Nombre de la variable a wpconsentPreferences.google-analytics.
4. A continuación, haga clic en Guardar.

Reemplazar google-analytics con el slug de cualquier servicio en tu base de datos de cookies WPConsent. Los slugs comunes incluyen facebook-pixel, google-ads, y hotjar.

Configuración de las condiciones de activación de etiquetas

Ahora, asigne el activador y una condición de consentimiento a cada etiqueta que requiera consentimiento.

Ejemplo: Etiqueta Meta Pixel

1. Abre tu etiqueta Meta Pixel en GTM.
2. En «Triggering»(Activadores), elimina cualquier activador existente (como «All Pages» [Todas las páginas]).
3. Haga clic en el icono + para añadir un nuevo activador.
4. Seleccione su WPConsent - Consent Processed disparador.
5. Cambiar Este desencadenador se activa desde Todos los eventos personalizados a Algunos eventos personalizados.
6. Añadir la condición: DLV - Marketing Consent igual a true.
7. Por último, haz clic en Guardar.

La etiqueta Meta Pixel ahora solo se activa cuando se cumplen ambas condiciones:

1. El wpconsent_consent_processed El evento aparece en la capa de datos.
2. El visitante ha dado su consentimiento para recibir comunicaciones de marketing.

Ejemplo: etiqueta de Google Analytics (sin modo de consentimiento)

Si no utiliza el modo de consentimiento de Google y desea controlar GA4 únicamente a través de los activadores de GTM:

1. Abre tu etiqueta de configuración GA4.
2. Reemplazar su disparador con WPConsent - Consent Processed.
3. Configúrelo para que se active en Algunos eventos personalizados donde DLV - Statistics Consent igual a true.
4. A continuación, haga clic en Guardar.

Consejo: Si ya utilizas el Modo de consentimiento de Google v2, no necesitas activadores GTM para las etiquetas GA4 o Google Ads. El Modo de consentimiento se encarga de ello automáticamente.

Gestión de visitantes recurrentes

El wpconsent_consent_processed El evento se activa cada vez que se carga la página cuando existen preferencias guardadas, no solo en la interacción inicial con el banner. Esto significa que la configuración de etiquetas del paso anterior ya gestiona correctamente a los visitantes que regresan.

Cuando un visitante vuelve a tu sitio web con preferencias de consentimiento existentes:

1. WPConsent lee la cookie de preferencias guardadas.
2. Empuja el wpconsent_consent_processed evento con las preferencias almacenadas.
3. GTM evalúa tus condiciones de activación y activa las etiquetas adecuadas.

No se necesitan activadores adicionales de visualización de página.

Elegir entre el modo de consentimiento y los activadores de GTM

WPConsent admite dos métodos para controlar las etiquetas, y puedes utilizarlos conjuntamente.

Modo Consentimiento de Google

Modo Consentimiento Google v2 Controla automáticamente las etiquetas integradas de Google. Cuando está habilitado, WPConsent establece los estados de consentimiento predeterminados en denied y los actualiza a granted cuando los visitantes aceptan las cookies. Las etiquetas de Google ajustan entonces su comportamiento automáticamente.

Ideal para: GA4, Google Ads y otros servicios de Google que admiten de forma nativa el modo de consentimiento.

Desencadenantes de GTM (esta guía)

Los activadores GTM personalizados te permiten controlar de forma explícita cuándo se activa cualquier etiqueta. Tú decides las condiciones exactas.

Ideal para:

• Etiquetas que no son de Google (Meta Pixel, LinkedIn, TikTok, HubSpot, etc.)
• Control del nivel de servicio en el que es necesario comprobar servicios individuales, no categorías.
• Etiquetas de proveedores que no admiten el modo de consentimiento de Google
• Situaciones en las que desea ver exactamente cuándo se activan las etiquetas en el modo de vista previa de GTM.

Usando ambos juntos

La configuración recomendada para la mayoría de los sitios es:

1. Habilita el Modo de consentimiento de Google v2 para las etiquetas de Google.
2. Utiliza los activadores de GTM de esta guía para todas las etiquetas que no sean de Google.

Las etiquetas de Google se benefician de la medición sin cookies del modo de consentimiento, que recopila datos anónimos incluso antes del consentimiento. Las etiquetas que no son de Google necesitan activadores explícitos porque no comprenden las señales del modo de consentimiento.

Verificación de la configuración

Prueba tu configuración utilizando el modo de vista previa de GTM antes de publicarla.

1. Haga clic en Vista previa en su espacio de trabajo de GTM.
2. Abre tu sitio web en la pestaña del navegador de depuración de GTM.
3. Borra las cookies de tu sitio web para simular un nuevo visitante.
4. Vuelve a cargar la página. Tus etiquetas de seguimiento aún no deberían activarse.
5. Acepta todas las cookies en el banner de WPConsent.
6. En el depurador GTM, busque el wpconsent_consent_processed evento en el Resumen panel de la izquierda.
7. Haga clic en el evento. En el Capa de datos pestaña, compruebe el wpconsentPreferences El objeto muestra los valores correctos.
8. Comprueba la sección «Etiquetas activadas» para confirmar que tus etiquetas se han activado tras el evento de consentimiento.

Prueba del flujo de rechazo:

1. Borra las cookies de tu sitio web de nuevo y vuelve a cargar la página.
2. Rechaza todas las cookies (o rechaza categorías específicas) en el banner.
3. Verifica que tus etiquetas de marketing no se hayan activado.
4. Verifica las etiquetas de estadísticas activadas solo si has aceptado la categoría de estadísticas.

Probando a un visitante que regresa:

1. Acepta las cookies y, a continuación, navega a otra página de tu sitio web.
2. Confirmar el wpconsent_consent_processed El evento se activa al cargar la nueva página.
3. Confirma que tus etiquetas se activan según las preferencias almacenadas.

Solución de problemas

Etiquetas disparar antes de que se dé el consentimiento

Asegúrate de que tu etiqueta utiliza el WPConsent - Consent Processed disparador con una condición de consentimiento. Si la etiqueta sigue teniendo un Todas las páginas El activador está conectado y se activa al cargar la página antes de que se procese el consentimiento. Quita el activador de Todas las páginas.

Las variables de la capa de datos muestran «indefinido».

El wpconsentPreferences El objeto solo existe en la capa de datos (dataLayer) después de que se procese el consentimiento. Si comprueba la variable antes de que el visitante interactúe con el banner (y no existen preferencias guardadas), devuelve undefined. Este es el comportamiento esperado.

El evento de consentimiento no aparece en la vista previa de GTM.

Verifique que el banner de cookies de WPConsent esté habilitado y que el bloqueo de scripts esté activo. Si el banner está deshabilitado, el JavaScript del frontend no se carga y no se envían eventos de dataLayer.

Comprueba también que Google Tag Manager no esté siendo bloqueado por el bloqueo automático de scripts de WPConsent. GTM queda excluido del bloqueo cuando se habilita el modo de consentimiento de Google.

Faltan variables de nivel de servicio.

Las slugs de nivel de servicio solo aparecen en el wpconsentPreferences objeto cuando Alternar servicios está habilitado en WPConsent >> Configuración >> Cookies. Sin esta configuración, el objeto solo contiene propiedades de nivel de categoría (essential, statistics, marketing).

Las etiquetas se activan al cargar la página, pero no al producirse el evento de consentimiento (o viceversa).

El wpconsent_consent_processed El evento se activa tanto en el consentimiento inicial como en las cargas posteriores de la página con las preferencias guardadas. Si observa que las etiquetas solo se activan en un escenario, compruebe la configuración del activador. El activador debe estar configurado en Todos los eventos personalizados o Algunos eventos personalizados con una condición de consentimiento, sin limitarse a una página específica.

Preguntas frecuentes

¿Puedo utilizar este enfoque para etiquetas que no sean de Google, como Meta Pixel o TikTok?

Sí. Esta guía funciona para cualquier etiqueta en GTM. El evento y las variables de dataLayer no son específicos de Google. Puedes utilizarlos para controlar Meta Pixel, LinkedIn Insight, TikTok Pixel, HubSpot y cualquier otra etiqueta.

¿Necesito activadores de GTM si ya tengo habilitado el modo de consentimiento de Google?

Para las etiquetas de Google (GA4, Google Ads), el modo de consentimiento gestiona el consentimiento automáticamente, por lo que no necesitas activadores de GTM. Para las etiquetas que no son de Google, sigues necesitando el enfoque de activadores de GTM de esta guía, ya que esos proveedores no admiten las señales del modo de consentimiento.

¿Por qué mis variables de la capa de datos muestran «indefinido» antes de que aparezca el banner?

El wpconsentPreferences El objeto solo existe en la capa de datos (dataLayer) después de que se procese el consentimiento. Antes de que un visitante interactúe con el banner (y si no hay preferencias guardadas), la variable devuelve undefined. Tus etiquetas no se activarán porque no se cumple la condición de activación.

¿Cómo puedo comprobar el consentimiento para un servicio específico en lugar de para toda una categoría?

Habilitar Alternar servicios en WPConsent >> Configuración. A continuación, cree una variable de capa de datos utilizando el slug del servicio, como por ejemplo wpconsentPreferences.google-analytics. Véase el Creación de variables de nivel de servicio Sección para más detalles.

Conclusión

Ha configurado activadores GTM personalizados que activan las etiquetas solo después de que los visitantes den su consentimiento a través de WPConsent. Ahora, sus etiquetas de seguimiento respetan las preferencias de cookies de cada visitante, lo que garantiza el cumplimiento normativo de su sitio web y le permite seguir recopilando los datos que necesita.

Para saber cómo WPConsent gestiona automáticamente las etiquetas de Google, consulte la guía sobre cómo configurar el Modo de consentimiento de Google v2. Para obtener más información sobre cómo WPConsent bloquea los scripts antes del consentimiento, consulte la guía sobre el bloqueo automático de scripts.