RootsLabs

Suite à cet article de Web Standards Sherpa sur le suivi des visites sur les pages imprimées via Google Analytics, je me suis comment pourrait-on le faire avec Piwik ?

Théorie

Le problème des pages imprimées est que l’on déconseille d’y mettre la moindre ligne de code de Javascript car l’interactivité a besoin d’y être nulle. Le but de cette contexte est l’impression, donc il faut passer par une feuille de style CSS donc le media est de type print pour avoir un rendu correct. Mais comment savoir qui utilise ces pages dans ce contexte sans Javascript et juste avec du CSS ? La solution reste de mettre les images souvent fournis par les services d’analyse d’audience web pour calculer les visites.

Pratique utilisée avec Google Analytics

La première chose à faire dans le CSS est de définir dans le media query que ce sera sur le media : print. Ensuite, on définit un style header::after où ce sera définit l’image de tracking.

  header::after {
    content: url(http://www.google-analytics.com/__utm.gif?
      utmac=UA-XXXXXXX-X& /* Compte Google Analytics */
      utmwv=4.3& /* Version du code de tracking */
      utmn=2013326124551& /* ID Unique pour prévenir de la mise en cache des fichiers GIF */
      utmhn=website.tld& /* Nom du hostname */
      utmr=-& /* Referrer */
      utmp=/your_page.php& /* Page actuelle */
      utmt=event& /* Type de requête */
      utme=5%28Print*/your_page.php%29& /* Paramètre facultatif utilisé pour les évènements */
      utmcc=__utma%3D267504222.1477743002.1364314722.1364314722
      .1364314722.1%3B%2B
      __utmb%3D267504222.17.7.1364314901604%3B%2B
      __utmz%3D267504222.1364314722.1.1.utmcsr%3D%28direct%29
      |utmccn%3D%28direct%29|utmcmd%3D%28none%29);  /* Valeur du cookie */
  }

Lien : Paramètres pour le fichier __utm.gif

Pratique utilisée avec Piwik

On va utiliser la même technique que celle utilisée pour Google Analytics.
Evidemment, les paramètres et l’URL vont changer mais chaque paramètre du GIF de Google Analytics a – quasiment – un équivalent chez Piwik.

  header::after {
    content: url(http://domain.tld/piwik.php?
      idsite=X& /* ID du site */
      rec=1& /* Doit être défini à 1 pour le tracking */
      url=/your_page.php& /* Page actuelle */
      rand=2013326124551& /* ID Unique pour prévenir de la mise en cache du fichier */
      apiv=1& /* Version du code de tracking */
      urlref=-& /* Referrer */
      action_name=5%28Print*/your_page.php; /* Paramètre permettant de définir l'impression */
  }

Lien : http://piwik.org/docs/tracking-api/#image-tracker-code
Lien : http://developer.piwik.org/api-reference/tracking-api