Nowe narzędzia testujące do Google Analytics

Google nareszcie udostępniło narzędzie do weryfikacji czy kody Google Analytics zostały poprawnie wpięte na naszą stronę internetową. Główną motywacją do używania narzędzia ma być przejście na nowy system kodów asynchronicznych. Google Analytics Tracking Code Debugger, bo taka jest pełna nazwa narzędzia, pozwala m.in. na weryfikację wpiętych kodów, sprawdzanie zliczania zdarzeń oraz sprawdzenie, czy gole ustawione są poprawnie.

Jak zainstalować Google Analytics Tracking Code Debugger

Google Analytics Tracking Code Debugger jest instalowany jako plugin do przeglądarki Google Chrome. Można go znaleźć na stronie rozszerzeń dla Chrome - https://chrome.google.com/extensions/detail/jnkmfdileelhofjcijamephohjechhna

Po zainstalowaniu na pasku po prawej stronie powinna się pokazać ikonka symbolizująca wykres - oraz komunikat informujący o zainstalowanym komponencie.

Jak działa Google Analytics Tracking Code Debugger

Google Analytics Tracking Code Debugger opiera swoje działanie na skrypcie ga_debug.js - jest to specjalna rozszerzona o funkcje debugujące wersja skryptu do statystyk Google Analytics. Ma za zadanie wypisać na obiekcie window.console dane dotyczące aktualnych ustawień oraz zebranych informacji. W ten sposób możemy zobaczyć jaki kod został podpięty, a także cele i zdarzenia.

Skrypt ga_debug.js może działać samodzielnie bez wtyczki - wówczas możemy wykorzystywać inne dodatki do różnych przeglądarek np. Firebug dla Firefoxa. Jednak wówczas konieczna jest zmiana kodu na stronie z ga.js na ga_debug.js czyli np.

// przed zmianą
ga.src = ('https:' == document.location.protocol ? 'https://ssl' : 'http://www') + '.google-analytics.com/ga.js'

// po zmianie
ga.src = ('https:' == document.location.protocol ? 'https://ssl' : 'http://www') + '.google-analytics.com/ga_debug.js'

GA Tracking Code Debugger ma tą przewagę, że automatycznie uruchamia tryb debugowania, więc nie ma konieczności zmiany kodu strony.

Jak debugować przy użyciu Google Analytics Tracking Code Debugger

W celu uruchomienia usługi należy kliknąć w ikonkę - wówczas w jej dolnej części powinien pojawić się tekst 'ON'.

Następnie możemy już sprawdzać aktualne ustawienia GA w konsoli JavaScript. W tym celu wchodzimy do lub korzystamy ze skrótu Ctrl+Shift+J.

Wyświetlone informacje przedstawiają (przykłady wzięte na podstawie danych generowanych ze strony dokumentacji Google Analytics):

• zmiany ustawień (automatycznie zgłaszane podstawowe błędy)
  

  _gaq.push processing : "[projectTracker._setAccount,YT-8705592-1]"
  Account "YT-8705592-1" does not match the expected format of UA-XXXXX-X.
  _gaq.push processing : "[projectTracker._setDomainName,code.google.com]"
  _gaq.push processing : "[projectTracker._setCookiePath,/intl/pl-PL/apis/analytics/docs/]"
  _gaq.push processing : "[projectTracker._trackPageview]"
  

• wysyłanych informacji
  

  Tracking beacon sent!
  http://www.google-analytics.com/__utm.gif?utmwv=4.7.2d&utmn=682286469&utmhn=code.google.com&utmcs=UTF-8&utmsr=1680x1050&utmsc=32-bit&utmul=pl&utmje=1&utmfl=10.1%20r82&utmdt=Google%20Analytics%20Developer%20Docs%20-%20Google%20Analytics%20-%20Google%20Code&utmhid=244738307&utmr=http%3A%2F%2Fwww.google.pl%2Fsearch%3Fsourceid%3Dchrome%26ie%3DUTF-8%26q%3Dgoogle%2Banalytics%2Bdocumentation&utmp=%2Fintl%2Fpl-PL%2Fapis%2Fanalytics%2Fdocs%2F&utmac=UA-18071-1&utmcc=__utma%3D247248150.938675924.1275582518.1280660749.1282996890.4%3B%2B__utmz%3D247248150.1282996890.4.2.utmcsr%3Dgoogle%7Cutmccn%3D(organic)%7Cutmcmd%3Dorganic%7Cutmctr%3Dgoogle%2520analytics%2520documentation%3B&gaq=1
  

• aktualnych ustawień obiektu
  

  Account ID               : YT-8705592-1
  Page Title               : Google Analytics Developer Docs - Google Analytics - Google Code
  Host Name                : code.google.com
  Page                     : /intl/pl-PL/apis/analytics/docs/
  Hit ID                   : 244738307
  Visitor ID               : 938675924
  Session Count            : 4
  Session Time - First     : Thu Jun 03 2010 18:28:38 GMT 0200 (Central Europe Daylight Time)
  Session Time - Last      : Sun Aug 01 2010 13:05:49 GMT 0200 (Central Europe Daylight Time)
  Session Time - Current   : Sat Aug 28 2010 14:01:30 GMT 0200 (Central Europe Daylight Time)
  Campaign Time            : Sat Aug 28 2010 14:01:30 GMT 0200 (Central Europe Daylight Time)
  Campaign Session         : 4
  Campaign Count           : 2
  Campaign Source          : google
  Campaign Medium          : organic
  Campaign Name            : (organic)
  Campaign Term            : google analytics documentation;
  Language                 : pl
  Encoding                 : UTF-8
  Flash Version            : 10.1 r82
  Screen Resolution        : 1680x1050
  Color Depth              : 32-bit
  Ga.js Version            : 4.7.2d
  Async Snippet Used       : true
  Cachebuster              : 250634413
  

Na koniec zrzut ekranu z konsolą:

Miłego testowania!