Vamos a ver un vídeo sobre cómo configuramos los códigos de seguimiento o píxeles de seguimiento que hay que utilizar en las redes sociales a través de Google Tag Manager. Esto nos ayuda a medir lo que ocurre en nuestras campañas publicitarias y posicionamiento en buscadores SEO.
En este caso lo vemos en una página hecha con Prestashop 1.6. Os pongo el vídeo y a continuación la transcripción del mismo para aquellos que prefieran leer.
La verdad es que es una forma muy cómoda de hacerlo porque nos permite meter todos los códigos en un solo sitio y no tenemos que andar accediendo al código fuente de nuestra página cada vez que queremos incluir un nuevo código de seguimiento o pixel de este tipo.
El ejemplo muestra la página Canariasexclusive.com es un e-commerce experiencias hecho en Prestashop 1.6.
Vamos a Google Tag Manager, allí lo que tenemos son cuentas y contenedores. Una cuenta está asociada una persona, marca o proyecto, dentro de la cual podemos agregar contenedores.
Tras los pasos de creación de una cuenta y un contenedor, Google Tag Manager te dice que instales el código de seguimiento similar al de Google Analytics, del cual se nos indica que lo pongamos en el Head de las páginas y otro trozo de código la etiqueta body.
Estos códigos deben estar en todas las páginas del sitio y por lo tanto en el caso de esta tienda, que se trata de un Prestashop, tenemos que saber que hay un archivo en las plantillas dónde si incluimos ese código en el head, va a aparecer en todas las páginas
Podrías hacerlo mediante FTP o también podemos hacerlo directamente en los ficheros del panel de administración de tu hosting.
Concretamente hay una carpeta que es temas, en la carpeta temas tenemos que localizar el tema activo y dentro de esta carpeta del tema que estamos usando, tenemos este archivo header.TPL, el cual debemos editar para insertar el código de Google Tag Manager.Que en realidad son dos, uno que se debe insertar al final del head y tro al principio del body.
Además, en el caso de Pestashop, tenemos que agregar la etiqueta de literal antes y después de la etiqueta script en el código que nos suministran. veamos un ejemplo. Si esta es la estructura de cualquiera de los códigos que nos dan:
<!– comentario de apertura–><script>…</script><!– comentario de cierre–>debemos agregar las eiquetas de apertura y cierre del literal antes y después del script, quedando así:
<!– comentario de apertura–>{literal}<script>…</script>{/literal}<!– comentario de cierre–>Una vez guardado el documento, para saber que no hemos roto nada simplemente actualizaríamos la página en cuestión. Si carga correctamente es que todo está ok, aunque no verás cambios. Google tag manager de momento no sirve para nada. Luego vamos a poder gestionar etiquetas. Y como etiquetas podemos incluirpor ejemplo, el código de seguimiento de Google Analytics o los píxeles de conversión de Facebook o Twitter, que veremos en el próximo capítulo.
Gracias por el dato de la etiqueta LITERAL, ha sido de gran ayuda!!