Saltar al contenido

Recopilar consentimientos con scripts personalizados

Descubre cómo configurar correctamente la recogida de consentimientos de cookies si no usas Google Tag Manager.

Última actualización
18 de febrero de 2025

Bloquear la llamada al script

Para evitar que el script de Google Analytics se ejecute al cargar la página antes de que el usuario haya dado el consentimiento correspondiente:

  • Accede a la configuración de tu sitio web y localiza el script de Google Analytics.
  • Cambia el parámetro type a text/plain.
  • Añade el atributo data-easycookie-{type} que corresponda al tipo de consentimiento requerido.

Tipos de consentimiento disponibles:

  • data-easycookie-aduser
  • data-easycookie-adpersonalization
  • data-easycookie-analytics
  • data-easycookie-functionality
  • data-easycookie-personalization
  • data-easycookie-security

Mira cómo modificar tu script con el ejemplo siguiente.

Script original:

Script modificado:

El script de Easycookie funciona de forma sencilla. Una vez que se da el consentimiento para un tipo concreto de cookie, los scripts de ese tipo vuelven automáticamente al type=text/javascript correcto. Esto hace que se ejecuten en cuanto se otorga el consentimiento.

Ejecución asíncrona de scripts

Un posible problema con este tipo de scripts es que se activan mediante un evento del DOM, p. ej., DOMContentLoaded. Cuando ese evento ocurre, puede que los scripts aún no estén disponibles, ya que siguen bloqueados por Easycookie. El ejemplo más habitual de este escenario asíncrono es el píxel de Meta.

En esta situación, recomendamos integrar el script a través de GTM. Sin embargo, si optas por la configuración manual, sigue estos pasos:

  • Elimina la etiqueta noscript.

  • Utiliza los eventos disponibles en la Consent API de Meta:

    fbq(‘consent’, ‘revoke’); // Retira el permiso para las cookies fbq(‘consent’, ‘grant’); // Concede el permiso para las cookies

Ejemplo del código del píxel sin modificar:

Código transformado:

Esto garantiza que, al cargar la página, el consentimiento para las cookies se deniegue inicialmente. Después, escucha el evento easycookieUpdateConsent activado por Easycookie, que envía e.detail, y solo entonces concede el consentimiento según el tipo: ad, aduser, adpersonalization, analytics, personalization, security.

¿No encontraste lo que buscabas? Contáctanos