Advanced Configuration

Script de Lawwwing con async

If you want to load the Lawwwing script asynchronously and deferred, you can do so by adding the async attribute to the script. This allows the script to load without blocking your website's loading.

<!-- Lawwwing plugin for https://your-website.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>

warning

This code is just an example; you will find yours inside your control panel.

Loading the script asynchronously can be useful for optimizing your site's performance. However, keep in mind that this affects how and when the script is executed, which could influence its behavior on your website.

async and Google Consent Mode

If you are using Google Consent Mode, it is important to note that when loading the Lawwwing script asynchronously, it will not load until the rest of your website has finished loading.

Therefore, if you are using Google Consent Mode, you may need to specify default consent settings. You can find more information on how to do this in the section:

• Set Default Settings in the Google Consent Mode documentation.

Custom Events

The Lawwwing script loads and constructs a client-side JavaScript object that exposes the following custom events:

lawwwing:consent:ready

Event triggered when the user's consent is ready, either when submitted or loaded from an existing cookie. Listen to this event if you need to retrieve the user's consent and run additional scripts as soon as possible based on the consent values.

The event returns a CustomEvent object with the detail property containing the consent object with the user's consent values.

Property	Type	Description	Values
consent.technical	boolean	Consent value for technical category.	true or false
consent.preferences	boolean	Consent value for preferences.	true or false
consent.marketing	boolean	Consent value for marketing.	true or false
consent.analytics	boolean	Consent value for analytics.	true or false

Example of Use

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

tip

These advanced settings can be useful for optimizing your website's performance and customizing the user experience. If you have any questions or need assistance, feel free to contact our support team.