Blog

Analítica Web, Datos y Marketing digital

piwik google tag manager

Páginas virtuales con Piwik y Google Tag Manager (GTM v2)

Por todos es sabido que los analistas somos muy fans de Google Tag Manager, ya que nos permite realizar un montón de integraciones, y no sólo con Google Analytics.
En nuestra agencia el gestor de etiquetas de Google nos sirve para hacer implementaciones avanzadas con otras herramientas de analítica web como Piwik. En un post anterior ya explicamos cómo introducir el código de seguimiento de Piwik en todas las páginas de un sitio, así como a lanzar eventos para registrar microconversiones, como descargas o clics en botones que deseemos medir.

Otra forma de enriquecer la medición, además de la de eventos, es la utilización de páginas virtuales, y eso también lo vamos a poder hacer con GTM:

Para implementar páginas virtuales, damos por supuesto lo siguiente:

  • Has instalado Piwik en tu servidor.
  • Tienes Google Tag Manager V2 instalado en tu sitio web.
  • Has implementado el código de seguimiento de Piwik en todas las páginas a medir.

Si no es así, puedes ver primero nuestros artículos sobre cómo instalar piwik, y cómo implementar Piwik con Google Tag Manager.

Implementar Páginas Virtuales en Piwik

Para implementar una página virtual en Piwik necesitaremos definir en primer lugar lo siguiente:

  • URL de la página virtual que vamos a lanzar: Ejemplo: "/virtual/pagina-virtual.html"
  • Título de la página virtual: Ejemplo: "Esta es mi página virtual de Piwik"
  • Momento el el que se va a mandar la página virtual (Activador): Por ejemplo, después de enviarse un formulario en la página "/contacta/"

¿Sabes que puedes con Piwik también puedes utilizar páginas virtuales? #analiticaweb ¡Compártelo!

Pasos a seguir:

1) Crear una etiqueta html con estas tres llamadas:

  • setCustomUrl: será la URL
  • setDocumentTitle: Título
  • trackPageView: envía la página vista a Piwik

En este caso el código será:

<script>
  _paq.push(['setCustomUrl', "/virtual/pagina-virtual.html"]);
  _paq.push(['setDocumentTitle', 'Esta es mi página virtual de Piwik']);
  _paq.push(['trackPageView'])
</script>

 

La etiqueta quedará así:

piwik google tag manager

2) Crear un activador que active la etiqueta cuando se envíe el formulario

En este caso, para el ejemplo, seleccionamos el tipo de formulario más elemental (sin validación), que se ejecutará cuando se envíe un formulario en la página "/contacta/"

piwik google tag manager

3) Publicar el contenedor

(O mejor aún: crear una vista previa y depurar)

4) Comprobar en la consola de Piwik que la página virtual se está recogiendo corectamente

Para ello haremos las siguientes comprobaciones:

Comprobamos que la página se recoge en el apartado Acciones -> Páginas

piwik google tag manager

Comprobamos que el título se recoge correctamente en Acciones - Títulos:

piwik google tag manager

 

Como véis, gracias a Google Tag Manager hemos conseguido sin muchas complicaciones generar una página vista virtual: una muestra del potencial que podemos obtener si aunamos la versatilidad de Google Tag Manager con las de esa otra gran herramienta de la analítica web que es Piwik.

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