Añadir Códigos de Cookies a GDPR
Introducción
En este artículo os vamos a enseñar cómo agregar códigos de cookies en el GDPR de ITOfunnels
Vídeo
Importante: Actualizamos una nueva funcionalidad que permite agregar scripts en sólo una landing/funnel. Puedes verlo en el paso 5 de "Introducir Códigos en el plugin GDPR".
Código de Google Analytics
-
Ir a Administrar
En el menú de la columna CUENTA, seleccione tu cuenta. En el menú de la columna PROPIEDAD, seleccione una propiedad.
-
En Propiedad
Haga clic en Información de seguimiento > Código de seguimiento
-
Copiar el Código de Google Analytics
Copia el código base pulsando sobre él y pégalo (botón derecho -> pegar) en un blog de notas.
Importante: Si estás comenzando a usar Google Analytics, sigue primero los pasos descritos en la documentación oficial pinchando aquí
Código de Google Tag Manager
Cree una cuenta o use una que ya tenga en la página tagmanager.google.com. Se crea un contenedor de forma predeterminada en las cuentas, pero se pueden crear más.
-
En Tag Manager
Haga clic en Área de trabajo.
-
ID de contenedor
Cerca de la parte superior de la ventana, busque su ID de contenedor, que tiene el formato "GTM-XXXXXX". Haga clic en su ID de contenedor para abrir el cuadro de diálogo Instalar Tag Manager.
-
Copiar Código de Google Tag
Copie y pegue los fragmentos de código en un blog de notas tal y como se indica en el cuadro de diálogo de instalación de Google Tag Manager (copia aparte la sección que va en el head de la que va en body).
Importante: Si estás comenzando a usar Google Tag, sigue primero los pasos descritos en la documentación oficial pinchando aquí
Código de Facebook Píxel
Introducir Códigos en el plugin GDPR
-
Seleccionar Cookies de terceros
Accede al plugin GDPR y selecciona Cookies de terceros en el menú lateral dentro del plugin
-
Activa y personaliza
Activa la sección al cambiar el estado a encendido, configura como activadas en estado por defecto y si lo deseas cambia el título y contenido de la pestaña a tu gusto
-
Códigos en Head (para todo es sitio)
Pega los códigos de Pixel de facebook, Google Analytics y Google tag en la pestaña head
-
Códigos en Body (Para todo el sitio)
Pega el código de Google tag en la pestaña body
-
Códigos para landings/funnels en particular
Si quieres dar un seguimiento para una página/funnel en particular debes agregar los códigos de seguimiento o los scripts en las cajas de Header scripts o Body Scripts o códigos de seguimiento (según corresponda) que hay en cada página dentro del ambiente ITOfunnel (Como se ve en la imagen). Nota importante: Si agregas el script en la página no debes colocar también el mismo código en la sección de scripts dentro del plugin GDPR, de ser así debes borrarlo de los scripts dentro del plugin GDPR
Nota: Aquí tienes el código base de Google Analytics. Recuerda cambiar G-XXXXXXXXXX por el ID correspondiente con tu propiedad.
<!-- Modelo de script de Google Analytics -->
<script async src="https://www.googletagmanager.com/gtag/js?id=G-XXXXXXXXXX"></script>
<script>
window.dataLayer = window.dataLayer || [];
function gtag(){dataLayer.push(arguments);}
gtag('js', new Date());
gtag('config', 'G-XXXXXXXXXX');
</script>Nota: Aquí tienes el código base de Google Tag. Recuerda cambiar GTM-XXXXXXX por el ID correspondiente con tu contenedor.
<!-- Modelo de script de Google Tag Manager en header -- >
<script>(function(w,d,s,l,i){w[l]=w[l]||[];w[l].push({'gtm.start':
new Date().getTime(),event:'gtm.js'});var f=d.getElementsByTagName(s)[0],
j=d.createElement(s),dl=l!='dataLayer'?'&l='+l:'';j.async=true;j.src=
'https://www.googletagmanager.com/gtm.js?id='+i+dl;f.parentNode.insertBefore(j,f);
})(window,document,'script','dataLayer','GTM-XXXXXXX');</script>
<!-- End Google Tag Manager --><!-- Modelo de script de Google Tag Manager en body -- >
<noscript><iframe src="https://www.googletagmanager.com/ns.html?id=GTM-XXXXXXX"
height="0" width="0" style="display:none;visibility:hidden"></iframe></noscript>
<!-- End Google Tag Manager (noscript) -->Nota: Aquí tienes el código base del Pixel de Facebook, junto con los eventos más comunes. Recuerda cambiar los números 0000111122223333 por el ID correspondiente con tu pixel.
Y recuerda también que si quieres poner códigos de Eventos, hacerlo en la sección BodySctipts para que se ejecuten después de haberse activado el Pixel de Facebook.
<!-- Modelo de Facebook Pixel en header -- >
<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', '0000111122223333'); fbq('track', 'PageView'); </script> <noscript><img height="1" width="1" style="display:none" src="https://www.facebook.com/tr?id=0000111122223333&ev=PageView&noscript=1" /></noscript> <!-- End Facebook Pixel Code -->
--------------------------------------------------------------
EVENTOS MÁS COMUNES
--------------------------------------------------------------
<script>
fbq('track', 'CompleteRegistration');
</script>
<script>
fbq('track', 'ViewContent');
</script>
<script>
fbq('track', 'Purchase', {value: 6.00, currency: 'USD'});
</script>
<script>
fbq('track', 'Subscribe'); </script>
<script>
fbq('track', 'AddToCart'); </script>
Hola amigos de ITOfunnel.
Según el artículo https://ayuda.itofunnels.com/docs/pixel-de-facebook/, el píxel de FB se ponía en «Header Scripts», cuando trabajamos con una landing (página suelta) y dentro de «Ajustes de la página de destino», cuando trabajamos con los pasos que componen uno de nuestros funnels. Por eso, ahora al ver este artículo y encontrarme que hay que añadir lo mismo en el plugin GDPR, me he quedado un poco confuso, ¿se tiene que poner este código en ambos sitios (cada una de las landings o páginas de nuestro funnel y dentro del plugin GDPR)? En caso afirmativo, ¿podéis explicarme por qué hay que hacerlo así?
Muchas gracias por vuestra ayuda.
Tienes que tener en cuenta tu estrategia de negocio.
Si pones aqui el Pixel, se mostrará en todas las páginas ¿eso es lo que quieres? Esa es la pregunta, porque si quieres Pixels diferentes para cada página no lo pongas aquí.
Las cosas no son blancas o negras.
Si usas tu espacio para un solo cliente te irá bien esta opción. Pero si tienes varios clientes no, tendrás que ponerlas en el funnel o la landing de cada cliente, en función de cada caso.
Un saludo,
Francisco Chobli
Muchas gracias por tu valiosa respuesta Francisco.
A ver si lo he entendido bien, en el caso actual en el que estoy, que es dedicar mi espacio de trabajo a un único cliente, lo lógico es poner el código para todas las landings que componen el sitio web y los futuros funnels que vaya creando para dicho cliente, para controlar las visitas que se van recibiendo, ¿cierto? Entonces entiendo que debería pegar el código del píxel (sin código de eventos…) en el plugin GPDR únicamente, ¿es así?
El problema es que quiero lanzar el evento «CompleteRegistration» en una página de gracias que tengo (no en todas), entonces tendría que pegar el código del píxel más el código de dicho evento únicamente en el «Header Scripts» de dicha landing, ¿cierto?
La duda es si al hacerlo así estaría permitiendo al visitante rechazar las cookies del píxel de Facebook para el caso concreto de esa página de gracias o va a lanzar el evento sí o sí, aunque previamente haya rechazado las cookies de terceros en el plugin GPDR.
Espero haberme explicado y que puedas ayudarme a terminar de aclararme.
Gracias por todo y perdón por las molestias.
Cuando rechazas las cookies de Facebook las rechazas en todas las páginas de la web. No tiene sentido que el usuario vaya rechazando página por página. La ley de cookies no lo permite y por eso el plugion no puede hacer eso.
un saludo,
Francisco Cholbi
Importante: Actualizamos una nueva funcionalidad que permite agregar scripts en sólo una landing/funnel. Puedes verlo en el paso 5 de «Introducir Códigos en el plugin GDPR».