Google analytics en prestashop 1.7

No lo busques porque no está, no hay módulo Google analytics oficial y gratuito en prestashop 1.7. Y los que te instales, no te funcionarán. Aquí te explico cómo hacerlo

Si estás trabajando con prestashop y quieres controlar al detalle un montón de variables de tu web (tráfico, origen de visitas, embudo de conversión, páginas de aterrizaje, y mil más), te recomiendo encarecidamente que enlaces tu web con Google Analytics, para lo cual, necesitas haber creado una cuenta en esa plataforma y haberla configurado correctamente. Voy a suponer que ya lo has hecho y que tienes tu tracking code y todo lo necesario.

Google analytics en prestashop 1.7

Pues bien, si buscas en el apartado de módulos de tu prestashop 1.7, verás que no hay ninguno para google analytics. También puedes ir a addons de prestashop, y allí, como módulo oficial y gratuito, únicamente encontrarás el antiguo, el que era para las versiones de la 1.4 a la 1.6.

Puedes probar a descargar el de 1.6 e instalarlo en tu prestashop 1.7. Verás que se instala y no te error de incompatibilidad de versión. Sin embargo, puede ser que no te detecte ningún tráfico ni actividad en la web.

Para ello, simplemente ve a tu cuenta de Google Analytics y comprueba si detecta algún movimiento en la sección de “Tiempo real” (haz cualquier clic en tu web y debería aparecer ahí).

Mi recomendación es que no utilices ningún módulo de Google Analytics, ni oficial ni no oficial. En su lugar, instala el script de analytics directamente en la cabecera de tu plantilla.

Configuración Google Analytics en prestashop

Con un programa de ftp (tipo filezilla), accede al sistema de archivos de la web y sitúate en la siguiente carpeta: /themes/tu_plantilla/templates/_partials -> allí, edita el fichero header.tpl

Simplemente debes insertar el siguiente código en ese fichero, por ejemplo, tras la cabecera del mismo, detrás del cierre *}

Pega lo siguiente:

{literal} <!-- Global site tag (gtag.js) - Google Analytics -->
<script async src="https://www.googletagmanager.com/gtag/js?id=UA-xxxxxxxxx-y"></script>
<script>
  window.dataLayer = window.dataLayer || [];
  function gtag(){dataLayer.push(arguments);}
  gtag('js', new Date());

  gtag('config', 'UA-xxxxxxxx-y');
</script>  {/literal}

Donde UA-xxxxxxxx-y es tu código de seguimiento Analytics para esta web.

Guarda los cambios, recarga tu tienda, haz cualquier clic, y verás en tu Real time analytics cómo ya aparece registrado.

Espero que te sirva. Mucha suerte y mucho ecommerce! 🙂