Google Analytics in 30 secondi

Dopo aver dato a tutti le annotazioni – anche se con ancora un po’ di effettivo ritardo rispetto al mio annuncio – Google Analytics introduce finalmente anche l’ultima delle novità annunciate ad Ottobre, ovvero la sezione di Report dedicati ai dispositivi mobili.

Invero abbastanza povera, per adesso, contiene informazioni sui sistemi operativi mobili utilizzati per accedere al vostro sito (Iphone, Blackberry, Symbian, Android…) e sui gestori di rete utilizzati dai suddetti dispositivi. Vi ricordo che fino ad oggi uno dei sistemi per ottenere questo tipo di dato era un segmento avanzato basato sulla risoluzione dello schermo, che però perde progressivamente senso man mano che i display degli smartphone crescono in dimensione; attualmente esistono già cellulari i cui schermi si spingono fino a 800pixel di lato lungo.

Già che siamo in tema, vi ricordo che se avete un sito con una versione ottimizzata per smartphone e cellulari, Google Analytics consente di utilizzare – su quella versione – un nuovo codice di monitoraggio che non fa uso di javascript: per vederlo dovrete cliccare sulle impostazioni del profilo, poi su verifica stato, poi nella sezione “istruzioni per l’aggiunta del monitoraggio” cliccare “avanzato” e quindi su “Un sito progettato per un telefono cellulare”. GA vi chiederà di scegliere la tecnologia lato server del vostro sito (“Seleziona la lingua del sito per cellulari lato server”, quindi PHP, ASPX, Perl o JSP), e poi di incollare SOLO NELLA VERSIONE MOBILE DEL SITO un pezzo di codice subito PRIMA del tag HTML

<?php
  // Copyright 2009 Google Inc. All Rights Reserved.
  $GA_ACCOUNT = "MO-4120792-1";
  $GA_PIXEL = "/ga.php";

  function googleAnalyticsGetImageUrl() {
    global $GA_ACCOUNT, $GA_PIXEL;
    $url = "";
    $url .= $GA_PIXEL . "?";
    $url .= "utmac=" . $GA_ACCOUNT;
    $url .= "&utmn=" . rand(0, 0x7fffffff);
    $referer = $_SERVER["HTTP_REFERER"];
    $query = $_SERVER["QUERY_STRING"];
    $path = $_SERVER["REQUEST_URI"];
    if (empty($referer)) {
      $referer = "-";
    }
    $url .= "&utmr=" . urlencode($referer);
    if (!empty($path)) {
      $url .= "&utmp=" . urlencode($path);
    }
    $url .= "&guid=ON";
    return str_replace("&", "&amp;", $url);
  }
?>

e un altro pezzo subito PRIMA del tag /BODY

<?php
  $googleAnalyticsImageUrl = googleAnalyticsGetImageUrl();
?>
<img src="<?= $googleAnalyticsImageUrl ?>" />

(l’esempio è basato su PHP, il codice varia a seconda della selezione al punto precedente).

L’ultimo passo è quello di scaricare un file, nel nostro esempio ga.php, e di metterlo nella radice del dominio.

Questo blog utilizza lo snippet mobile da qualche tempo, potete verificarlo visitando goanalytics.info dal cellulare o se siete esperti cambiando lo user agent del vostro browser (ma in quel caso mi sballate le statistiche sulla risoluzione dello schermo mobile 😛 ).