O Google Analytics słyszał zapewne każdy szanujący się webmaster. Wszak, jest to prawdopodobnie najpopularniejsze rozwiązanie, odpowiedzialne za statystyki na naszych stronach WWW - w tym oczywiście na Alt Control Delete. O zaletach Google Analytics, nie muszę chyba nikogo uświadamiać, lecz dziś chciałbym napisać o jednej wadzie tego systemu, która stosunkowo niedawna została naprawiona, czyli o synchronicznym ładowaniu skryptu, które w sposób znaczący potrafiło wstrzymywać ładowanie się strony. Jak rozwiązano ten problem w Mountain View? Oczywiście poprzez asynchroniczną wersję skryptu:)

Instalacja skryptu

Asynchroniczny skrypt, możemy umieścić w dwóch miejscach:

• W sekcji HEAD - najlepiej na końcu tej sekcji
• Przed znacznikiem zamykającym sekcję BODY

Niezależnie od wybranego przez nas rozwiązania, powinniśmy wkleić następujący kod (kod dostępny jest również oczywiście na stronie pomocy Google):

var _gaq = _gaq || [];
_gaq.push(['_setAccount', 'UA-xxxxxxxx-x']);
_gaq.push(['_trackPageview']);
(function() {
	var ga = document.createElement('script'); ga.type = 'text/javascript'; 
    ga.async = true;
	ga.src = ('https:' == document.location.protocol ? 
    'https://ssl' : 'http://www') + '.google-analytics.com/ga.js';
	var s = document.getElementsByTagName('script')[0]; 
    s.parentNode.insertBefore(ga, s);
})();

Gdzie UA-xxxxxxxx-x to identyfikator naszej strony, który możemy znaleźć w panelu Google Analytics (screen 1)

Śledzenie liczby pobrań plików w Google Analytics

Przy okazji tematu o Google Analytics, chciałbym się podzielić z Wami jego ciekawym wykorzystaniem, o którym dowiedziałem się stosunkowo niedawno.

GA domyślnie pozwala na przeglądanie szczegółowych statystyk związanych z naszymi stronami WWW. Warto wiedzieć, że GA może śledzić również np. liczbę pobrań plików umieszczonych na naszej stronie. Wystarczy tylko zaaplikować odpowiedni kod. Spójrzmy na przykładowy kod linku:

<a class="download" 
href="download/TestFilesGenerator.jar">
    Test Files Generator</a>

Domyślnie zdarzenie kliknięcia na ten link nie zostanie przechwycone przez GA. Aby stało się inaczej, musimy zaimplementować JavaScriptową metodę onClick, która obsłuży zdarzenie kliknięcia:

<a class="download" 
    href="download/TestFilesGenerator.jar" 
    onClick="_gaq.push(['_trackPageview',   '/download/TestFilesGenerator.jar'])">
    Test Files Generator</a>

Możemy również utworzyć stosowny kod w jQuery, który dodatkowo zadziała dla wszystkich linków na stronie, które mają klasę download:

$(".download").bind("click", function(){
    _gaq.push(["_trackPageview", "/" + $(this).attr("href")])";
});

Skrypt przechwyci wartość atrybutu href, dzięki czemu automatycznie uzyskamy stosowne dane dla Google Analytics, które przedtem za pomocą JavaScriptu musieliśmy podać ręcznie dla każdego z linków.

Data ostatniej modyfikacji: 28.11.2011, 18:34.