Integración del consentimiento de cookies / CMP en tu sitio web AMP
Nota: en los sitios web AMP no es posible el bloqueo automático de códigos y cookies. Por lo tanto, todos los códigos de terceros deben ajustarse (véase más abajo).
Para utilizar el CMP con un sitio web creado con AMP (https://www.ampproject.org/), es necesario seguir los siguientes pasos:
1. Añade las siguientes líneas a tu sección <head>:
<script async custom-element="amp-consent" src="https://cdn.ampproject.org/v0/amp-consent-0.1.js"></script>
<meta name="amp-consent-blocking" content="amp-ad">
2. Añade el código de la capa de consentimiento a la sección <body>. El código se encuentra en CMP > Obtener código > «Configuración para sitios web AMP». Código de ejemplo:
<amp-consent id="ConsentManager" layout="nodisplay" type="ConsentManager">
<script type="application/json">
{
"postPromptUI": "postPromptUI",
"clientConfig": {
"cdid": "...Your CMP Code-ID...",
"params": ""
}
}
</script>
<div id="postPromptUI">
<button on="tap:ConsentManager.prompt()" role="button">Manage privacy settings</button>
</div>
</amp-consent>
Ten en cuenta que AMP no es compatible con todas las funciones. A continuación se muestran algunos ejemplos de funciones que no son compatibles con AMP:
- La posición de la capa es siempre inferior / ancho completo
- No es posible el consentimiento automático mediante desplazamiento o navegación.
- El tipo de consentimiento siempre es específico del dominio
- El tamaño de la capa es fijo, por lo que los márgenes y bordes son limitados
- Una vez dado el consentimiento, AMP controla el comportamiento posterior
- El bloqueo de anuncios y el aplazamiento son limitados
Ten en cuenta que en el futuro habrá una actualización del marco AMP, lo que permitirá que AMP cuente con más funciones.
Bloqueo de códigos si no se da el consentimiento
AMP (todavía) no admite el bloqueo de proveedores específicos mediante la cadena de consentimiento de la IAB. Esto significa que (actualmente) solo puedes utilizar el bloqueo o desbloqueo general para AMP y no el bloqueo específico por proveedor.
Para bloquear anuncios o códigos de análisis en tu sitio web AMP si no se ha dado consentimiento, simplemente añade el atributo data-block-on-consent a tu elemento amp-ad o amp-analytics. Ejemplo:
<amp-analytics data-block-on-consent type="googleanalytics">
</amp-analytics>
Para obtener más información sobre el bloqueo, consulta también la referencia de AMP: https://amp.dev/documentation/components/amp-consent?format=websites#blocking-behaviors
Para un bloqueo más detallado, puedes utilizar el data-block-on-consent-purposes="xxx" , donde xxx es el ID del propósito que debe aceptarse. Ejemplo:
<amp-pixel data-block-on-consent-purposes="c52"></amp-pixel>
Problemas conocidos con AMP
Se ha superado el límite de almacenamiento
Para las páginas alojadas en los servidores AMP (por ejemplo, news.google.com o ampproject.org), el límite máximo de almacenamiento actual para la información de consentimiento es de 1200 caracteres. Esto incluye la cadena IAB TCF, la información de consentimiento adicional de Google y algunos datos más. Si el conjunto de datos supera el límite, no se almacena ningún dato. Por lo tanto, el visitante aparecerá como un nuevo visitante en las siguientes impresiones de página y se le volverá a preguntar (una y otra vez…).
Para evitarlo, asegúrate de limitar el número de proveedores en tu lista de proveedores.
La URL de la política de privacidad no funciona
Si añades una URL «dinámica» en la configuración de tu CMP, por ejemplo, «/path/to/url.com», y esperas que se convierta
en «https://your-domain/path/to/url.com», esto no funcionará en las páginas AMP. Tendrías que establecer configuraciones personalizadas del lado del cliente (p. ej., window.cmp_privacyurl = «https://www….») y sobrescribir la URL de la política. Consulte aquí:
https://help.consentmanager.net/link/101#bkmrk-in-order-to-override