Zliczanie pobrań plików w Google Analytics (MooTools / jQuery)



Jak powszechnie wiadomo, aby zliczać poszczególne statystyki w Google Analytics, wykorzystywany jest kod śledzący (obecnie preferowany jest ga.js), który działa poprawnie ze wszystkimi stronami i aplikacjami webowymi, które są w stanie wykonywać kod JavaScript.

Jednakże problem pojawia się w chwili, gdy użytkownik witryny / aplikacji webowej wybierze plik do pobrania. W tym przypadku, nie dostaniemy ani informacji jaki plik został wybrany, jak również nie zliczają się do Google Analytics statystyki dotyczące ostatniej oglądanej przez użytkownika strony. Dlaczego się nie zliczą? Nie zliczą się dlatego, że aby do Google Analytics przesłać kolejną paczkę danych, należy wywołać kod JavaScriptowy, a w przypadku pobrania pliku, kod taki nie jest wywoływany.

Załóżmy, że na stronie mamy następujące dokumenty:

  1. <a href="/files/plik_pdf.pdf" class="download">Ściągnij plik PDF</a>
  2. <a href="/files/plik_doc.doc" class="download">Ściągnij plik DOC</a>
  3. <a href="/files/plik_archiwum.rar" class="download">Ściągnij plik RAR</a>

Przy pomocy Twojej ulubionej biblioteki JavaScriptowej, pokaże jak w jaki łatwy sposób można zliczać pobrania tychże plików.

Zliczanie pobrań plików w Google Analytics wykorzystując jQuery

Jednym z praktycznych, a zarazem łatwych sposobów zliczania pobrań plików jest wykorzystanie jQuery oraz _trackPageview.

  1.       $(document).ready(function() {
  2.          $('.download').click(function () {
  3.                   pageTracker._trackPageview ('/pobrane/' + $(this).attr('href').replace('http://',''));
  4.        });
  5.   });

Używając tego skryptu należy jednak pamiętać, by tagom < a> nadać klasę class=”download”. Jest to o tyle istotne, że właśnie do tej klasy będziemy się odwoływać poprzez selektor jQuery.

Zliczanie pobrań plików w Google Analytics wykorzystując MooTools

Oczywiście taki sam efekt możemy osiągnąć przy użyciu biblioteki MooTools.

  1. window.addEvent('load', function() {
  2.  if(pageTracker) {
  3.   $$('.download').addEvent('click',function() {
  4.    pageTracker._trackPageview('/pobrane/' + this.get('href').replace('http://',''));
  5.   });
  6.  }
  7. });

Tym oto prostym sposobem, od tej chwili w panelu Google Analytics pojawiać się będą statystyki pobrań dokumentów zawartych na stronie.

Zapisz się na RSS by dowiadywać się o nowościach w serwisie!Zapisz się na RSS w blog.alchemycode.pl

Related Posts with Thumbnails
Prześlij dalej:
Digg Google Bookmarks reddit Mixx StumbleUpon Technorati Yahoo! Buzz DesignFloat Delicious BlinkList Furl

10 komentarze do “Zliczanie pobrań plików w Google Analytics (MooTools / jQuery)”

Hej, sorry za lamerskie pytanie, ale czy mógłbyś mi powiedzieć gdzie taki kod dokładnie wstawić? Jest to ciekawe rozwiązanie i chciałbym to umieścić na swojej stronie :)

Pozdrawiam

Alchemy Code | Luty 2nd, 2010 at 9:54
commenter

Po pierwsze musisz mieć na stronie podpięty kod Google Analytics. Dodatkowo musisz mieć również podpiętą bibliotekę JavaScriptową – i tak dla jQuery:

1. Zainstaluj kod śledzący GA
2. Ściągnij bibliotekę jQuery (link: http://code.jquery.com/jquery-1.4.1.min.js ) i wstaw na stronę:

w sekcji < head> dokumentu
3. W pliku z funkcjami js wstaw kod dla jQuery, a na stronie umieść:

w sekcji < head> dokumentu

Pozdrawiam :)

Mam jeszcze pytanie odnośnie tego zdania: „Przy pomocy Twojej ulubionej biblioteki JavaScriptowej, pokaże jak w jaki łatwy sposób można zliczać pobrania tychże plików.”

Mam rozumieć, że w statystykach google analytics będzie gdzieś lista wszystkich plików,które ktoś ściągnął, czy też że na podstronę „x” było 50 wejść a na podstronę „y” było wejść 60?

Sorki za takie pytania ale nie jestem zbyt biegły jeśli chodzi o te sprawy a bardzo mnie zaciekawił ten wątek :)

Alchemy Code | Luty 2nd, 2010 at 10:32
commenter

technika ta wykorzystuje tak zwane „Virtual Pageviews”, czyli:

dla pliku dokument.pdf

w swoim panelu GA zobaczysz że strona /pobrane/dokument.pdf miała jakaś tam liczbę odsłon.

Aha dzięki za info :D a poza tym spoko blog, tak trzymaj :)

Alchemy Code | Luty 2nd, 2010 at 10:39
commenter

dzięki :)

commenter

Nie w sekcji tylko na końcu .

commenter

Witajcie,
Coś mi nie chce zliczać zrobiłem tak: zapisałem na dysku ten plik java (http://code.jquery.com/jquery-1.4.1.min.js) potem przegrałem go na ftp do głównego katalogu i w headzie umieściłem „” Potem na samym dole po html umieściłem kod google analist, a za nim kod java który jest tu opisany. Potem dla linków dałem class=”download”. Niestety nie działa. Próbowałem zmienić kolejność kodów w pliku i przeniosłem je wszystkie do head i tez nie działa. Próbowałem również z mootools – ale podobnie.

Czy ktoś ma z tym doświadczenie – mógłby pomóc?

commenter

chyba najłatwiej będzie Ci pomóc jak podasz linka:)

Jerzy Piechowiak | Lipiec 10th, 2011 at 22:15
commenter

Przydatne. Dzięki:)

Zostaw komentarz:

Imię (wymagane):
Email:
Strona www:
Komentarz (wymagany):
XHTML: W komentarzach możesz korzystać z nastepujących tagów: <a href="" title=""> <abbr title=""> <acronym title=""> <b> <blockquote cite=""> <cite> <code> <del datetime=""> <em> <i> <q cite=""> <strike> <strong>
-