Como integrar el script de seguimiento de Google Tag Manager en Prestashop

Home » Como integrar el script de seguimiento de Google Tag Manager en Prestashop

Como integrar el script de seguimiento de Google Tag Manager en Prestashop

 en Google Analytics, Prestashop, Tag Manager

Google tag manager prestashop. Pasos a seguir para integrar el código que obtenemos en Tag Manger en nuestra tienda realizada con Prestashop.

1º Una iniciemos sesión en Tag Manager con nuestra cuenta de Google y creemos una cuenta, obtenemos el código a insertar.

<!-- Google Tag Manager --><noscript><iframe src="//www.googletagmanager.com/ns.html?id=XXX-XXXXXX" height="0" width="0" style="display:none;visibility:hidden"></iframe></noscript><script>// <![CDATA[
(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=
'//www.googletagmanager.com/gtm.js?id='+i+dl;f.parentNode.insertBefore(j,f);
})(window,document,'script','dataLayer','XXX-XXXXXX');
// ]]></script><!-- End Google Tag Manager -->

No inserten el código anterior, ya que no tiene vuestro ID de Tag Manger, inserten el que les da la herramienta.

2º Abrimos el archivo header.tpl de nuestro theme de prestashop por FTP, e insertamos nuestro código después de la etiquetade la siguiente forma.

{literal}
<!-- Google Tag Manager --><noscript><iframe src="//www.googletagmanager.com/ns.html?id=XXX-XXXXXX" height="0" width="0" style="display:none;visibility:hidden"></iframe></noscript><script>// <![CDATA[
(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=
'//www.googletagmanager.com/gtm.js?id='+i+dl;f.parentNode.insertBefore(j,f);
})(window,document,'script','dataLayer','XXX-XXXXXX');
// ]]></script><!-- End Google Tag Manager -->

Por que dentro dentro de la etiqueta literal?

Los ficheros con extensión .tpl son ficheros SMARTY, los cuales diferencian el código SMARTY con el HTML porque van encorsetados entre los braquets { }.

¿Y porqué tenemos que tener esto en cuenta? En Prestashop existen scripts que incluyen brackets entres las lineas de código, por ejemplo el script de seguimiento de Google Tag Manager y el de Google Analytics.

Aquí les dejo un enlace a una guía en español, por si quieren saber un poco más sobre la etiqueta Literal de SMARTY GUÍA

Como saber si el código de seguimiento esta bien insertado y funcionando? Pueden descargarse la extensión de Chrome Tag Assistant (by Google).

Saludos!

Publicaciones recientes

Deje un comentario

Start typing and press Enter to search

Uso de cookies

Este sitio web utiliza cookies para que usted tenga la mejor experiencia de usuario. Si continúa navegando está dando su consentimiento para la aceptación de las mencionadas cookies y la aceptación de nuestra política de cookies, pinche el enlace para mayor información.plugin cookies

ACEPTAR
Aviso de cookies