Alternativa al análisis web - Piwik en Joomla!

Escrito por | 30 Agosto 2012 | Publicado en Octubre 2012
Una vez que ya tenemos montado nuestro sitio web basado en Joomla!, comanzamos a recibir visitantes... Junto con los visitantes surge de inmediato la necesidad de la información, ¿Quiénes nos visitan?, ¿De dónde nos visitan?, ¿Por qué vía llegaron a nuestro sitio web?, ¿A través de que Browser nos visitan?, ¿A través de qué dispositivo lo hacen?, ¿Cuánto tiempo han permanecido en cada una de las páginas de nuestro sitio? y muchas interrogantes más referentes al comportamiento del visitante en nuestro sitio web.
Piwik Piwik

Hoy, podemos tener acceso a esa información a través de muchos servicios, algunos de pago y otros gratuitos, el más popular, debido a diferentes razones sigue siendo Google Analytics, pero... ¿Qué sucede con la privacidad de la información de nuestros visitantes?, ¿la libertad y personalización del código?. ¿Tienen claro nuestros visitantes que están siendo monitoreados por un sistema de análisis?, ¿Han accedido ellos libre y voluntariamente a ser analizados en su comportamiento a través de nuestro sitio?.

Los cuestionamientos son muchos, argumentos hay bastantes, tanto a favor como en contra y no es el espíritu de este artículo hacer un análisis de ellos, sino que ofrecer una alternativa real, de código libre, gratuita y que nos permita mantener la información que generamos en nuestras manos en todo momento y no en manos de un tercero. Me refiero al servicio de análisis de Piwik.

Piwik es un sistema de Análisis Web, escrito en php, descargable, licenciado bajo GPL v3, que ofrece un seguimiento en tiempo real del comportamiento de los visitantes de nuestro sitio web. Nos entrega informes detallados con información por ejemplo, de los motores de búsqueda utilizados, las palabras claves utilizadas, el lenguaje de nuestros visitantes, las páginas más vistas y mucha mas información.

Existen varias alternativas, vía extensiones, para integrar Piwik a nuestros sitios web basados en Joomla! 2.5, pero debido a diferentes razones, no se encuentran actualizadas o funcionando correctamente. Es por eso que a través de este artículo, veremos paso a paso como instalar Piwik en nuestro sitio web Joomla! y poder hacer uso de este fantástico sistema de análisis open source.

Lo primero que debemos hacer es acceder al sitio web de Piwik y descargarnos el paquete de instalación "latest.zip" que contiene la última versión, a la fecha de creación de este artículo, esta corresponde a la v1.7.1

Piwik001

Una vez descargado el archivo latest.zip, lo vamos a descomprimir y veremos que nos encontramos con una carpeta llamada "Piwik" y un instructivo de instalación, pero para efectos de este artículo nos centraremos solamente en la carpeta Piwik.

Piwik002

El siguiente paso es tomar esta carpeta y subirla integramente a la raíz de tu sitio Joomla!, para la imagen del ejemplo, he creado una instalación llamada “Joomla” y he puesto, dentro de la raíz de mi instalación, la carpeta piwik.

Piwik003

Una vez que se haya terminado de subir la carpeta, procederemos a la instalación de Piwik, para eso accedermos a la URL de nuestro sitio web, agregandole la ubicación de tu Piwik, por ejemplo http://www.tusitio.zz/piwik, veremos la pantalla de bienvenida a la instalación de Piwik.

Piwik004

A partir de este momento solo debemos ir siguiendo los pasos que la instalación de Piwik nos va pidiendo, damos click a “Next y veremos la pantalla que verifica que nuestra instalación cuenta con todos los requerimientos.

Piwik005

Presionamos “Next” y llegaremos a una nueva pantalla, en la que se nos pide los datos de nuestra base de datos, para la correcta instalación de las tablas que crea Piwik para funcionar, los datos llenados en este artículo son de ejemplo y en el caso de un sitio en producción, debes usar los mismos datos que cuando instalaste tu Joomla!.

Piwik006

Una vez completados los datos que nos pidió durante la instalación, presionamos siguiente y llegaremos a la pantalla que nos confirma el éxito en la creación de las tablas necesarias en nuestra base de datos.

Piwik007

Presionamos “Next” y llegaremos a una pantalla en la que se nos pedirá los datos de administrador, debido a que no estamos trabajando con Piwik como un componente para Joomla! sino que como una instalación paralela y por razones de seguridad, es recomendable que utilices un nombre de usuario diferente al que utilizas para la administración de tu Joomla!

Piwik008

En el siguiente paso daremos de alta nuestro sitio web Joomla! en Piwik, para eso llenaremos el formulario con los datos de nuestro sitio.

Piwik009

Un vez completado el formulario y habiendo presionado el botón “Next”, habiendo nuestro sitio complido con los requerimientos básico que tiene Piwik para funcionar correctamente, veremos una pantalla en la que nos indica el código Javascript de seguimiento para nuestro sitio web.

Piwik010

Ese código deberemos copiarlo y mantenerlo a mano, pues será necesario para poder integrar posteriormente el análisis de nuestro sitio web, habiendo respaldado el código entregado, damos al botón “Next” y veremos que la instalación ha finalizado exitosamente.

Piwik011

Con eso ya habremos concluido la primera parte consistente en la instalación de Piwik dentro de nuestro sitio web Joomla! 2.5. Al presionar el enlace “Continue to Piwik” veremos una pantalla de acceso en la que debemos simplemente ingresar el nombre de usuario y contraseña creados durante la instalación para acceder a nuestra instancia de Piwik.

Piwik012

Una vez dentro de Piwik podremos ver la pantalla de bienvenida y todas las opciones con que contaremos, pero aún no estará siguiendo a nuestro sitio web, pues si bien ya lo hemos instalado, no hemos insertado el código Javascript de seguimiento del que hablamos anteriormente.

Entonces, como ya tenemos Piwik instalado, ahora tomaremos el código Javascript y lo agregaremos a nuestro template, este código debe ser agregado ANTES del cierre de la etiqueta </body> del index.php de nuestro template.

Tratándose este artículo de una instalación básica, usaré el index.php del template Beez_20, que viene por defecto en Joomla! 2.5

Piwik013

Guardamos los cambios realizados al fichero index.php de nuestro template y con eso ya tendremos a Piwic realizando el seguimiento de nuestro sitio web, a la espera de comenzar a monitorear a nuestros visitantes.

Debido a que la monitorización de Piwik se realiza en tiempo real, si revisas en estos momentos tu instalación, debieras comenzar a ver de inmediato los primeros datos.

Piwik014

A partir de este punto ya tenemos Piwik instalado y funcionando, haciendo el correcto seguimiento de nuestro sitio web. Pero para acceder debemos hacerlo a través de http://www.tusitio.zz/piwik, considerando que la instalación la hayas realizado en la raíz de tu Joomla!, luego, para facilitar el acceso, vamos a proceder a crear un acceso directo a la instalación desde el Panel de Control de la adminsitración de nuestro Joomla!.

A partir de este punto, debes tener mucho cuidado, pues tocaremos archivos que son parte de la administración de nuestro Joomla!

Debemos seguir la ruta /administrator/modules/mod_quickicon y abrir el fichero helper.php que se encuentra dentro de esa carpeta.

Una vez dentro, nos posicionaremos debajo del último ícono, si no tienes ningún ícono adicional a los que se instalan con Joomla! por defecto, entonces debieras posicionarte en la línea 120 del fiecho helper.php, si tienes íconos adicionales, entonces debes ubicarte en el lugar del último ícono del panel de control y agregaremos las siguientes líneas de código:

array(
'link' => JRoute::_('http://127.0.0.1/joomla/piwik';),
'image' => 'header/icon-48-cpanel.png',
'text' => JText::_('Piwik'),
'access' => true
),

Piwik015

Si pones atención al proceso realizado verás que se agregó una línea con la ruta directa a la instalación de Piwik, en este caso aparece 127.0.0.1 debido a que para el ejemplo, estoy trabajando en local, pero debes modificarlo por la URL de tu Joomla!.

Del mismo modo, en la línea siguiente, verás que se hace mención a una imagen llamada icon-48-cpanel.png, pero puedes utilizar cualquier imagen, puedes ver los tamaños e imagenes de referencia en la carpeta que se encuentra en la ruta /administrator/templates/bluestork/images/header/ y utilizar cualquiera de las que se encuentren ahí o agregar una nueva.

Hasta este paso ya tenemos instalado Piwik, funcionando y con un acceso directo a la instalación a través del Panel de Control de la Administración de nuestro Joomla!

Piwik017

Ahora solo faltaría crear un enlace desde Piwik para que nos retorne a la administración de Joomla! de la misma forma como accedimos a el, para eso, deberemos seguir la ruta /piwik/plugins/CoreHome/templates/header.tpl y sobre la línea de código {loadJavascriptTranslations plugins='CoreHome'} debemos insertar la siguiente línea:

<div style=" background:url(/administrator/templates/bluestork/images/j_header_middle.png) #0099FF; border-bottom: 5px solid #666666;padding: 10px;margin-bottom: 10px;" ><a href="http://www.tusitio.zz/administrator/"; style="color:#eeeeee; text-decoration:none">Volver al Backend de Joomla!</a></div>

Con eso tendremos una barra superior en la que se nos muestra un link para volver a la administración de Joomla!.

Piwik016

Por último, si aún no te decides a querer usar Piwik en tu sitio web, te adjunto una infografía en la que se reflejan las principales características de este sistema de Análisis Web.

Muchas gracias a Gonzalo Suez (@gsuez) por su colaboración en la línea de código que nos permite volver de la administración de Piwik a la Administración de Joomla!.

Infografía Piwik

Visto 11023 veces Etiquetado como Spanish, Administrador