Google Tag Manager
Tag Manager ejecuta las etiquetas y Cookiemark le dice qué ha permitido el visitante. Esta página muestra cómo funcionan los dos juntos, para que todas las etiquetas de tu contenedor respeten la elección.
Quién carga el contenedor
Lo decide el campo ID del contenedor de la pestaña Google y GTM.
- Introduces el ID de tu contenedor. Cookiemark carga el contenedor por su cuenta, justo después de los valores de consentimiento predeterminados. Quita del sitio cualquier otro fragmento de Tag Manager, ya esté en tu tema, en una app o en un plugin. Si el mismo contenedor ya está en la página, Cookiemark no lo carga una segunda vez.
- Lo dejas vacío. Cookiemark no carga nada y se comunica con tu contenedor a través de la capa de datos. Mantén tu propio fragmento por debajo de la línea de Cookiemark; si no, las etiquetas de Google arrancan antes que los valores predeterminados.
Cookiemark añade solo la parte script de Tag Manager, no la parte <noscript>.
Las etiquetas de Google no necesitan cambios
Las etiquetas propias de Google llevan las comprobaciones de consentimiento integradas. Eso incluye la etiqueta de Google para GA4, las etiquetas de conversión y de remarketing de Google Ads, Floodlight y el Vinculador de conversiones. Leen el estado del consentimiento que fija Cookiemark y ajustan lo que guardan y lo que envían.
Deja su Configuración de consentimiento en No se requiere consentimiento adicional y mantén el activador que usas normalmente. Para ver la configuración de consentimiento de todas las etiquetas a la vez, activa Habilitar vista general del consentimiento en Administrar, Configuración del contenedor.
Las demás etiquetas esperan a un evento de consentimiento
Una etiqueta de otro proveedor no sabe nada de Consent Mode. El píxel de Meta, la LinkedIn Insight Tag, Hotjar y cualquier etiqueta de HTML personalizado se activan cada vez que salta su activador. Dale a estas etiquetas un activador basado en los eventos que Cookiemark envía a la capa de datos.
| Evento | Cookiemark lo envía cuando |
|---|---|
cookiemark_consent_preferences | Se permiten las preferencias. |
cookiemark_consent_statistics | Se permiten las estadísticas. |
cookiemark_consent_marketing | Se permite el marketing. |
Cada evento llega una vez por página vista. Con un visitante que vuelve, ocurre al cargarse la página. Con un visitante nuevo, en el momento en que elige.
Ejemplo: el píxel de Meta
- En Activadores, crea un activador del tipo Evento personalizado.
- Introduce
cookiemark_consent_marketingcomo nombre del evento y guárdalo como «Cookiemark, marketing permitido». - Crea una etiqueta de HTML personalizado y pega el código del píxel que te da Meta.
- En Configuración de consentimiento, elige Requerir consentimiento adicional para que se active la etiqueta y añade
ad_storage. - Elige el activador del paso 2 y guarda la etiqueta.
El activador y la comprobación de consentimiento cumplen funciones distintas. El activador decide cuándo se ejecuta la etiqueta: en cuanto se permite el marketing, en esta página y en todas las siguientes. La comprobación de consentimiento es un segundo cerrojo, por si alguien añade más adelante otro activador a la etiqueta.
No confíes solo en la comprobación de consentimiento con un activador Todas las páginas. Tag Manager bloquea la etiqueta cuando ese activador salta sin consentimiento, y una etiqueta bloqueada no se ejecuta después por sí sola. Si un visitante nuevo acepta, la etiqueta no se ejecutaría hasta su siguiente página.
Etiquetas que se activan con otros eventos
Una etiqueta de compra o de formulario conserva su propio activador. Añádele la comprobación de consentimiento del paso 4, o añade una condición a su activador: cookiemark_consent_state contiene |marketing|.
Eventos y variables de la capa de datos
Cookiemark envía los datos a dataLayer. Si tu contenedor usa otro nombre, introdúcelo en Nombre de la capa de datos.
| Push | Cuándo |
|---|---|
consent, default | En cuanto se ejecuta el script, en todas las páginas, si Consent Mode está activado. |
consent, update | Justo después del default con un visitante que vuelve, y después de cada elección. |
cookiemark_consent_ready | Una vez por página vista, cuando Cookiemark conoce el estado. Con un visitante nuevo todo sigue denegado. |
cookiemark_consent_update | Después de cada elección del visitante. |
cookiemark_consent_preferences y los otros dos | Una vez por página vista, por cada categoría permitida. |
Después de una elección, el orden es fijo: primero el update del consentimiento, luego cookiemark_consent_update y después un evento por cada categoría que antes no estaba permitida. Los eventos ready y update llevan tres valores.
{
event: 'cookiemark_consent_update',
cookiemark_consent: { necessary: true, preferences: false, statistics: true, marketing: true },
cookiemark_consent_state: '|statistics|marketing|',
cookiemark_consent_id: '0b0f6c1e-3d0a-4c54-9f0e-2f1c8a4e7b11'
}| Variable | Uso |
|---|---|
cookiemark_consent | Un objeto. Lee una categoría concreta con el nombre de variable cookiemark_consent.marketing. |
cookiemark_consent_state | Las categorías permitidas entre barras verticales. Si no se permite nada, es una sola barra. |
cookiemark_consent_id | El ID de consentimiento del visitante, el mismo que aparece en el registro de consentimientos. Vacío hasta que elige. |
Créalas como variables del tipo Variable de capa de datos. Tienen valor a partir de cookiemark_consent_ready.
Eventos de formulario
Tag Manager no puede ver por sí solo que un visitante ha enviado un formulario si la página no se recarga. Cookiemark envía un evento cuando se envía un formulario. Indica qué formulario y cómo ha ido, nunca lo que se ha escrito. Está activado salvo que desactives Enviar eventos de formulario.
| Evento | Cuándo |
|---|---|
cookiemark_form_sent | Un formulario se ha enviado correctamente. Usa este para una conversión. Lo envían las herramientas de formularios de la lista de abajo. |
cookiemark_form_submit | Un visitante ha pulsado enviar, pasara lo que pasara después. Lo envían todos los formularios de la página, así que es el evento que debes usar con una herramienta de formularios que no esté en la lista. |
cookiemark_form_invalid | Un campo de Contact Form 7 se ha rellenado mal. |
cookiemark_form_spam | Contact Form 7 ha retenido el formulario como spam. |
cookiemark_form_failed | Contact Form 7 ha aceptado el formulario, pero no se ha podido enviar el correo. |
Las herramientas de formularios que avisan de un formulario enviado correctamente, y qué contiene cookiemark_form_id en cada una:
| Herramienta de formularios | cookiemark_form_plugin | cookiemark_form_id |
|---|---|---|
| Contact Form 7 | contact-form-7 | El ID del formulario |
| WPForms | wpforms | El ID del formulario |
| Gravity Forms (formularios AJAX) | gravity-forms | El ID del formulario |
| Formularios de Elementor Pro | elementor | El ID del widget de formulario |
| Fluent Forms | fluent-forms | El ID del formulario |
| Ninja Forms | ninja-forms | El ID del formulario |
| Formidable Forms | formidable | El ID del formulario |
| Forminator | forminator | El ID del formulario |
| Formularios de Breakdance | breakdance | El ID del formulario |
| Formularios de Bricks | bricks | El ID del elemento de Bricks |
| Formularios de Kadence Blocks | kadence | El ID del bloque |
| Formularios de Spectra | spectra | El ID del bloque |
| Formularios de Otter Blocks | otter | El id del bloque de formulario |
| Everest Forms | everest-forms | El ID del formulario |
| HappyForms | happyforms | El ID del formulario |
| MetForm | metform | Vacío: MetForm no indica qué formulario es |
| Quform | quform | El ID del formulario |
| weForms | weforms | El ID del formulario |
| WS Form | ws-form | El ID del formulario |
| Formularios de Avada | avada | El ID del formulario |
| Formularios de HubSpot | hubspot | El ID del formulario |
Un formulario que carga una página nueva después de enviarse, como un formulario de Gravity Forms sin AJAX, el formulario de contacto de Divi o un formulario de Jetpack, solo envía cookiemark_form_submit. Para contar los que se han enviado correctamente, añade en Tag Manager un activador en la página de agradecimiento. En cualquier otro formulario, cookiemark_form_plugin dice form y cookiemark_form_id contiene su nombre, su id o la dirección a la que envía. Para contar un solo formulario, añade la condición de que cookiemark_form_id sea igual a su ID.
Los eventos nunca contienen lo que ha escrito el visitante. Cualquier etiqueta del contenedor puede leer un nombre o una dirección de correo que esté en la capa de datos, también antes de que el visitante haya elegido.
La plantilla
Elige la plantilla si quieres que sea Tag Manager, y no el script de Cookiemark, quien fije los valores predeterminados de Consent Mode. Cookiemark sigue mostrando el banner, guardando la elección y enviando los eventos. Solo los valores predeterminados y los updates pasan a tu contenedor.
- Descarga la plantilla. El archivo es
cookiemark-consent-mode.tpl. - En Tag Manager, abre Plantillas y pulsa Nueva en Plantillas de etiquetas. Abre el menú de arriba a la derecha, elige Importar, selecciona el archivo y guarda.
- Crea una etiqueta del tipo Cookiemark - Consent Mode y actívala con Inicialización del consentimiento - Todas las páginas.
- En Cookiemark, abre el sitio, luego Google y GTM, y desactiva Google Consent Mode. Si no, los valores predeterminados se fijan dos veces.
- En Cookies, desactiva el servicio Google Tag Manager, para que el contenedor pueda cargarse antes de la elección.
Prueba primero la importación en un contenedor de prueba. No cuesta nada, y una importación puede comportarse de otra forma en tu cuenta.
| Campo | Valor predeterminado | Qué introducir |
|---|---|---|
| Consent cookie name | cookiemark_consent | Déjalo como está. |
| Consent version | 1 | El mismo número que la versión de consentimiento de tu sitio, que aparece en Ajustes, Volver a preguntar a todos. |
| Category per consent type | La correspondencia estándar | Qué categoría concede cada señal de Google. |
| Wait for update | 500 | Milisegundos que las etiquetas de Google esperan un update. |
| Regions | Vacío | Déjalo vacío para denegar en todas partes, o introduce los países donde muestras el banner. |
| Ads data redaction and URL passthrough | Activado y desactivado | Igual que los ajustes del mismo nombre en Cookiemark. |
La etiqueta pone todas las señales en denegado, salvo security_storage. Después lee la cookie cookiemark_consent y envía una elección guardada como update antes de que se activen las demás etiquetas. Para las elecciones posteriores se añade a window.cookiemarkListeners, y Cookiemark la llama después de cada elección.
Cargar Cookiemark desde Tag Manager
Algunos sitios solo te dejan añadir cosas a través de Tag Manager, no en el head de la página. En ese caso, la plantilla también puede cargar Cookiemark: activa Also load the Cookiemark script from this tag e introduce la clave del sitio, la parte entre /s/ y .js de la línea de la pestaña Instalación. La etiqueta fija primero los valores predeterminados y carga el script justo después, en la Inicialización del consentimiento.
Hazlo solo cuando no sea posible poner la línea en el head. Si se carga desde Tag Manager, Cookiemark arranca más tarde y no puede retener los scripts que están en el propio HTML de la página, como un píxel pegado en el tema. Solo las etiquetas de este contenedor esperan al consentimiento, mediante las comprobaciones de consentimiento y los activadores de arriba. El banner, la elección guardada, el registro de consentimientos y los eventos funcionan con normalidad.
Qué asumes con la plantilla
- La versión de consentimiento está en dos sitios. Cuando vuelvas a preguntar a todos en Cookiemark, sube también el número en la etiqueta. Hasta que lo hagas, la etiqueta ignora las elecciones guardadas.
- La correspondencia entre categorías y señales también está en dos sitios. La etiqueta usa la suya.
- Las pruebas de la plantilla están en Pruebas, en el editor de plantillas, si quieres ver cómo se comporta.
Deja que Cookiemark corrija tu contenedor
En lugar de revisar cada etiqueta a mano, puedes conectar la cuenta de Google que gestiona tu contenedor. Cookiemark comprueba cada etiqueta de la versión publicada y solo te muestra lo que está mal. Ves cada cambio antes de que se publique nada. La corrección se incluye con los sitios de pago; la comprobación está disponible en todos los planes.
- Abre el sitio, luego Google y GTM, y pulsa Conectar Google. Puede hacerlo un propietario o un administrador, aquí o en Ajustes, Integraciones. Solo pedimos acceso a Tag Manager, y puedes desconectarlo cuando quieras.
- Cookiemark se abre con el contenedor que encontró tu análisis, o con el que elegiste antes. Para escoger otro, pulsa Elegir otro contenedor y selecciona la cuenta de Tag Manager y el contenedor. En las dos listas se puede buscar.
- En Consentimiento en Google Tag Manager ves cada etiqueta que se ejecuta sin esperar al consentimiento, qué hace ahora y a qué esperaría después de la corrección.
- Pulsa Preparar la corrección en un espacio de trabajo. Cookiemark pone los cambios en un espacio de trabajo nuevo de Tag Manager, con la fecha y la hora como nombre. Todavía no hay nada publicado: abre Previsualizar en Tag Manager para verlo, o pruébalo en tu sitio con la vista previa del propio Tag Manager.
- Pulsa Publicar. Cookiemark publica una nueva versión del contenedor y lanza un análisis rápido para comprobar el resultado. Para deshacerlo, publica la versión anterior en Tag Manager. O pulsa Descartar y el espacio de trabajo se elimina sin que cambie nada.
Qué cambia la corrección:
- Las etiquetas que no son de Google, como Meta, LinkedIn, TikTok, Hotjar, Leadinfo o una etiqueta de HTML personalizado, reciben consentimiento adicional para su categoría: marketing espera a
ad_storage,ad_user_datayad_personalization, y estadísticas aanalytics_storage, según la correspondencia de esta pestaña. - Si Consent Mode arranca demasiado tarde, la corrección añade la plantilla de Cookiemark en Inicialización del consentimiento, para que se ejecute antes que cualquier otra etiqueta, y en ese mismo paso desactiva Consent Mode en el script de Cookiemark, para que los valores predeterminados no se fijen dos veces.
- Las etiquetas propias de Google no se tocan: Consent Mode ya se ocupa de ellas.
Cómo sabe Cookiemark qué es una etiqueta
Una etiqueta se reconoce por los servicios que conoce Cookiemark, por los dominios que hemos investigado para todos los clientes y por una base de datos abierta de más de 4.500 dominios de rastreadores. Una etiqueta que aún no reconocemos espera al consentimiento de marketing, la opción más estricta, así que nunca se ejecuta antes de que el visitante acepte. Si tu sitio la necesita para funcionar, por ejemplo un chat, elige Necesarias en la lista que tiene al lado antes de preparar la corrección.
Cuando cambias la categoría de una etiqueta que no reconocimos, anotamos el dominio desde el que se carga y tu elección, sin nada más sobre ti ni sobre la etiqueta. Una vez que hemos revisado esa sugerencia, Cookiemark reconoce ese dominio para todos.
Qué puedes consultar después
Cada corrección queda en Cambios en Google Tag Manager, en la misma pestaña: cuándo se publicó, como qué versión del contenedor y, para cada etiqueta, qué hacía antes y después.
Dominios de rastreadores de WhoTracks.me (CC BY 4.0) y AdGuard CompaniesDB (CC BY-SA 4.0).
Migrar un contenedor creado para Cookiebot
Un contenedor de Cookiebot suele activar sus etiquetas con eventos que llevan los nombres de Cookiebot. Activa Enviar también los nombres de eventos de Cookiebot en la pestaña Google y GTM, y Cookiemark enviará también esos nombres.
| Evento | Cookiemark lo envía |
|---|---|
cookie_consent_preferences | Junto con cookiemark_consent_preferences. |
cookie_consent_statistics | Junto con cookiemark_consent_statistics. |
cookie_consent_marketing | Junto con cookiemark_consent_marketing. |
cookie_consent_update | Después de cada elección y cuando se carga una página para un visitante con una elección guardada. |
- Apunta los nombres exactos de los eventos que escuchan los activadores de tu contenedor.
- Pausa la etiqueta de Cookiebot en el contenedor y quita el script de Cookiebot del sitio. Dos herramientas de consentimiento en una misma página se pisan entre sí.
- Añade la línea de Cookiemark y activa Enviar también los nombres de eventos de Cookiebot.
- Abre la vista previa de Tag Manager, carga el sitio en una ventana privada y acepta todo. Comprueba que llegan eventos con los nombres del paso 1 y que tus etiquetas se activan.
- Donde un nombre no coincida, cambia el activador al evento
cookiemark_consent_correspondiente.
Una variable que lee la cookie propia de Cookiebot, llamada CookieConsent, no encuentra nada, porque Cookiemark no la instala. Usa cookiemark_consent_state en su lugar. El código que consulta Cookiebot.consent.marketing necesita el ajuste Responder a la API de JavaScript de Cookiebot, que se describe en la API de JavaScript.
Cuando todos los activadores usen los nombres de Cookiemark, puedes volver a desactivar los nombres de Cookiebot.