Blog

Analítica Web, Datos y Marketing digital

Implementacion de Piwik

Implementación de Piwik con Google Tag Manager

Google Tag Manager es una herramienta excepcional para realizar todo tipo de implementaciones de analítica web, y no sólo de Google Analytics.

En este artículo vamos a ver cómo Piwik y Google Tag Manager se complementan perfectamente, y nos pueden aportar una sólida medición en nuestro sitio web.

Para poder realizar los siguientes pasos damos por supuesto que:

  • Sabes configurar una base de datos en un servidor
  • Tienes Google Tag Manager instalado en tu sitio web
  • Tienes unos conocimientos básicos de Google Tag Manager en su versión V2

Si no es así, tal vez necesites googlear un poco para dominar los pasos anteriores antes de continuar con este tutorial.

 

1. Código de seguimiento de Piwik

En este artículo no vamos a explicar cómo instalar Piwik. En el siguiente enlace proporcionado hay unas instrucciones claras del proceso, muy sencillo si tienes las nociones básicas para instalar una base de datos en un servidor:

Piwik.org: cómo instalar Piwik

En el paso 7 de 8 de la instalación obtendremos un código de seguimiento similar a este:

<!-- Piwik -->
<script type="text/javascript">
  var _paq = _paq || [];
  _paq.push(['trackPageView']);
  _paq.push(['enableLinkTracking']);
  (function() {
    var u="//miservidor/";
    _paq.push(['setTrackerUrl', u+'piwik.php']);
    _paq.push(['setSiteId', 1]);
    var d=document, g=d.createElement('script'), s=d.getElementsByTagName('script')[0];
    g.type='text/javascript'; g.async=true; g.defer=true; g.src=u+'piwik.js';
    s.parentNode.insertBefore(g,s);
  })();
</script>
<noscript><p><img src="//miservidor/piwik.php?idsite=1" style="border:0;
" alt="" /></p></noscript>
<!-- End Piwik Code -->

 

2. Instalación del código de seguimiento de piwik en Google Tag Manager

Creamos una etiqueta HTML que se lance en todas las páginas, y en el recuadro pegamos código de seguimiento que hemos obtenido en la instalación

En la opción ¿Qué activa esta etiqueta? Seleccionaremos All Pages (Todas las páginas), de modo que el código de Piwik se ejecute en todo nuestro sitio web,

Piwik con GTM

Con esta sencilla configuración, una vez creada y publicada esta etiqueta, ya tendremos a Piwik recogiendo datos en nuestro sitio.

Cómo instalar Piwik a través de Google Tag Manager de forma sencilla #AnaliticaWeb ¡Compártelo!

3. Configuración de eventos en Piwik

Una de las grandes funcionalidades que ha añadido Piwik en los últimos tiempos es el seguimiento de eventos. Con esta funcionalidad Piwik se pone casi a la par con Google Analytics, ya que nos permite etiquetar y medir interacciones que suceden en la web como clics a botones, o envíos de formularios.

Si a esto le añadimos la funcionalidad Google Tag Manager para generar eventos automáticos, veremos que a partir de ahora podremos recoger los eventos de forma sencilla, y sin necesidad de tocar el código de nuestra web.

Para generar eventos en Piwik se utiliza la siguiente función de JavaScript:

trackEvent(category, action, [name], [value])

 

A modo de ejemplo, vamos a generar un evento, por ejemplo, cada vez que alguien rellena un formulario en la página de contacto (http://nuestrositio/contacto).

3.1. Paso 1: Creamos el activador:

 

Activador de Google Tag Manager

 

3.2. Paso 2: Generamos la etiqueta del evento

 

El siguiente código es el que va a generar el evento en Piwik. Generará un evento con "Categoría" Conversion (hemos omitido el acento a propósito) y "Acción" Formulario Posteriormente introducimos el siguiente código en una etiqueta HTML

<script>
_paq.push(['trackEvent', 'Conversion', 'Formulario']);
</script> 

 

Etiqueta de evento de Piwik con Google Tag Manager

 

Activamos dicha etiqueta con el activador de Formulario que hemos definido en el paso anterior

3.3. Paso 3: Publicar

 

Y…ahí lo tenéis…nuestro primer evento de conversion en Piwik cada vez que alguien rellene nuestro formulario de contacto.

Como véis esto es sólo un ejemplo de lo que podremos hacer a partir de ahora con Piwik y Google Tag Manager, ya que podremos medir las veces que se hace clic en un botón, o cualquier tipo de interacción que suceda en la web.

Daniel Urrutia
Autor: Daniel Urrutia
Analista digital técnico especializado en implementaciones técnicas y análisis avanzado de métricas

Pin it

Artículos publicados