Integrar Google Tag Manager en Prestashop 1.7

En Google Tag Manager, nos suelen proporcionar el siguiente código (lógicamente en vuestro caso varia el ID).

Google Tag

Existen varias formas para añadir el código en vuestra tienda, en este ejemplo, vamos a proponer añadirlo mediante un módulo + modificación de ficheros:

Para ello, vamos a descargar el siguiente módulo: Descargar Módulo

Lo subimos e instalamos desde la pestaña módulos -> módulos y servicios: (Manual sobre subida e instalación de módulos en Prestashop)

Ahora vamos a editar “2” ficheros del módulo, uno que añade el código en el “head” y otro que añade el código en el inicio del “body”

El primero “bloque de código”  (el que nos comenta Google que se tiene que encontrar dentro de las etiquetas <head></head>)

Primer bloque

Lo añadimos en el fichero:

/modules/googletag/googletag_header.tpl

Excepto el “comentario” (<!– Google Tag manager –> <!– Google Tag Manager–>)  el resto del código lo encerramos dentro de las etiquetas {literal} {/literal}

googletag_header.tpl

El segundo bloque (el que tienes que estar encerrado al inicio de la etiqueta <body>) lo copiamos y pegamos en el fichero:

/modules/googletag/googletag_body.tpl

Copiar código

En principio no es necesario encerrar la parte de (<noscript><iframe…..></iframe></noscript>) en {literal} {/literal}

googletag_body.tpl
googletag_body.tpl

Recordar que si habéis instalado el módulo previamente, limpiar tras modificar los ficheros, la caché en la pestaña Parámetros Avanzados -> Rendimiento

Borrar caché

Para los que tengan curiosidad el módulo queda instalado en los hooks:

displayHeaderdisplayAfterBodyOpeningTag

En el displayHeader estamos cargando el fichero: googletag_header.tpl y en el displayAfterBodyOpeningTag estamos cargando el fichero: googletag_body.tpl

De esta forma, evitamos tener que modificar los ficheros:

/themes/classic/templates/_partials/head.tpl
/themes/classic/templates/layouts/layout-both-columns.tpl

Este documento ha sido testeado y actualizado para funcionar en Prestashop 1.7 hasta la versión 1.7.3.0

Otra alternativa (no gratuita) para añadir el código de Google Tag Manager, pero que tiene soporte y actualizaciones:

Actualización del artículo, si no os detecta la etiqueta o aparece el error:

“<script> tag must not be included in a <main>” 

Revisar, que en el fichero =>
 /themes/tuPlantilla/templates/layouts/layout-both-columns.tpl

La impresión del bloque, donde se imprime el hook displayAfterBodyOpeningTag

Bloque donde se imprime el hook => displayAfterBodyOpeningTag
Bloque donde se imprime el hook => displayAfterBodyOpeningTag

Se encuentre justo debajo de la etiqueta de apertura del body. Me he encontrado con algunos clientes, que tenían en su plantilla el bloque debajo de <main> y no, eso no es correcto. Debe encontrarse justo debajo de la etiqueta body.

Posición de la impresión del hook
Posición de la impresión del hook

7 comentarios sobre “Integrar Google Tag Manager en Prestashop 1.7”

  1. Buenas,

    Gracias por el modulo y la info.

    No se si esta desatendido o el enlace esta roto pero no se puede descargar.

    Gracias y un saludo

    1. Han pasado casi 2 meses desde tu comentario (no lo había visto), yo no veo problemas al descargar el módulo (es decir el enlace sigue estando activo).

Deja un comentario

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