Te explico cómo añadir la etiqueta de Google Analytics 4 en prestashop para que puedas registrar el tráfico y eventos en tu web. Sigue leyendo
Como ya sabrás, Google Analytics hará su cambio a GA4 en 2023. Si tienes una propiedad de Universal, ya puedes migrarla a la nueva, o pronto dejará de recopilar datos.
Para hacerlo, es tan fácil como crear una propiedad asociada dentro del asistente de configuración que encontrarás en el administrador de tu propiedad de Analytics (hablaré de esto en otro post).
Si ya lo has hecho, o bien has creado una GA4 desde cero, verás que el módulo «tradicional» de prestahop no es capaz de recopilar datos de la actividad en la web.
Aquí te voy a explicar cómo añadir la etiqueta directamente al código de tu web para que no haya ningún problema de captación de información y funcione a la primera y sin necesidad de ningún módulo.
Google analytics 4 en prestashop 1.7
1.- En tu cuenta de Analytics, sitúate en la propiedad que quieres rastrear y, una vez allí, selecciona «Propiedades del flujo». Verás que te aparece una pantalla en la que puedes encontrar esto:
Pulsa sobre «Etiqueta global del sitio web». Se abrirá el desplegable mostrándote una sección con código que debes copiar en el portapapeles.
2.- A continuación, abre tu programa de transferencia de ficheros favorito (yo suelo usar FileZilla) y accede al sistema de ficheros de tu servidor. Muévete por las carpetas siguientes:
/tu-web/themes/tu-plantilla/templates/_partials/ y una vez allí, edita el fichero header.tpl no sin hacer antes una copia de seguridad del mismo.
Bajo las líneas de disclaimer de prestashop, sobre la 25 o 26, la primera que esté libre, escribe el siguiente código, sustituyendo las xxxxx por tu número de Analytics, o bien, pega entre {literal} y {/literal} el código que has copiado en el apartado anterior.
{literal}
<!-- Global site tag (gtag.js) - Google Analytics -->
<script async src="https://www.googletagmanager.com/gtag/js?id=G-xxxxxxxx"></script>
<script>
window.dataLayer = window.dataLayer || [];
function gtag(){dataLayer.push(arguments);}
gtag('js', new Date());
gtag('config', 'G-xxxxxxxx');
</script>
{/literal}
Guarda los datos, ve al frontoffice de tu web y pulsa cualquier sección. A continuación, para ver si capta bien la información, ve a tu Analytics y clica en el informe de Tiempo real. Si todo ha ido bien, verás que apareces justo con el clic que acabas de hacer.
Espero que te haya servido
Mucha suerte y mucho e-commerce! 🙂
