Etiquetas Sibbo <script> personalizadas

Puedes utilizar etiquetas Sibbo <script> para cargar selectivamente etiquetas JavaScript u otros elementos HTML en su página web.

Debes ejecutar el código de este archivo: https://cmp.sibbo.net/v2.2/custom-sibbo-script-tags.js después de cargar el archivo principal de Sibbo CMP y después de cargar el archivo de configuración de Sibbo CMP. Consulta la Guía técnica para la implementación del CMP.
Por favor, copia el código e inclúyelo en tu página web/aplicación, o copia el archivo y guárdalo en tu servidor y cárgalo en tu página web/aplicación.

Con este enfoque, sustituye tus etiquetas <script type="text/javascript"> o cualquier elemento HTML <script type="sibbo/javascript"> or <script type="sibbo/html"> e incorpora data-* atributos que determinan cuándo se deben cargar las etiquetas en función del consentimiento otorgado a los vendors y/o propósitos. Una vez que el CMP de Sibbo se carga en una página o cuando el usuario da su consentimiento, las etiquetas serán examinadas y sustituidas de acuerdo con el siguiente proceso:

Etiqueta Sibbo personalizada	Reemplazo
<script type="sibbo/javascript">...</script>	<script type="text/javascript">...</script>
<script type="sibbo/html">...</script>	<div>...</div>

Durante el proceso de reemplazo, Sibbo CMP conserva todos los atributos originales (incluidos los atributos data-*) y el contenido de las etiquetas <script type="sibbo/javascript"> <script type="sibbo/html">, eliminando la necesidad de cualquier modificación adicional además del propio elemento HTML.

Vendor consent

El atributo de data-vendor permite la inclusión de un único vendor ID y carga una etiqueta de forma selectiva cuando el usuario da su consentimiento tanto para el vendor como para todos los propósitos asociados a él. El atributo data-vendor-raw, por otro lado, acepta un solo vendor ID y carga condicionalmente una etiqueta cuando el usuario otorga su consentimiento solo para el vendor, sin considerar sus propósitos asociados.

Es importante tener en cuenta que obtener el consentimiento para propósitos basados en "Interés legítimo" no es obligatorio antes de cargar una etiqueta para un vendor. Consulte la sección Purpose consent para obtener el consentimiento necesario para propósitos específicos, independientemente de la configuración legal del vendor.

Ejemplo de etiqueta JavaScript de la etiqueta de Google Analytics

Si tu código original es el siguiente:

<script type="text/javascript">
(function(i,s,o,g,r,a,m){i['GoogleAnalyticsObject']=r;i[r]=i[r]||function(){
(i[r].q=i[r].q||[]).push(arguments)},i[r].l=1*new Date();a=s.createElement(o),
m=s.getElementsByTagName(o)[0];a.async=1;a.src=g;m.parentNode.insertBefore(a,m)
})(window,document,'script','https://www.google-analytics.com/analytics.js','ga');
ga('create', 'UA-XXXXX-Y', 'auto');
ga('send', 'pageview');
</script>

Debes reescribirlo del siguiente modo:

<script type="sibbo/javascript" data-vendor="iab:76">
(function(i,s,o,g,r,a,m){i['GoogleAnalyticsObject']=r;i[r]=i[r]||function(){
(i[r].q=i[r].q||[]).push(arguments)},i[r].l=1*new Date();a=s.createElement(o),
m=s.getElementsByTagName(o)[0];a.async=1;a.src=g;m.parentNode.insertBefore(a,m)
})(window,document,'script','https://www.google-analytics.com/analytics.js','ga');
ga('create', 'UA-XXXXX-Y', 'auto');
ga('send', 'pageview');
</script>

La carga de la etiqueta de Google Analytics en la página depende de que el usuario otorgue su consentimiento específicamente al vendor Google y a todos sus propósitos asociados.

Los vendor ID enumerados para los atributos "data-vendor" y "data-vendor-raw" pueden tener uno de los siguientes formatos:

Para un vendor incluido en la lista global de vendors de IAB, debes poner delante el vendor ID con "iab:". Por ejemplo, si el ID es 1, debe especificarse como "iab:1".
Para un custom vendor que no forma parte de la lista de IAB y que has configurado, hay que poner "c:" delante del vendor ID.

En resumen, los vendors ID (y los valores correspondientes para los atributos "data-vendor" y "data-vendor-raw") pueden tener los siguientes formatos:

iab: [Vendor ID de la lista global de vendor de IAB]
c: [Custom vendor ID configurato por ti] Los valores posibles son: google, facebook, twitter, chartbeat, adobe-analytics, bluekai, conviva, omniture, iabSpain, matomo

Ejemplo de elemento HTML de botón "Me gusta" de Facebook

Si tu código original es el siguiente:

<div id="fb-root"></div>
<script async defer crossorigin="anonymous" src="https://connect.facebook.net/en_US/sdk.js#xfbml=1&version=v3.0"></script>
<div class="fb-like" data-href="https://www.your-domain.com/your-page.html" data-layout="standard" data-action="like" data-show-faces="true">

Debes reescribirlo del siguiente modo:

<script type="sibbo/javascript" data-vendor="c:facebook" async defer crossorigin="anonymous" src="https://connect.facebook.net/en_US/sdk.js#xfbml=1&version=v3.0"></script>
<script type="sibbo/html" data-vendor="c:facebook">
<div id="fb-root"></div>
<div class="fb-like" data-href="https://www.your-domain.com/your-page.html" data-layout="standard" data-action="like" data-show-faces="true">
</script>

De manera similar, el botón de "Me gusta" de Facebook se incluye en la página solo si el usuario otorga su consentimiento específicamente al vendor Facebook y a todos sus propósitos asociados.

No es posible utilizar etiquetas personalizadas de Sibbo directamente a través de Google Tag Manager (GTM). Esta limitación surge porque GTM elimina los atributos personalizados data-* de la etiqueta cuando los incorpora a la página. En consecuencia, no puedes incluir etiquetas personalizadas de Sibbo <script> dentro de GTM.

Purpose consent

El atributo "data-purposes" te permite proporcionar una lista de los ID de los propósitos separados por comas. Permite la carga condicional de una etiqueta cuando el usuario otorga su consentimiento para todos los propósitos especificados. Sin embargo, se recomienda utilizar el atributo "data-vendor" como el método principal para cargar selectivamente una etiqueta. Este atributo requiere el consentimiento tanto para el vendor específico como para sus propósitos asociados.

Si se desea, el atributo "data-purposes" se puede combinar con "data-vendor" para garantizar el consentimiento para propósitos específicos además de los propósitos asociados del vendor. Esta combinación puede ser necesaria si el proveedor ha elegido "interés legítimo" como base legal para uno o más propósitos, o si un propósito no está directamente asociado con el vendor.

Ejemplo de etiqueta JavaScript de la etiqueta de Google Analytics

Si tu código original es el siguiente:

<script type="text/javascript">
(function(i,s,o,g,r,a,m){i['GoogleAnalyticsObject']=r;i[r]=i[r]||function(){
(i[r].q=i[r].q||[]).push(arguments)},i[r].l=1*new Date();a=s.createElement(o),
m=s.getElementsByTagName(o)[0];a.async=1;a.src=g;m.parentNode.insertBefore(a,m)
})(window,document,'script','https://www.google-analytics.com/analytics.js','ga');
ga('create', 'UA-XXXXX-Y', 'auto');
ga('send', 'pageview');
</script>

Debes reescribirlo del siguiente modo:

<script type="sibbo/javascript" data-vendor="iab:76" data-purposes="1,3,7">
(function(i,s,o,g,r,a,m){i['GoogleAnalyticsObject']=r;i[r]=i[r]||function(){
(i[r].q=i[r].q||[]).push(arguments)},i[r].l=1*new Date();a=s.createElement(o),
m=s.getElementsByTagName(o)[0];a.async=1;a.src=g;m.parentNode.insertBefore(a,m)
})(window,document,'script','https://www.google-analytics.com/analytics.js','ga');
ga('create', 'UA-XXXXX-Y', 'auto');
ga('send', 'pageview');
</script>

En el caso de la etiqueta de Google Analytics, se carga en la página cuando el usuario otorga su consentimiento al vendor Google y a sus propósitos obligatorios, así como a los propósitos 1, 3 y 7.

Ejemplo de elemento HTML del botón de "Me gusta" de Facebook

Si tu código original es el siguiente:

<div id="fb-root"></div>
<script async defer crossorigin="anonymous" src="https://connect.facebook.net/en_US/sdk.js#xfbml=1&version=v3.0"></script>
<div class="fb-like" data-href="https://www.your-domain.com/your-page.html" data-layout="standard" data-action="like" data-show-faces="true">

Debes reescribirlo de la siguiente manera:

<script type="sibbo/javascript" data-vendor="c:facebook" data-purposes="1,3,7" async defer crossorigin="anonymous" src="https://connect.facebook.net/en_US/sdk.js#xfbml=1&version=v3.0"></script>
<script type="sibbo/html" data-vendor="c:facebook">
<div id="fb-root"></div>
<div class="fb-like" data-href="https://www.your-domain.com/your-page.html" data-layout="standard" data-action="like" data-show-faces="true">
</script>

De manera similar, el botón de "Me gusta" de Facebook se carga en la página solo si el usuario otorga su consentimiento al proveedor Facebook, a todos sus propósitos obligatorios, así como a los propósitos 1, 3 y 7.