Presentamos un nuevo código con autodetección de idioma para simplificar la integración en tu sitio web. Con esta función mejorada, disponible dentro de nuestra Privacy Controls and Cookie Solution , se detecta automáticamente el idioma del usuario, de modo que se reduce la necesidad de añadir códigos independientes para cada idioma. Te presentamos una guía completa para ayudarte a entender y aplicar esta nueva funcionalidad.
Código unificado: Ahora, sólo tienes que incrustar un fragmento en lugar de crear uno distinto para cada idioma.
Detección automática de idiomas: El fragmento elige automáticamente la lengua adecuada en función de:
Si ninguno coincide con los idiomas configurados, utiliza el primer idioma que aparezca en tu objeto _iub.csLangConfiguration
Esta es la estructura básica del nuevo código con autodetección de idioma:
<script type="text/javascript">
var _iub = _iub || [];
_iub.csLangConfiguration = {
"es": {
"cookiePolicyId": 12345 // ID de la política de cookies en español
},
"ello": {
"cookiePolicyId": 23456 // ID de la política de cookies en italiano
},
};
_iub.csConfiguration = {
"siteId": 09876, // ID de tu sitio
"cookiePolicyId": 12345, // ID de la política de cookies del idioma principal para el fallback
"storage": {
"useSiteId": true,
}
};</script>
<script type="text/javascript" src="//cdn.iubenda.com/cs/iubenda_cs.js" charset="UTF-8" async></script>
csLangConfiguration establece los identificadores de la política de cookies para cada idioma.cookiePolicyId de la csConfiguration sirve como alternativa en caso de que no se detecte ningún idioma.useSiteId en el objeto de almacenamiento significa que el consentimiento del usuario es válido en los distintos idiomas de tu sitio web.Si el fragmento de iubenda no puede encontrar una coincidencia entre el idioma del usuario y los que has definido en tu objeto _iub.csLangConfiguration (por ejemplo, si el navegador del usuario está configurado en chino pero no has configurado el chino), volverá automáticamente al idioma por defecto configurado en tu objeto _iub.csLangConfiguration .
El sistema utilizará el primer idioma que aparezca en tu objeto _iub.csLangConfiguration. Así que si quieres que se muestre un idioma concreto, como Inglés (en-GB), siempre que no haya ninguna coincidencia, asegúrate de que Inglés (en-GB) sea la primera entrada.
Si quieres que se muestre por defecto el inglés (en-GB):
_iub.csLangConfiguration = {
"es-GB": {
"cookiePolicyId":00000001 // ID de la política de cookies para English UK
},
"fr": {
"cookiePolicyId":00000002 // ID de la política de cookies en francés
},
"ello": {
"cookiePolicyId":00000003 // ID de la política de cookies en italiano
}
// ... otras lenguas
};De esta forma, tú decides lo que ven los usuarios cuando su idioma no está disponible.
Cuando la configuración remota está desactivada, el fragmento depende totalmente de los parámetros proporcionados en el objeto _iub.csConfiguration. La estructura es similar a la de la versión con configuración remota, pero especifica explícitamente todas las configuraciones, incluidos los ajustes del banner, las opciones de idioma, el almacenamiento y los consentimientos dentro del código.
El nuevo fragmento te permite personalizar el banner de consentimiento para cada idioma utilizando el objeto csLangConfiguration. Esto significa que puedes personalizar el aspecto y el comportamiento del banner en función del idioma del usuario. Presentamos a continuación algunas personalizaciones habituales.
Supón que quieres que el banner de consentimiento tenga un color diferente para cada idioma, a fin de dar a tu sitio un aspecto personalizado y específico en cada caso. En este ejemplo, el banner se vuelve rojo para los usuarios que ven el sitio en italiano:
<script type="text/javascript">
var _iub = _iub || [];
_iub.csLangConfiguration = {
"es": {
"cookiePolicyId": 12345
},
"ello": {
"cookiePolicyId": 23456,
"banner": {
"backgroundColor": "#FF0000"
}
},
};
_iub.csConfiguration = {
"siteId": 09876,
"cookiePolicyId": 12345,
"storage": {
"useSiteId": true,
}
};</script>
<script type="text/javascript" src="//cdn.iubenda.com/cs/iubenda_cs.js" charset="UTF-8" async></script>
En algunos países, como en Dinamarca, se exige que las opciones de consentimiento específicas sean visibles para los usuarios. Puedes configurar estas opciones para que solo aparezcan cuando el idioma del usuario coincida con un requisito concreto:
<script type="text/javascript">
var _iub = _iub || [];
_iub.csLangConfiguration = {
"da": {
"cookiePolicyId": 7896,
"banner": {
"showPurposesToggles": true
}
},
};
_iub.csConfiguration = {
"siteId": 09876,
"cookiePolicyId": 12345,
"storage": {
"useSiteId": true,
}
};</script>
<script type="text/javascript" src="//cdn.iubenda.com/cs/iubenda_cs.js" charset="UTF-8" async></script>
Por defecto, el nuevo fragmento utiliza el almacenamiento a nivel de sitio(useSiteId: true), lo que significa que el consentimiento del usuario se reconocerá en los distintos idiomas de tu sitio web. Lo anterior es especialmente útil para los sitios web con presencia mundial, ya que evita que los usuarios tengan que dar su consentimiento cada vez que cambian de idioma.
Sin embargo, también puedes ajustar este comportamiento dentro del Configurador, en los ajustes avanzados:
Si prefieres utilizar el método anterior de usar códigos independientes para cada idioma (como en la configuración antigua), puedes seguir haciéndolo. Esta manera de proceder puede ser útil si quieres tener un control total sobre la configuración de cada idioma o si la estructura de tu sitio web precisa de códigos independientes. Te presentamos cómo puedes crear códigos independientes para cada idioma:
_iub.csConfiguration."lang ” de cada fragmento.cookiePolicyId específico del idioma en cada objeto _iub.csConfiguration.iubenda_cs.js para cada fragmento.He aquí cómo estructurar los fragmentos tanto para el inglés(en) como para el italiano(it):
Inglés:
<script type="text/javascript">
var _iub = _iub || [];
_iub.csConfiguration = {
"cookiePolicyId": 12345, // ID de la política de cookies de reserva
"siteId": 09876, // ID del sitio
"lang": "en",
"storage": {
"useSiteId": true,
}
};</script>
<script type="text/javascript" src="//cdn.iubenda.com/cs/iubenda_cs.js" charset="UTF-8" async></script>
Italiano
<script type="text/javascript">
var _iub = _iub || [];
_iub.csConfiguration = {
"cookiePolicyId": 23456, // ID de la política de cookies de reserva
"siteId": 09876, // ID del sitio
"lang":"it",
"storage": {
"useSiteId": true,
}
};</script>
<script type="text/javascript" src="//cdn.iubenda.com/cs/iubenda_cs.js" charset="UTF-8" async></script>
En Google Tag Manager (GTM), hemos añadido una nueva sección para configurar los ajustes específicos del idioma. Esta función opcional te permite gestionar diferentes configuraciones directamente a través de GTM. Para más detalles, consulta la guía sobre cómo configurar la plantilla de GTM de iubenda para sitios multilingües
