4 pasos para integrar Google Tag Manager en Prestashop

Analítica

Fundador de Wanatop y experto en captación de tráfico online. Profesor y speaker sobre SEO y Analítica, reconvertido a gestión de agencia. Ejemplo viviente de como compaginar la vida rural con la era digital.

Volvemos con una nueva entrada de post técnicos, esta vez nos vamos a ocupar de Google Tag Manager y Prestashop.

Para empezar, seguro que alguna vez habéis tenido que integrar en un Prestashop el código de Analytics, código de conversión e incluso de remarketing,  y lo habéis tenido que ir integrándolo en la plantilla de Prestashop cada vez que teníais una necesidad,es decir tocando la plantilla tantas veces como códigos pongáis.

Para evitar esto y no necesitar modificar la plantilla más veces surge Google Tag Manager, es una herramienta muy potente que nos permite crear un único código a insertarlo en nuestra página (llamado contenedor) y ahí dentro en la herramienta podemos integrar tantos códigos como deseemos sin necesidad de programación, se hace desde la propia página.
google tag manager

En este post vamos a ver como podemos integrarlo en Prestashop editando la plantilla, y añadiendo el código que tengamos de Tag Manager.

1.- Primero tendremos el código del contenedor que nos da Google Tag Manager, lo podemos obtener al inicial el contenedor, o más tarde en la sección de administración, instalación de GTM.

2.- Nos vamos al FTP donde tenemos alojado nuestro Prestashop, nos bajamos el archivo dentro de la carpeta themes y dentro de la carpeta del tema el archivo header.tpl

3.- Ahora abrimos el archivo y después de la línea <body> tenemos que insertar lo siguiente:

{literal}

AQUÍ VA LA ETIQUETA QUE NOS PONE EN GOOGLE TAG MANAGER

{/literal}

4.- Guardamos el archivo y lo subimos de nuevo al FTP, si en el administrador de Prestashop dentro de preferencias -> rendimiento, tenemos desactivado forzar compilación, lo activamos para que se apliquen los cambios.

Vamos a nuestra página la vemos y comprobamos si en el código fuente, o con la extensión Google Tag Assistant que ya nos sale nuestra etiqueta, entonces volvemos a desactivar de nuevo forzar compilación y ya tenemos instalado todo.

Recuerda que la etiqueta de GTM siempre debe ir a la apartura del body, y si usas capa de datos, esta debe ir encima de la etiqueta de Tag Manager, con la misma dinámica que hemos visto.

Espero que os sirva este post, cualquier duda podéis revisar nuestro servicio de Tag Manager, o contactar con nosotros.

7 comentarios en “4 pasos para integrar Google Tag Manager en Prestashop

  1. Pere Saurina Clavaguera dice:

    perfecto! buena explicación. Fàcil y ràpido. Buen articulo…ahora que funciona toca aprender a hacerlo funcionar 😀

  2. Jorge Oyaga dice:

    Hola Pere, gracias por tu comentario. Suerte con Tag Manager.

  3. Luis dice:

    Muchas gracias Jorge, me ha servido de mucho.

    Saludos!

  4. frank dice:

    Gracias por la explicación, me estaba volviendo loco.
    un saludo.

  5. Ed dice:

    Thanks, Jorge! El próximo paso es añadir un tag para “conversions” – si sabes algo del asunto, me interesaría.

  6. Montse dice:

    Gracias por vuestra ayuda, he podido comprobar que no funciona bien con todas las plantillas. Dejo otra opción mediante plugin presta http://addons.prestashop.com/es/analytics-estadisticas-prestashop-modulos/17472-modulo-google-analytics-report-with-google-tag-manager.html

    Saluds

  7. Tomas dice:

    Hola, en mi plantilla en header.tpl no tengo etiqueta body…
    Que puedo hacer?

Deja un comentario

Tu dirección de correo electrónico no será publicada. Los campos obligatorios están marcados con *

Las cookies recogen información en tu navegador web para ofrecerte una mejor experiencia online. Si continúas navegando, estás aceptando su uso. OK | Más info