Iubenda logo
Genera tus documentos

Documentación

Tabla de contenidos

Cómo resolver problemas comunes del servicio Privacy Controls and Cookie Solution con plugins de caché y funciones de optimización

En algunos casos, cuando el JavaScript inline de iubenda se retrasa debido a que:

  • Se carga JavaScript externo, que depende del JavaScript inline.
  • La minificación de JavaScript está activa, lo que guarda los archivos localmente.
  • Hay exclusiones por defecto.

Esto podría ocurrir específicamente cuando una característica llamada “Optimizaciones de JS” está configurada en los plugins de caché. Como por ejemplo: WP-Rocket, Autoptimize, y similares.

Dado que nuestro servicio Privacy Controls and Cookie Solution está escrito en JavaScript, si otros plugins intentan optimizarlo, a veces nuestro script se rompe. Por este motivo, debes configurar cada plugin de caché para que “ignore” nuestro script “inline”, que se refiere a la parte que el usuario pega en la etiqueta <head> cuando instala Privacy Controls and Cookie Solution o utiliza nuestro plugin.

Por ejemplo, en el caso de las exclusiones por defecto, aparece un error de JavaScript:

¿Cómo evitar el retraso en la ejecución de JavaScript con las exclusiones por defecto de iubenda?

Plugin WP-Rocket

En este caso, basta con hacer lo siguiente:

1. Excluye _iub de la función “combine” y “minification” en la configuración de WP-Rocket, para ello, añádelo en el campo de exclusión, como se muestra a continuación:

Dado que nuestro script se rompió debido a la Optimización de JS anterior, ahora tenemos que volver a añadir el script original de Privacy Controls and Cookie Solution en la sección o en nuestro plugin de WordPress todo en uno:

Nota

Si utilizas WP-Rocket a partir de la versión 3.13 y la función “Retrasar la ejecución de JavaScript” está activada, puedes excluir nuestro plugin del área “Exclusión con un clic” seleccionando nuestro plugin de esta forma:

exclude plugin one click

2. Vuelve a añadir el script original de Privacy Controls and Cookie Solution en la sección <head>:

<script type="text/javascript">
var _iub = _iub || [];
_iub.csConfiguration = {"enableCcpa":true,"countryDetection":true,"askConsentAtCookiePolicyUpdate":true,"consentOnScroll":false,"consentOnDocument":true,"ccpaAcknowledgeOnDisplay":false,"whitelabel":false,"lang":"en","siteId":1264045,"cookiePolicyId":93663998, "banner":{ "position":"bottom" }};
</script>
<script type="text/javascript" src="//cdn.iubenda.com/cs/ccpa/stub.js"></script>
<script type="text/javascript" src="//cdn.iubenda.com/cs/iubenda_cs.js" charset="UTF-8" async></script>

3. Asegúrate de que las exclusiones por defecto están en su lugar;

4. y comprueba el error en la consola de JavaScript.

Plugin Autoptimize

Este mismo problema puede ocurrir cuando se utiliza el plugin Autoptimize y se puede solucionar añadiendo únicamente el atributo data-noptimize a nuestro script inline de Privacy Controls and Cookie Solution.

Autoptimize reconoce un atributo de script, data-noptimize, que significa que el script inline no será inline, o de todas formas debería ser ignorado por Autoptimize. Muchos usuarios lo añaden en nuestro script inline de esta manera:

<script data-noptimize="true">
var _iub = _iub || [];
_iub.csConfiguration = {"enableCcpa":true,"countryDetection":true,"askConsentAtCookiePolicyUpdate":true,"consentOnScroll":false,"consentOnDocument":true,"ccpaAcknowledgeOnDisplay":false,"whitelabel":false,"lang":"en","siteId":1264045,"cookiePolicyId":93663998, "banner":{ "position":"bottom" }};
</script>
<script type="text/javascript" src="//cdn.iubenda.com/cs/ccpa/stub.js"></script>
<script type="text/javascript" src="//cdn.iubenda.com/cs/iubenda_cs.js" charset="UTF-8" async></script>

Siguiendo estos pasos, el comportamiento esperado es que no debería haber errores cuando el Retraso de Ejecución de JavaScript esté activo.

Nota

En general, considera también excluir de cada función de Optimización de JS de tu plugin de caché también nuestro archivo externo iubenda_cs.js, stub-v2.js y stub.js.

Más información