Info
Contenido

¿Cómo bloquear códigos y cookies de terceros si no se da el consentimiento?

Bloqueo automático versus manual

ConsentManager ofrece manual y Bloqueo automático de códigos y cookies. A pesar de que el bloqueo automático es más fácil de instalar, por razones de cumplimiento recomendamos utilizar el bloqueo manual!

Aquí hay una comparación de los dos métodos de bloqueo:

Bloqueo automático

  • Fáciles de instalar, solo un código en el
  • Puede causar problemas con cumplimiento
  • Se ejecuta sincrónicamente, la velocidad del sitio web es más lenta
  • Puede causar problemas con características normales del sitio web (p. ej., bloqueo de los scripts incorrectos)

Puedes leer más sobre la Bloqueo automático de códigos y cookies aquí.

Bloqueo manual

  • Difícil de instalar, todos los scripts / iframes deben ajustarse
  • Muy seguro / conforme si está instalado correctamente
  • Se ejecuta de forma asincrónica., la velocidad del sitio web no se ve afectada
  • Es poco probable que cause problemas con características normales del sitio web (p. ej., solo bloquea los scripts que seleccione para bloquear)

¡Recomendamos usar el bloqueo manual para evitar problemas de cumplimiento!

Bloqueo manual de códigos y cookies

El CMP puede posponer la carga de anuncios en su sitio web hasta que se dé su consentimiento. Para habilitar esta función, debe cambiar los códigos creativos existentes en su sitio web.

Tenga en cuenta que el bloqueo / carga pospuesta solo funciona con códigos de secuencia de comandos asincrónicos y códigos Iframe y no con códigos de secuencia de comandos síncronos.

Códigos de iframe

Si desea posponer un código de iframe, siga estos pasos:

  1. Cambie el src="…" atributo del iframe para data-cmp-src="…"
  2. Agregar una nueva src="about:blank" atribuir al iframe
  3. Si un class="…" existe, agregar cmplazyload al valor Si la clase no existe, agregue el atributo, incluido el valor class="cmplazyload"
  4. Agregar un nuevo atributo data-cmp-vendor="x" y/o data-cmp-purpose="x" para activar el código solo si se otorga el consentimiento para este proveedor y el propósito. Ver información a continuación.

Código de ejemplo antes del cambio:

<iframe width="300" height="250" noresize="noresize" scrolling="no" 
        frameborder="0" marginheight="0" marginwidth="0"
        src="http://adserver.de/?x=1&y=2"
        ALLOWTRANSPARENCY="true"></iframe>

Código de ejemplo después del cambio:

<iframe width="300" height="250" noresize="noresize" scrolling="no"        
        frameborder="0" marginheight="0" marginwidth="0"        
        class="cmplazyload"        
        src="about:blank"     
        data-cmp-vendor="123"
        data-cmp-src="http://adserver.de/?x=1&y=2"        
        ALLOWTRANSPARENCY="true"></iframe>

Códigos de script asíncronos

Si desea posponer la carga de un asíncrono. Código de script, siga estos pasos:

  1. Si un src="..." existe, cambia el src="…" atributo de la secuencia de comandos para data-cmp-src="…"
  2. Si un type="..." existe, cambie su valor a text/plain, de lo contrario, agregue el atributo con este valor type="text/plain".
  3. Si un class="…" existe, agregar cmplazyload al valor Si la clase no existe, agregue el atributo, incluido el valor class="cmplazyload"
  4. Agregar un nuevo atributo data-cmp-vendor="x" y/o data-cmp-purpose="x" para activar el código solo si se otorga el consentimiento para este proveedor y el propósito. Ver información a continuación.

Código de ejemplo 1 antes del cambio:

<script async
        type="text/javascript"
        src="https://adserver.de/banner.php"></script>

Código de ejemplo 1 después del cambio:

<script async 
        type="text/plain"
        data-cmp-src="https://adserver.de/banner.php"
        class="cmplazyload"
        data-cmp-vendor="123" 
        ></script>

Código de ejemplo 2 antes del cambio:

<script type="text/javascript">
  console.log("do something here");
</script>

Código de ejemplo 2 después del cambio:

<script type="text/plain" class="cmplazyload" data-cmp-vendor="123">
  console.log("do something here");
</script>

Bloqueo de otros elementos de la página

El mecanismo de bloqueo descrito anteriormente se puede utilizar básicamente con todos los elementos HTML que cargan datos de terceros:

  • imagen
  • video
  • fuente
  • objeto
  • incrustar
  • enlace (Nota: use data-cmp-href en lugar de data-cmp-src)

Atributos adicionales

Los siguientes atributos adicionales se pueden agregar a los códigos de script / iframe para alinear aún más la entrega con ciertos resultados de consentimiento:

atributo

Descripción

data-cmp-hide="1"

si está presente, CMP ocultará el iframe si no se da el consentimiento y mostrará el iframe si se da el consentimiento

data-cmp-vendor="xxx"

CMP solo activará este script / iframe si el consentimiento del proveedor xxx es dado. Se pueden combinar varios proveedores usando una coma, por ejemplo data-cmp-vendor="xxx,yyy,zzz"

También puede contener valor * para señalar que todos los vendedores aplican.

data-cmp-purpose="xxx"

CMP solo activará este script / iframe si el consentimiento para el propósito xxx es dado. Se pueden combinar múltiples propósitos usando una coma, p. Ej. data-cmp-purpose="xxx,yyy,zzz"

También puede contener valor * con el fin de señalar que todos los efectos se aplican.

data-cmp-preview="WxH"

CMP mostrará una vista previa (consulte bloqueo de contenido dinámico) elemento en esta posición. WxH necesita ser reemplazado por el ancho y la altura (por ejemplo, 300x400) de la capa de vista previa.

data-cmp-preview-connect="xxx"

Le dice al CMP que desbloquee todos los demás elementos con clase xxx una vez que este elemento se desbloquea.

data-cmp-preview-headline="..."

Le permite ajustar el texto del título de la vista previa.

data-cmp-preview-text="..."

Le permite ajustar el texto de la vista previa.

data-cmp-preview-btn="..."

Le permite ajustar el texto del botón de la vista previa.

data-cmp-preview-checkbox="..."

Le permite ajustar el texto de la casilla de verificación de la vista previa. Si se establece en una cadena vacía, la casilla de verificación no se mostrará.

data-cmp-preview-image="https://..."

Le permite ajustar la imagen de la vista previa.

data-cmp-preview-bgcolor="#000"

 

Le permite ajustar el color de fondo de la vista previa (predeterminado = negro)

data-cmp-preview-mode="0 / 1"

Establece el modo para la vista previa:

 - 0 (predeterminado): la vista previa solo se muestra si no se da el consentimiento de este proveedor

 - 1: la vista previa siempre se muestra (incluso si el proveedor tiene el consentimiento)

data-cmp-ab="1"

El CMP no usará bloqueo automático con este elemento.

data-cmp-ab="2"

El CMP no utilizará el bloqueo automático con este elemento y todos los elementos creados por este elemento.

data-cmp-block="X"

Bloquea el elemento dependiendo del valor de x:

- contentpass: Bloquea el elemento si el usuario inició sesión a través de contentpass

- purmodel: Bloquea el elemento si el usuario inició sesión a través de custo pur model

- textblocking: Bloquea el elemento si el usuario no acepta proveedores o propósitos

Nota: si data-cmp-vendor="..." y data-cmp-purpose="..." no están presentes, el sistema verificará si al menos 1 propósito fue aceptado. Si ese es el caso, el código se activará.

Puede encontrar las ID de todos los propósitos en el menú Finalidades:

Puede encontrar las ID de todos los proveedores en el menú Proveedores / Lista blanca:

 

Volver