Rewolucja w kodzie Google Analytics

Przemek Modrzewski

14 years ago

Większość z osób, które czytają mojego bloga zapewne korzysta także z darmowych statystyk Google Analytics. Nawet jeśli korzystacie także z innych to GA jest bardzo rozbudowane i darmowe a do tego przyjazne, więc wyjścia nie ma 😉 Korzystałem z innych ale przestawić się ciężko i nawet nie ma takiej potrzeby bo GA, nawet w darmowej wersji potrafi obsłużyć nawet bardzo duże serwisy.

Ostatnio Google dodało do swoich statystyk nowy rodzaj kodu śledzenia. Po co? Do tej pory Google rekomendowało instalowanie kodu śledzenia tuż przed tagiem zamykającym treść strony </body>. Dlaczego? Ponieważ, gdyby był wyżej jego wolniejsze ładowanie mogłoby zablokować (spowolnić) ładowanie treści strony znajdującej się pod nim. Mogłoby to wpłynąć na użyteczność strony, dlatego Google rekomendowało miejsce na samym dole. Jednak jeśli instalujemy kod standardowo powyżej </body> nie możemy już korzystać z bardzo ważnych opcji śledzenia zdarzeń (np. kliknięć, ściągnięć). W takim przypadku kod musimy wstawić powyżej wszelkich elementów, które chcemy śledzić. Może to powodować spowolnienie ładowania strony, lecz rady nie było.

Do tej pory. Google wprowadziło tzw. kod asynchroniczny, który optymalizuje ładowanie kodu ga.js przez wyszukiwarkę, w taki sposób, że jego ładowanie nie jest odczuwalne przez użytkownika strony. Pozwala to w standardzie umieszczać kod śledzenia wysoko w kodzie strony, bez narażania się na spowolnienia ładowania i pozwala cieszyć się wszystkimi funkcjami Analytics w standardzie.
Instalacja kodu nie jest trudna i wygląda prawie tak samo jak kodu ga.js ,ale wymaga przeczytania instrukcji instalacji. Jeśli używamy już kodu ga.js na naszej stronie, trzeba go skasować a zamiast niego w szablonie strony umieścić kod na samym dole sekcji <head>, który wygląda tak:

<script type="text/javascript">

  var _gaq = _gaq || [];
  _gaq.push(['_setAccount', 'UA-XXXXX-X']);
  _gaq.push(['_trackPageview']);

  (function() {
    var ga = document.createElement('script');
    ga.src = ('https:' == document.location.protocol ? 'https://ssl' : 'http://www') + '.google-analytics.com/ga.js';
    ga.setAttribute('async', 'true');
    document.documentElement.firstChild.appendChild(ga);
  })();

</script>

Nowego kodu nie znalazłem w interfejsie Analytics. Może dlatego, że jest on w wersji Beta. Aby go zainstalować trzeba go ściągnąć i dopasować do własnych potrzeb. Instrukcja znajduje się tutaj

Dlaczego rewolucja?

Dla tych co naprawdę wykorzystują potencjał Google Analytics będzie to rzeczywiście duża zmiana. Dla tych co standardowo, już mniejsza albo wręcz żadna 😉

Więcej o nowym kodzie można przeczytać na blogu Analytics oraz w pomocy Analytics. Szczegóły instalacji można znaleźć tutaj