Posts Tagged ‘urchin.js’

Śledzenie użytkowników na witrynach zewnętrznych metodą POST

Sunday, January 6th, 2008

Jeżeli strona zawiera formularz, który przekierowuje na witrynę zewnętrzną istnieje możliwość śledzenia takich użytkowników. Przy pomocy funkcji _utmLinkPost() lub _linkByPost() można przesłać ciasteczko metodą POST. Zobacz również jak przekazać sesję przy pomocy metody GET lub HREF. (pełniejsze wyjaśnienie konfiguracji oraz zmiennych google analytics)

Stary kod śledzący

<form name=”f” method=”post” onsubmit=”__utmLinkPost(this)“>
. . .
</form>

Nowy kod śledzący

<form name=”f” method=”post” onsubmit=”pageTracker._linkByPost(this)“>
. . .
</form>

kod śledzenia Analytics oraz wywołania funkcji _gat._getTracker i _initData muszą zostać umieszczone na stronie ponad wywołaniem funkcji _link

Śledzenie użytkowników na witrynach zewnętrznych

Sunday, January 6th, 2008

Google Analytics daje możliwość śledzenia użytkowników na przestrzeni rożnych witryn oraz subdomen. Niezbędne do tego jest przekazanie sejsji różnym domenom poprzez ciasteczko cookie. Ciasteczko cookie udostępniane jest innym domenom za pomocą HREF lub GET. Funkcja _utmLinker() lub _link() przekazauje plik cookie z odwiedzonej witryny do innej za pomocą parametrów łańcucha. Możliwe jest również przesłanie ciasteczka metodą POST używając funkcji _utmLinkPost() lub _linkByPost().

Do użycia w/w funkcji konieczna jest odpowiednia konfiguracja kodu śledzącego.

Stary kod śledzący

<script src=”http://www.google-analytics.com/urchin.js” type=”text/javascript”>
</script>
<script type=”text/javascript”>
_uacct = “UA-xxxxxx-x“;
_udn = “none”;
_link = 1;

urchinTracker();
</script>
. . .
<a href=”http://innastrona.pl/test.html” onclick=”__utmLinker(‘http://innastrona.pl/test.html’); return false;”>kliknij tutaj</a>

Nowy kod śledzący

<script type=”text/javascript”>
var gaJsHost = ((“https:” == document.location.protocol) ? “https://ssl.” : “http://www.”);
document.write(unescape(“\script src=’” + gaJsHost + “google-analytics.com/ga.js’ type=’text/javascript’>/<script>”);
</script>
<script type=”text/javascript”>
var pageTracker = _gat._getTracker(“UA-123456-1″);
pageTracker._setDomainName(“none”);
pageTracker._setAllowLinker(true);

pageTracker._initData();
pageTracker._trackPageview();
</script>
. . .
<a href=”http://innastrona.pl/test.html” onclick=”pageTracker._link(‘http://innastrona.pl/test.html’); return false;”>kliknij tutaj</a>

Funkcje _udn = “none”; oraz pageTracker._setDomainName(“none”); wiążą pliki cookie z nazwą domeny. Należy stosować je przy łączeniu w ramach poddomen lub innych nazw domen. Możliwe jest użycie 3 argumentów (auto|none|domena).

  • Domyślnie użyty jest argument “auto”, który wiąże plik cookie z jedną domeną
  • Argument “domena.pl” wiąże pliki cookie z domeną oraz subdomenami
  • Argument “none” daje możliwość przekazania sesji innej witrynie poprzez ciasteczko cookie.

Funkcja _ulink lub _setAllowLinker() umożliwia korzystanie z funckji _utmLinker() lub _link(). Możliwe argumenty to (1=on, 0=off – w starym kodzie), (true=on, false=off – w nowym kodzie).

kod śledzenia Analytics oraz wywołania funkcji _gat._getTracker i _initData muszą zostać umieszczone na stronie ponad wywołaniem funkcji _link

Śledzenie subdomen – nowy kod ga.js

Sunday, December 30th, 2007

W bardzo prosty sposób można śledzić domenę główną wraz z subdomenami. Jeżeli do naszej strony zaliczają się subdomeny, wówczas jako argument funkcji _setDomainName(); wpisujemy nazwę domeny. W przypadku gdy używamy różnych domen, używamy _setDomainName(“none”);

Stary kod śledzący

<script src=”http://www.google-analytics.com/urchin.js” type=”text/javascript”>
</script>
<script type=”text/javascript”>
_uacct = “UA-xxxxxx-x”;
_udn = “domena.pl”;
urchinTracker();
</script>

Nowy kod śledzący

<script type=”text/javascript”>
var gaJsHost = ((“https:” == document.location.protocol) ? “https://ssl.” : “http://www.”);
document.write(unescape(“\script src=’” + gaJsHost + “google-analytics.com/ga.js’ type=’text/javascript’>/<script>”));
</script>
<script type=”text/javascript”>
var pageTracker = _gat._getTracker(“UA-xxxxxx-x”);
pageTracker._setDomainName(“domena.pl”);
pageTracker._initData();
pageTracker._trackPageview();
</script>

Śledzenie strony na wielu kontach – nowy kod ga.js

Friday, December 28th, 2007

Śledzenie tej samej strony na różnych kontach bywa bardzo przydatne w różnych przypadkach. Osobiście używam tego do agregowania pewnych danych w utworzonych przez siebie profilach. Serwis w moim przypadku posiada domenę główną oraz ogromną ilość subdomen, które są przydzielone do odpowiednich kategorii np.: autokomisy, biura nieruchomości itd. Tym samym mogę śledzić w domenie głównej wszystkie subdomeny + domenę główną oraz poszczególne kategorie, do których należy nawet po kilkaset subdomen w osobnych profilach.

Wygląda to mniej więcej tak:

profil domena.pl – zlicza wszystkie subdomeny z profilu A i B + domenę głowną

profil A - zlicza wszystkie subdomeny, należące do kategorii A

profil B – zlicza wszystkie subdomeny należące do kategorii B

Stary kod śledzący

 

<script src=”http://www.google-analytics.com/urchin.js” type=”text/javascript”>
</script>
<script type=”text/javascript”>
_uacct = “UA-xxxxxx-x“;
urchinTracker();

_uff = 0; / resetuje numer _uacct i pozwala na dodanie nowego numeru
_uacct = “UA-xxxxxx-y”;

</script>

Nowy kod śledzący

 

<script type=”text/javascript”>
var gaJsHost = ((“https:” == document.location.protocol) ? “https://ssl.” : “http://www.”);
document.write(unescape(“\script src=’” + gaJsHost + “google-analytics.com/ga.js’ type=’text/javascript’>\<\/script>”));
</script>
<script type=”text/javascript”>
var firstTracker = _gat._getTracker(“UA-xxxxxx-x”);
pageTracker._initData();
pageTracker._trackPageview();

var secondTracker = _gat._getTracker(“UA-xxxxxx-y”);
pageTracker._initData();
pageTracker._trackPageview();
</script>

Śledzenie zdarzeń w Google analytics za pomocą ga.js

Wednesday, December 26th, 2007

Śledzenie zdarzeń na stronie internetowej polega na stworzeniu wirtualnej strony, która będzie zliczana przez analytics. Wirtualną stronę możemy wywołać za pomocą funkcji urchinTracker(); nadając jej odpowiedni argument np.: w postaci ścieżki urchinTracker(“/strona/wirtualna/”);. W nowym kodzie ga.js odpowiedzialna jest za to funkcja pageTracker._trackPageview();

Przykład śledzenia wirtualnej strony starym kodem śledzącym urchin.js

<script src=”http://www.google-analytics.com/urchin.js” type=”text/javascript”>
</script>
<script type=”text/javascript”>
_uacct = “UA-xxxxxx-x”;
urchinTracker(“/strona/wirtualna/”);
</script>

Przykład śledzenia wirtualnej strony nowym kodem śledzącym ga.js

<script type=”text/javascript”>
var gaJsHost = ((“https:” == document.location.protocol) ? “https://ssl.” : “http://www.”);
document.write(unescape(“\script src=’” + gaJsHost + “google-analytics.com/ga.js’ type=’text/javascript’>/<script>”));
</script>
<script type=”text/javascript”>
var pageTracker = _gat._getTracker(“UA-703916-3″);
pageTracker._initData();
pageTracker._trackPageview(“/strona/wirtulana/”);
</script>

Najczęstsze zdarzenia jakie możemy śledzić na stronie internetowej to

  • śledzenie pobieranych plików (pdf, multimedia itp)
  • śledzenie linków wychodzących (poprzez które użytkownicy opuszczają nasz serwis)
  • śledzenie banerów, różnego rodzaju reklam (poprzez które użytkownicy opuszczają nasz serwis)

Zasada jest taka sama dla powyższych zdarzeń.

Stara wersja urchin.js

<a href=”/dokument.pdf” onclick=urchinTracker(‘/dokument.pdf’);”>Ściągnij PDF</a>

Nowa wersja ga.js

<a href=”dokument.pdf” onclick=”pageTracker._trackPageview(‘/dokument.pdf’);”>Ściągnij PDF</a>

Analogicznie działa śledzenie linków wychodzących oraz banerów. W przypadku banerów flashowych odsyłam do pomoy google jak śledzić zdarzenia Flash

Zamiana kodu śledzącego urchin.js na ga.js

Wednesday, December 26th, 2007

Google wprowadził nowe kody śledzące google analytics. Postaram się krótko przedstawić stare oraz nowe równoważne funkcje.

Co to jest kod śledzący ?

Kod Google Analytics jest napisany w języku JavaScript. Aby dane były zbierane musi być on częścią kodu źródłowego strony, którą życzymy sobie śledzić.

Stary kod śledzący

<script src=”http://www.google-analytics.com/urchin.js” type=”text/javascript”></script>
<script type=”text/javascript”>
_uacct = “UA-xxxxx-x”;
urchinTracker();
</script>

Nowy kod śledzący

<script type=”text/javascript”> var gaJsHost = ((“https:” == document.location.protocol) ? “https://ssl.” : “http://www.”); document.write(“\<script src=\\’” + gaJsHost + “google-analytics.com/ga.js\\’ type=\\’text/javascript\\’>\<\/script>” ); </script>

Powyższa część odpowiada za automatyczne rozpoznanie protokołu http lub https

<script type=”text/javascript”>
var pageTracker = _gat._getTracker(“UA-xxxxxx-x”);
pageTracker._initData();
pageTracker._trackPageview();
</script>

Co się zmieniło w nowej wersji ?

  • ga działa szybciej, plik js jest mniejszy co powinno sprawić, że będzie szybciej się ładował
  • łatwiejszy do użycia oraz zrozumienia (to się okaże)
  • automatycznie rozpoznaje plik https
  • większe bezpieczeństwo (namespace – przestrzeń nazw)

Nowa wersja zakłada dostarczenie bardziej dokładnych danych dla bardziej rozbudowanych aplikacji oraz dodatkowe typy celów.

Czy trzeba zmienić urchin.js na ga.js ?

Google informuje, że stara wersja kodu będzie aktualna przynajmniej przez jeden rok lub dłużej jeżeli będzie taka potrzeba. Należy jednak zdawać sobie sprawę, że urchin.js nie będzie rozwijany i wszelkie nowości nie będą kompatybilne ze starym kodem śledzącym. Jeżeli chcemy mieć możliwość korzystania z nowych funkcjonalności ga.js zalecam zmianę w niedługim czasie przełączenie na nowy kod.

Czy można używać dwóch kodów jednocześnie ?

Nie, dwa rodzaje kodów nie powinny być użyte jednocześnie. Jak wcześniej wspomniałem dwa kody nie są ze sobą kompatybilne.

Inne artykuły na temat nowych kodów śledzących ga.js