Google analytics 4 en prestashop

por | Ago 1, 2022 | Analítica web, Prestashop

Google analytics 4 en prestashop

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! 🙂

Rating: 5.0/5. From 5 votes.
Please wait...

No template found for /themes/classic/category.tpl

  Puede que tu tienda esté funcionando sin problema y, de repente, tus categorías den error 500 o muestren No template found for /themes/classic/category.tpl. Te explico cómo solucionarlo Si vienes de haber actualizado un prestashop de 1.6 a 1.7, no siempre, pero...

leer más

[Resuelto] Collation unknow: ‘utf8mb4_0900_ai_ci’

  Si estás importando el contenido de una base de datos, es posible que te haya aparecido el error #1273 - Collation unknow: 'utf8mb4_0900_ai_ci'. Te explico cómo solucionarlo, es muy fácil y rápido Collation unknow: 'utf8mb4_0900_ai_ci' Es muy posible que hayas...

leer más

Cómo añadir nuevo usuario en Google Search Console

Si quieres saber cómo añadir nuevo usuario en google search console porque tienes que agregar un colaborador, a veces puede ser poco intuitivo. Te explico cómo hacerlo fácil y rápido Como ya sabes, Google Search Console es un servicio gratuito de Google que te ayuda a...

leer más

Centro de preferencias de privacidad

Necesarias

Se usan para saber si ya aceptaste nuestras políticas, si ya estás suscrito a nuestra newsletter, para reconocer el estado de tu sesión si la tuvieses y para servir más rápidos los contenidos.

No se captura IPs ni siquiera para el servicio de Analytics así que tu visita es privada.

JSESSIONID, _cfuid, wpSGCachePypass, mailerlite, gdpr, gawp

Translate »