Configuración avanzada

Script de Lawwwing con async

Si deseas cargar el script de Lawwwing de manera asíncrona y diferida, puedes hacerlo añadiendo el atributo async al script. Esto permite que el script se cargue sin bloquear la carga de tu sitio web.

<!-- Lawwwing plugin for https://your-web.com -->
<script async src="https://cdn.lawwwing.com/widgets/current/<your-client-id>/cookie-widget.min.js" type="text/javascript" data-lwid="<your-client-id>"></script>

aviso

Este código es únicamente un ejemplo; encontrarás el tuyo dentro de tu panel de control.

Cargar el script de forma asíncrona puede ser útil para optimizar el rendimiento de tu sitio. Sin embargo, ten en cuenta que esto afecta cómo y cuándo se ejecuta el script, lo que podría influir en su comportamiento en tu web.

async y Google Consent Mode

Si estás utilizando Google Consent Mode, es importante considerar que al cargar el script de Lawwwing de forma asíncrona, este no se cargará hasta que el resto de tu sitio web se haya completado.

Por lo tanto, si usas Google Consent Mode, es posible que necesites especificar los ajustes predeterminados de consentimiento. Puedes encontrar más información sobre cómo hacerlo en la sección:

• Configurar ajustes predeterminados de la documentación de Google Consent Mode.

Eventos personalizados

El script Lawwwing carga y construye un objeto JavaScript del lado del cliente que expone las siguientes eventos personalizados:

lawwwing:consent:ready

Evento que se activa cuando el consentimiento del usuario está listo, ya sea por haber sido enviado o cargado desde una cookie existente. Escucha este evento si necesitas recuperar el consentimiento del usuario y ejecutar scripts adicionales tan pronto como sea posible según los valores de consentimiento.

El evento devuelve un objeto CustomEvent con la propiedad detail que contiene el objeto consent con los valores de consentimiento del usuario.

Propiedad	Tipo	Descripción	Valores
consent.technical	boolean	Valor de consentimiento para la categoría técnica.	true o false
consent.preferences	boolean	Valor de consentimiento para las preferencias.	true o false
consent.marketing	boolean	Valor de consentimiento para el marketing.	true o false
consent.analytics	boolean	Valor de consentimiento para las analíticas.	true o false

Ejemplo de uso

document.addEventListener('lawwwing:consent:ready', function(event) {
  if (event.detail.consent.marketing) {
    // Ejecutar scripts adicionales con la categoría de marketing permitida
  }
});

tip

Estas configuraciones avanzadas pueden ser útiles para optimizar el rendimiento de tu sitio web y personalizar la experiencia del usuario. Si tienes alguna pregunta o necesitas ayuda, no dudes en contactar con nuestro equipo de soporte.