-
Instalación y configuraciónAquí encontrará documentación sobre cómo añadir el banner a su sitio web, cómo gestionar los scripts de terceros y la configuración.
-
Información generalInformación general, pre-ventas, revendedores, etc.
-
Funciones avanzadasEn esta sección encontrará artículos sobre nuestra API Javascript y cómo utilizarla.
Artículos promovidos
-
Así que creaste una cuenta en CookieFirst y ahora estás listo para integrar el banner en tu sitio web, ¡genial!
En su cuenta seleccione el sitio web en "Sitios" -> "Configuración" para el que desea implementar el banner. Busque el botón "Su script de incrustación".
En esta página hay 3 campos de formulario.- La tecla api puede ser usada si usas Wordpress, lee más sobre eso aquí..
- El segundo campo es el fragmento de Javascript que añade el banner a tu sitio web si no usas Wordpress. Coloca este fragmento como el primer guión después de la apertura de la etiqueta <head> en tu sitio web.
- El tercer campo puede ser copiado y pegado en su página de política de privacidad. Mostrará la versión actualizada de su política de cookies.
- El último campo tiene una incrustación que te permite mostrar sólo la tabla de cookies. Esto puede ser útil para cuando tengas una gran marca de tu propia política de cookies.
-
Como sabrás, no puedes ejecutar ciertos scripts de terceros antes de que el visitante del sitio web haya dado su consentimiento activo a la categoría de Publicidad/marketing. Para cumplir con esta decisión, tendría que cambiar los scripts de seguimiento de terceros en su sitio web.
En este artículo leerá sobre qué hacer con esos scripts para que nuestro banner cumpla con todos los requisitos. Tendrá un control total sobre sus scripts y dónde se ejecutan.Esta es una característica avanzada, sólo está disponible para nuestros paquetes de pago. ¿Está en el plan gratuito? Por favor, consulte este artículo.
- Busca los guiones que se están usando en tu sitio web. Pueden ser píxeles publicitarios, scripts de chat u otras integraciones que puede utilizar para fines de marketing, estadísticas u otros. Para este ejemplo utilizo la configuración de un píxel de Facebook.
Recibirás este código de Facebook para incrustar el píxel en tu sitio web.
<!-- Facebook Pixel Code -->
<script>
!function(f,b,e,v,n,t,s)
{if(f.fbq)return;n=f.fbq=function(){n.callMethod?
n.callMethod.apply(n,arguments):n.queue.push(arguments)};
if(!f._fbq)f._fbq=n;n.push=n;n.loaded=!0;n.version='2.0';
n.queue=[];t=b.createElement(e);t.async=!0;
t.src=v;s=b.getElementsByTagName(e)[0];
s.parentNode.insertBefore(t,s)}(window,document,'script',
'https://connect.facebook.net/en_US/fbevents.js');
fbq('init', 'XXXXXXXXXXXXXX');
fbq('track', 'PageView');
</script>
<noscript>
<img height="1" width="1"
src="https://www.facebook.com/tr?id=XXXXXXXXXXXXX&ev=PageView
&noscript=1"/>
</noscript>
<!-- End Facebook Pixel Code --> - Para añadir este código compatible con GDPR a su sitio web necesitaríamos asignarlo a una categoría de cookies. En este caso el pixel de Facebook es una cookie de publicidad de terceros.
Necesitaríamos cambiar la etiqueta <script> aquí en la parte superior del código a lo siguiente:
- Para la publicidad/marketing usamos
<script type="text/plain" data-cookiefirst-category="advertising">Your script here</script>Para los guiones funcionales usamos
<script type="text/plain" data-cookiefirst-category="functional">Your script here</script>Para los guiones necesarios usamos
<script type="text/plain" data-cookiefirst-category="necessary">Your script here</script>Para los guiones de las actuaciones usamos
<script type="text/plain" data-cookiefirst-category="performance">Your script here</script>Al final nuestro script de píxeles de Facebook se verá así:
<!-- Facebook Pixel Code -->
<script type="text/plain" data-cookiefirst-category="advertising">
!function(f,b,e,v,n,t,s)
{if(f.fbq)return;n=f.fbq=function(){n.callMethod?
n.callMethod.apply(n,arguments):n.queue.push(arguments)};
if(!f._fbq)f._fbq=n;n.push=n;n.loaded=!0;n.version='2.0';
n.queue=[];t=b.createElement(e);t.async=!0;
t.src=v;s=b.getElementsByTagName(e)[0];
s.parentNode.insertBefore(t,s)}(window,document,'script',
'https://connect.facebook.net/en_US/fbevents.js');
fbq('init', 'XXXXXXXXXXXXXX');
fbq('track', 'PageView');
</script>
<noscript>
<img height="1" width="1"
src="https://www.facebook.com/tr?id=XXXXXXXXXXXXX&ev=PageView
&noscript=1"/>
</noscript>
<!-- End Facebook Pixel Code -->Para poder cumplir plenamente con las normas, tendría que cambiar los guiones apropiados de su sitio web.
- Busca los guiones que se están usando en tu sitio web. Pueden ser píxeles publicitarios, scripts de chat u otras integraciones que puede utilizar para fines de marketing, estadísticas u otros. Para este ejemplo utilizo la configuración de un píxel de Facebook.