Firebug pruža dosta opcija za fino podešavanje web stranica i efikasno ispravljanje grešaka bez sati, pa čak i dana, provedenih u kreiranju i proveravanju koda. Od osnovnog HTML, preko CSS i JavaScript koda, mnogo različitih elemenata i jezika se kombinuje da bi se postigao željeni efekat na web stranici. Zavisno od toga da li radite sa HTML, CSS ili JavaScript kodim na web stranici, imate na raspolaganju nekoliko panela sa različitim funkcijama.

1. Console Panel

Ovaj panel sadrži komandnu liniju JavaScript-a koju možete koristiti za pronalaženje i ispravljanje grešaka u JavaScript kodu. Moguć je unos JavaScipt komandi posle znaka “>>>”  u dnu panela. Takođe, možete odrediti u kom trenutku ćete zaustaviti izvršavanje skripte i pregledati kod, red po red ili po segmentima.

Komandna linija u dnu kartice Console, koja počinje sa “>>>” prihvata JavaScript komande. Rezultati ili JavaScript komanda ako postoji, se prikazuju u konzoli. Komandna linija JavaScript-a je veoma moćan alat za Firebug. Ova funkcija Vam omogućava izvršavanje JavaScript dokumenata i komandi “u letu”, bez ponovnog učitavanja web stranice što praktično znači da ćete ispravnost koda i rezultat izvršavanja skripte moći da proverite u komandnoj liniji, pre nego što ga implementirate u Vašu web stranicu.

JavaScript Profiler izvešta o vremenu potrebnom za izvršavanje vaših JavaScript funkcija, tako da možete ispratiti karakteristike JavaScript komponenti koje usporavaju Vaše stranice ili JavaScript aplikacije. Da biste videli Profiler, potrebno je da bude aktivna kartica Console, a zatim kliknite na opciju “Profile” u podmeniju (redosled opcija je “Clear | Persist | Profile”). Profajler prikazuje listu svih pozvanih funkcija i vreme potrebno za pozivanje svake funkcije. Možete izabrati funkciju čiji profil želite da prikažete dodavanjem console.profile ([title]) na početak željenog odeljka, i console.profileEnd () na kraju.

2. HTML Panel

Firebug olakšava pozicioniranje i definisanje dimenzija pojedinih elemenata stranice, kao što su visina, širina ili margine i omogućava da odmah vidite kako se pojedine izmene odražavaju na izgled stranice. Svi HTML, CSS i JavaScript objekti internet stranice mogu se menjati sa jednim ili dvostrukim klikom miša. Čim počnete da kucate, promene su odmah vidljive u prozoru browser-a što pruža instant povratnu informaciju.

Pored toga što postojeće stilove stranice možete pregledati i modifikovati, Firebug Vam omogućava da, na kartici Style u HTML panelu, proverite “kaskadu” stranice. Ovo u praksi znači da možete veoma lako otkriti zašto se stilovi koje ste definisali za određeni element ne primenjuju kako ste zamislili. Sva podešavanja stila koja se odnose na određeni element, biće prikazana po hijerarhiji. Definicije stila koje su “pregažene” podešavanjima stila nekog roditeljskog elementa i koji se neće primenjivati na stranici, biće prikazane precrtane.

Izmene numeričkih vrednosti

Jedna od najboljih komponenti ove funkcije jeste otkrivanje tačnog pozicioniranja i definisanih vrednosti padding i margin atributa. Jednostavno kliknite na numeričku vrednost koju želite da promenite i unesite novu vrednost preko tastature, ili koristeći strelice na gore i na dole na tastaturi povećajte ili smanjite vrednost za jedan. Pomoću tastera Tab možete prelaziti na naredne vrednosti polja za unos.

Layout panel: Procena visine, širine, padding-a, bordera i margina

Kada koristite Inspect element opciju, levi panel prikazuje HTML kod, dok se u desnom panelu prikazuje CSS. Pored CSS oznake, u vrhu desnog panela nalazi se kartica Layout. Ova kartica ilustruje CSS layout koji se odnosi na izabrani element. Da biste videli visinu ili širinu bilo kog drugog elementa na stranici, jednostavno izaberite Inspect element, dok je ovaj prozor otvoren i pređite mišem preko elemenata web stranice koje želite da pregledate.

U meniju kome pristupate preko strelice pored naziva HTML panela, možete uključiti/isključiti vidljivost određenih elemenata stranice. Između ostalog možete definisati da li će Firebug, ukoliko je tekst u okviru nekog elementa (na primer, <p> tagova) dugačak, skratiti ovaj tekst i dodati “…” unutar teksta ili na kraj liste atributa, ili će prikazivati ceo tekst, da li će komentari upisani unutar <!– i –> tagova u kodu stranice biti vidljivi ili ne, i slično.

Logovi događaja

Da biste omogućili logovanje događaja, jednostavno kliknite desnim tasterom miša unutar HTML panela i izaberite opciju Log Events. Lista događaja vezanih za izabrani element će se prikazati u panelu Console. Logovi registruju događaje kao što su – mousemove, mouseout, mouseover, select, click, dblclick, keypress.. vezane za prelaženje mišem preko izabranog elementa stranice, klik ili dvostruki klik mišem, upis teksta u polja za unos i slično.

3. CSS Panel

CSS panel Vam omogućava da podesite CSS stilove stranice prema svojim potrebama. Možete koristiti ovaj panel za pregled ili editovanje CSS dokumenata “u letu” i videti odmah rezultat napravljenih promena na dokumentu koji je trenutno aktivan u browser-u. Ovaj panel se najčešće koristi za podešavanje piksela, pozicije elemenata, izgleda i stila elemenata unutar HTML dokumenta. Takođe je korisno ako želite da vidite elemente čije su vrednosti postavljene na none, ili invisible.

CSS inspektor omogućava prikaz svih učitanih stilova stranica i promene stilova “u letu”. U podmeniju ovog panela, pored opcije Edit, nalazi se lista učitanih stilova stranice, iz koje možete izabrati jedan da biste ga pregledali preko panela.

4. Script Panel

U Script panelu se prikazuju JavaScript fajlovi i dokument iz kojeg se oni pozivaju. U podmeniju ovog panela, desno od ikonice Break On Next možete videti listu JavaScript fajlova i izabrati jedan koji želite da pregledate preko panela, postaviti Breakpoints i uslove pod kojima se pojavljuju tačke prekida. Ovaj panel Vam omogućava otklanjanje grešaka unutar JavaScript koda, direktno u browser-u.

5. DOM Panel

HTML elementi su takođe poznati kao DOM elementi. DOM (Document Model Object) predstavlja hijerarhiju HTML elemenata i funkcija. DOM panel prikazuje sve elemente stranice, njihove karakteristike i povezanost između njih. Takođe, prikazuje sve JavaScript promenljive i njihove vrednosti.

DOM inspektor pruža informacije o svim svojstvima svih objekata u dokumentu. Njegova možda najbolja karakteristika je da promene, tokom dinamičkog update-a Vaše web stranice, neće uticati na promenu koda stranice, vidljivog u View source opciji browser-a, već će biti vidljive u ostalim Firebug panelima.

Opcija CSS u podmeniju DOM inspektora prikazuje sva važeća CSS pravila za elemente web stranice, uključujući i osobine koje su nasledili od roditeljskih elemenata i omogućava Vam da uključite/isključite ili izmenite pojedinačna podešavanja stila i dodate CSS pravila.

6. Net Panel

Net panel prikazuje sve upite koje browser pravi prilikom učitavanja stranice, vreme potrebno svakom resursu za učitavanje, HTTP zahtevana zaglavlja i odgovore koje server šalje za svaki resurs. Opcija XHR koja se nalazi u podmeniju ovog panela je korisna za otklanjanje grešaka u AJAX kodu.

Provera brzine učitavanja stranice

Na kartici Net grafički je prikazano vreme odziva svih elemenata web stranice prilikom njenog učitavanja u browser. Monitoring mreže mora biti uključen kako bi Net panel radio, ali je po podrazumevanim podešavanjima ta opcija već uključena (opcije u padajućem meniju kartice Net vam dozvoljavaju da ovu opciju naknadno isključite ili uključite prema sopstvenim potrebama).

Ovo je zgodan način za testiranje (i dokazivanje) da se postavljanjem vašeg JavaScript koda u footer web stranice, posebno strana koje sadrže pretežno JavaScript, značajno poboljšava vreme preuzimanja stranice sa Interneta. Ukupno vreme preuzimanja će biti isto, ali pošto pretraživači, kada naiđu na skripte, zaustavljaju učitavanje stranice dok ne preuzmu skriptu, stranica će izgledati kao da je potrebno manje vremena za učitavanje, što će se pozitivnije odraziti na posetioce web stranice.

Levim klikom na znak plus sa leve strane imena fajla prikazuje se HTTP zaglavlje za svaku datoteku koja je skinuta.

I pored velikog broja pozitivnih strana koje ovaj Mozilla plugin poseduje, Firebug spada u problematične ekstenzije i može praviti probleme sa prekomernim korišćenjem procesora i RAM memorije Vašeg računara. Zbog toga, ukoliko uočite da Vaš računar usporava kada surfujete, proverite CPU i Memory Usage preko Task Manager-a i deaktivirajte Firebug. Generalna preporuka je da Firebug uključite samo kada Vam je potreban za kodiranje i dizajn web strana, i da ga deaktivirate dok surfujete netom.

Listu svih problematičnih ekstenzija možete pregledati u MozillaZine bazi znanja koja sadrži dokumentaciju vezanu za sve Mozilla proizvode.

Firebug je besplatna Open Source alatka dostupna kao plugin za Firefox koja omogućava pronalaženje i otklanjanje grešaka u HTML, CSS i JavaScript kodu. Tutorijal je namenjen svima koji se na bilo koji način bave web dizajnom i razvojem Internet stranica. Za praćenje i razumevanje tutorijala potrebno je da imate osnovno znanje HTML, CSS i JavaScript koda i instaliran Firebug. U trenutku pisanja ovog tutorijala poslednja stabilna verzija je 1.5 i možete je preuzeti sa zvaničnog sajta proizvođača.

Šta Firebug nije?

Firebug nije editor koda. To praktično znači da nema mogućnost trajnog čuvanja izmena koje ste testirali na Vašoj stranici (osim ako te izmene sami prekopirate i sačuvate). Funkcija ove alatke je manipulisanje kodom direktno na stranici i praćenje kako određene promene utiču na izgled stranice bez potrebe za stalnim čuvanjem, upload-om na server i osvežavanjem stranice da bi izmenjen sadržaj postao aktivan.
Iako kreatori ovog plugin-a najavljuju da će neka od budućih verzija imati mogućnost čuvanja izmena u kodu stranice, u Firebug-u ovakva funkcija trenutno ne postoji.

Šta Firebug jeste?

Firebug je trenutno najpopularniji Mozilla Firefox plugin namenjen razvoju web stranica. Omogućava proveravanje HTML koda i menjanje stilova i layout-a stranice u realnom vremenu i predstavlja naprednu alatku za otklanjanje grešaka u JavaScript kodu. Pored toga pruža pregled svih upita koje browser pravi prilikom učitavanja web stranice, kao i grafički prikaz vremena potrebnog za učitavanje, pojedinačno za svaki element stranice.
Još jedna korisna funkcija Firebug-a je mogućnost praćenja XMLHttpRequest saobraćaja, na kojem se temelji AJAX. Firebug nudi i svoju varijantu DOM Inspector-a, a omogućava Vam da sa tačno određene stranice pratite logove HTML, CSS, JS i XML grešaka, umesto preko Firefox konzole za greške.

Treba pomenuti da za Firebug postoji veliki broj ekstenzija sa različitim dodatnim funkcijama koje olakšavaju manipulaciju sa HTML, CSS, DOM i JavaScript elementima Vašeg sajta.

Takođe postoji verzija ovog plugina Firebug Lite, namenjena ostalim browserima, kao što su IE6+, Opera, Chrome i Safari.

Ekstenzije

FireFile – Firebug ekstenzija koja omogućava čuvanje CSS fajlova modifikovanih pomoću Firebug-a.
FirePHP – omogucava ispis u Firebug konzolu pozivanjem proste PHP funkcije, narocito korisno za ajax developere.
Yslow – Dodatak za Firefox integrisan sa Firebug plugin-om. Yslow analizira i ocenjuje web stranice na osnovu tri predefinisana seta pravila ili na osnovu pravila koja definiše sam korisnik. Na osnovu toga prikazuje statistiku stranice i predlaže načine za poboljšanje performansi kako bi se stranice brže učitavale u browser.

SenSEO – Ovaj dodatak služi za proveru najvažnijih on-page SEO kriterijuma i procenjuje koliko dobro Vaša web stranica ispunjava ove kriterijume. SenSEO procenjuje Vašu stranu prema smernicama za optimizaciju, koje je definisao Google, kao što Yslow rangira stranicu prema kriterijumima za optimizaciju performansi koje je definisao Yahoo.

SenSEO pruža pregled bitnih SEO komponenti web stranice i analizira on-page SEO kriterijume kao što su title, meta description, keywords, headings tagovi, i još mnogo toga. Može biti vrlo koristan alat za jednostavno ispravljanje grešaka koje ste možda prevideli tokom pisanja koda web stranice.

Pixel Perfect – Firefox dodatak pomoću koga web dizajneri i developeri mogu lako da “preklope” kodiranu HTML stranicu sa dizajnom koji treba pretvoriti u HTML/CSS, i tako vizuelno uporede koliko se napisani kod razlikuje od onoga što je predviđeno dizajnom. Piksel Perfect takođe ima Opacity opciju tako da možete istovremeno videti obe verzije i na osnovu toga lako odrediti tačan položaj i dimenzije elemenata web stranice u odnosu na originalni dizajn.
Ostale Firebug ekstenzije možete pronaći na zvaničnom sajtu Firebug.

Nakon što ste uspešno kreirali Vaš Google Analytics nalog i  upoznali se sa osnovnim mogućnostima koje Vam nudi Google Analytics Dashboard, želećete da otkrijete prednosti i mane Vašeg web sajta i načine za njegovo unapređivanje. Važno je da imate jasno definisane ciljeve za Vaš sajt.
Šta je to što želite da posetioci urade kada dođu na sajt?
Praćenje Google Analytics izveštaja vezanih za funkciju Goals and Funnels Vam pomaže da shvatite kretanje posetilaca na Vašoj web stranici i da otkrijete koji koraci u procesu koji ste definisali sprečavaju posetioce da dođu do ciljne stranice koju ste zadali.

Na IX Međunarodnoj konferenciji E-trgovine, na Paliću, Nada Bukinac iz OTP banke održala je predavanje o Google Analytics tehnikama za merenje uspešnosti marketing kampanje i konverzije u kome je bilo reči i o kreiranju i praćenju ciljeva sajta.

Stepen konverzije na sajtu jeste jedna od najbitnijih matrica u web analitici jer definiše procenat jedinstvenih posetilaca koji su u određenom vremenskom periodu završili proces kupovine, prijave ili neki drugi proces postavljen kao cilj sajta/kompanije. Najbitnije je definisati koji su to strateški ciljevi sajta/kompanije i onda za njih meriti stepen konverzije.

Većina analitičara stepen konverzije definiše kao procenat posetilaca koji su uradili nešto što je vlasnik sajta želeo da posetioci urade: da poruče proizvod, prijave se na newsletter… Ako posmatramo posetioce sajta, treba da budemo svesni da ne možemo sve konvertovati. Manjina (20-40) posetilaca koji dođu na sajt ima nameru da kupi, dok ostatak dođe da istraži specifičnosti usluga koje pružate, da nauči nešto o Vama/kompaniji, traži posao, pročita obaveštenja za javnost, žele pomoć korisničke podrške ili žele da se odjave sa newsletter-a.

Merićemo da li je posetilac zadovoljio svoju svrhu dolaska na sajt tako što ćemo definisati zadatke kao ciljeve (Goals) koji će izgledati otprilike ovako: Istraživanje proizvoda/usluga, Kupovina proizvoda/usluga, Informisanje o kompaniji, Korisnička podrška, Download… Posle analize kompletiranih zadataka shvatićete zašto ljudi dolaze na vaš sajt, koliko njih je tu da kupi proizvod/uslugu i najbitnije, koji su to nedostaci sajta.

Jednom kada ste podesili funkciju Goals moći ćete da vidite stope konverzije i novčanu vrednost saobraćaja na Vašem sajtu. Takođe, možete definisati “Funnel path” za pojedinačne ciljeve koje ste postavili. Funnel path predstavlja “putanju” koji želite da posetioci Vašeg sajta pređu da bi došli do zadatog “cilja”. Definisanje Funnel path Vam omogućava da pratite koliko posetiilaca na Vašem sajtu je zapravo uspelo da zadovolji svoju primarnu svrhu dolaska na sajt.

Goal – je zapravo samo jedna poseta određene web stranice. Za cilj možemo postaviti stranicu koja se učitava kada posetilac završi proces kupovine, ostavi kontakt podatke (lead), preuzme neki fajl i slično.  Neki najčešći ciljevi su: stranica koja potvrđuje da je online kupovina uspešno obavljena, ili da se posetilac uspešno prijavio na Vašu mailing listu.

Funnels - Prilikom kreiranja ciljeva u Google Analytics-u možete predvideti, odnosno definisati sekvencu stranica „Funnel“ kroz koje posetilac treba da prođe dok ne stigne do krajnje stranice koja je definisana kao cilj.

Goal and Funnel Setup

1. Da biste podesili Goals and Funnels potrebno je da kliknete na link Edit u podešavanjima Vašeg profila.

2. U odeljku Goals izaberite Add Goal

3. U zavisnosti od toga koju opciju izaberete kao Goal Type biće Vam ponuđena različita polja za unos informacija. Ako ste se odlučili da cilj bude neka stranica Vašeg sajta (na primer, stranica za potvrdu o uspešno obavljenoj online kupovini) izaberite Goal Type – URL Destination.

4. Unesite naziv cilja. Ime bi trebalo da bude opisno tako da ih lako možete razlikovati ako postavljate više ciljeva za vaš sajt. Unesite URL adresu stranice koja će biti konačni korak od Vašeg cilja.

5. Definisanje odeljka Goal Funnel nije obavezno, ali se može koristiti ako imate niz koraka kroz koje korisnik obično prolazi do ciljne stranice. Definisanjem opcije Funnel možete da koristite Google Analytics izveštaj za analizu efikasnosti svakog koraka koji posetioci moraju da prođu do ciljane stranice.

6. Match Type – predstavlja podešavanje vrste podudaranja na osnovu URL adrese koju upisujete u polja Goal URL ili Funnel URL

Exact Match: Znači da će URL adresa u pretraživaču posetioca sajta morati da se podudara sa onom koju unesete u polje Goal URL. U ovom primeru URL adrese se neće podudarati i neće biti evidencije o ovoj poseti u vašem Goals izveštaju, iako se poseta završila kupovinom.

URL adresa posetioca: /checkout/thank-you.html?orderid=7348
Ciljana URL adresa: /checkout/thank-you.html

Head Match: Ovo znači da, ukoliko se početak URL adrese u pretraživaču posetioca sajta  poklapa sa adresom koju ste uneli u polje Goal URL, poseta će biti evidentirana u Goals and Funnels izveštaju. U ovom primeru obe adrese u pretraživaču posetioca sajta  se poklapaju sa ciljnom URL aresom:

URL adresa posetioca: /checkout/thank-you.html
URL adresa posetioca: /checkout/thank-you.html?orderid=7348
Ciljna URL adresa: /checkout/thank-you.html

Regular Expression Match*: Ovo je napredna opcija koja omogućava veliku fleksibilnost u postavljanju ciljeva. Postoje brojne knjige i drugi izvori koji objašnjavaju opciju Regular Expression. Ukratko, možete da koristite specijalne karaktere kako biste prilagodili ciljni URL da bude upravo ono što vi želite. U ovom primeru možemo zahtevati da drugi korak funkcije Funnel sadrži jednu od dve ponuđene URL adrese: “/checkout/step-two-a.html” ili “/checkout/step-two-b.html”.

STEP 1: ^/checkout/step-one\.html$
STEP 2: ^/checkout/(step-two-a|step-two-b)\.html$
STEP 3: ^/checkout/step-three.html$

7. Opciono, možete definisati Goal Value*, ako želite da pratite novčanu vrednost Cilja koji ste definisali. Ako vaš Cilj koristi dinamičke vrednosti, kao sto je vrednost proizvoda koje posetilac stavi u korpu, prilikom elektronske kupovine, ostavite ovo polje prazno.

Kao što smo već objasnili u prvom delu vodiča za Google Analytics, ovaj besplatan servis koji nudi Google vam omogućava detaljan uvid u kretanje posetilaca na Vašem sajtu. Nakon što se ulogujete na Google Analytics nalog i otvorite stranicu sa izveštajima o vašem sajtu dobijate Dashboard, panel koji sadrži nekoliko osnovnih grafikona koji osim broja posetilaca sadrže i svu prateću statistiku koja obuhvata i podatke o najposećenijim stranicama i najčitanijim tekstovima na sajtu, vreme zadržavanja posetilaca, načine na koje posetioci dolaze na sajt i ostale veoma detaljne statističke podatke.

Dashboard se sastoji iz nekoliko odeljaka.

1. Analytics Settings - Sadrži listing svih web sajtova koje pratite sa Google Analytics. Odavde možete pregledati izveštaj za sajt, preko linka View report, ili preko linka Edit doći na stranicu Prifile Settings, gde možete videti svoj kod za praćenje i kreirati tzv. “Goals and Funnels”, o čemu ćemo više govoriti u sledećem članku.

2. Linijski grafikon – Ovde možete izabrati vremenski opseg između dva datuma za statistiku Vašeg sajta. Ako podešavate Google Analytics za nov sajt koji je tek pokrenut i još uvek je u fazi razvoja, verovatno nećete videti hiljade pregledanih stranica u vašoj statistici. Pomoću opcije Export, možete sačuvati podatke iz izveštaja kao PDF ili XML dokument. Ako izaberete PDF format, dokument će biti sačuvan na desktopu Vašeg računara.

3. Dodavanje ili brisanje modula izveštaja na Vašoj kontrolnoj tabli. U gornjoj liniji većine izveštaja (Visitors, Traffic Sources, Content…) postoji dugme “Add to dashboard” pomoću kog možete dodati na Dashboard izveštaj koji želite da pratite.  Da biste obrisali jednu stavku jednostavno kliknite na  ’X’ u gornjem desnom uglu svakog modula.

4. Analytics Intelligence - Predstavlja novu funkciju Google Analytics. Algoritam omogućava praćenje i automatsko obaveštavanje o značajnim promenama u podacima o sajtu, na dnevnom, nedeljnom i mesečnom nivou, kao i podešavanje alarma koji su prilagođeni specifičnim potrebama sajta. Više o ovoj funkciji možete videti na YouTube video prezentaciji Analytics Intelligence & Custom Alerts.

5. Visitors - Ovaj odeljak pruža informacije o posetiocima sajta, vrsti  posetilaca, kao i informacijama o tome na koji način su pregledali Vaš sajt. Između ostalih informacija ovaj odeljak sadrži tzv. Tehnički profil u kome možete saznati koji web pretraživač najčešće koriste posetioci Vašeg sajta, kao i brzinu Interneta. Nekoliko osnovnih pojmova koji će vam olakšati razumevanje izveštaja o posetiocima sajta su:

Hits – Pre pojave Google Analytics webmasteri su koristi termin – “Hit“ (ili bukvalno prevedeno – pogodak). Ali je taj termin smatra zastarelim. Kada bi korisnik želeo da pregleda jednu web stranicu na kojoj se nalazi 10 slika, stari sistemi za statistiku web stranica bi to protumačili kao  10 pogodaka. Ovaj termin je zamenjen sa tačnijim  terminima kao što su „broj pregleda stranica” i „posete“ koje možete pratiti u statistici Vašeg sajta u odeljku – Site Usage.

Visits vs. Page Views

Visits – Predstavlja ukupan broj poseta Vašem sajtu. Poseta se računa svaki put kada korisnik web sajta zatraži jednu ili više stranica sa web servera.  Ako je korisnik neaktivan određen vremenski period (obično 20 minuta), kada se vrati to se računa kao nova poseta.

Page Views – Predstavlja broj uspešno učitanih dokumenata sa Vašeg web sajta, koji se mogu smatrati stranicom, od strane jednog posetioca. To obično uključuje dokumenta sa ekstenzijom .txt, .asp, .php itd. Stranice generisane kao rezultat greške (npr. 404 – Page Not Found Error) se ne računaju u statistici posećenih stranica.

Ukratko, ako posetilac pregleda 15 stranica pre nego sto napusti Vaš sajt, to će se računati kao 15 pregleda stranica (Page Views), ali će biti zabeleženo kao 1 poseta (1 Visit)

Bounce Rate – Prema standardima analitičkih programa poseta se računa samo onda kada  posetilac pregleda više od jedne stranice na sajtu. Ako posetilac koji dođe na sajt pregleda samo jednu stranicu pre nego što napusti sajt, to se računa kao „bounce“.

6. Traffic Sources – Prikazuje koliko različitih offline i online izvora šalje saobraćaj ka vašem sajtu (direktne posete, baneri i linkovi sa drugih sajtova, pretraživači). Sa postojećih grafikona možete pratiti kako najčešće posetioci dolaze na vaš sajt i proceniti  buduće trendove.

7. Content - Prati popularnost svake od najposećenijih stranica na sajtu.  Svi ovi izveštaji su o stranicama na Vašem sajtu i popularnosti određenjih sadržaja na njima. Use the data here to find time on page, landing and exit page information, and a navigation summary for pages.

8. Goals - Ako ste postavili ciljeve za svoj Analytics nalog, onda bi trebali da podatke iz tih izveštaja.

9. Custom Reporting – Možete napraviti izveštaj prilagođeni Vašim potrebama koristeći parametre koje želite da vidite.

Za korisnike WordPress-a postoji opcija dodavanja plugin-a Google Analytics Dashboard koji vam omogućava da vidite podatke iz Google Analytics u okviru Vašeg WordPress Dashboard. Ovaj dodatak međutim ne obezbeđuje tracking kod za Google Analytics. Za to ćete morati da koristite plugin kao što je  Google Analytics for WordPress.  Ovaj plugin automatski prati i segmentira sve linkove iz postova, komentara, blogova i linkove za download.

Google Analytics je verovatno najpopularniji program za praćenje i analizu posećenosti, koji je trenutno u upotrebi na oko 40% od 10.000 najpopularnijuh web sajtova. Preko Google Analytics možete pratiti na koji način su posetioci pronašli Vaš sajt i posećenost pojedinačnih stranica sajta. Podaci koje pruža ovakva statistika mogu se koristiti u cilju povećanja broja posetilaca i poboljšanja kvaliteta njihovih poseta.

Pre korišćenja Google Analytics potrebno je:

- Kreirati Google nalog (ili možete koristiti postojeći)
- Podesiti Google Analytics nalog
- Uskladiti web stranicu sa W3C standardima

Prednosti web stranice usklađene sa W3C standardima

- Bolje rangiranje u rezultatima pretraga

- Više korisnika koji mogu videti Vaš sajt

- Kraće vreme učitavanja stranice i smanjeno opterećenje protoka na sajtu

- Kompatibilnost sa novijim pretraživačima

- Osobe sa invaliditetom mogu koristiti Vaš sajt

- Web stranici se može pristupiti sa različitih uređaja, uključujući mobilne telefone i PDA uređaje

- Lakše održavanje i nadogradnja sajta

Kako mogu videti statistiku mog sajta?

1. Ulogujte se na vaš Google nalog da biste na sajtu Google Analytics mogli da pristupite podešavanjima

2. Nakon što kliknete na dugme Sign up biće potrebno da unesete neke osnovne podatke kao što su URL sajta za koji želite da pratite statistiku, kontakt informacije i sl.

3. Kada kreirate Google Analytics nalog potrebno je da dodate Tracking Code u HTML kod vašeg sajta i prva statistika će biti dostupna već nakon 24 sata.

Dodavanje korisnika

Ako je potrebno da dozvolite još nekome pristup statistici vašeg sajta to možete jednostavno postići dodavanjem novih korisnika u vašem Google Analytics nalogu. Pri dnu Overview stranice nalazi se User Manager u okviru kog dodajete e-mail adresu i prava pristupa – View Reports Only ako želite da dozvolite samo pregledanje statističkih podataka za sajt, ili Account Administrator ako želite da dozvolite potpun pristup vašem nalogu.

Bilo da imate jedan ili više domena za koje pratite statistiku, biće potrebno da ih selektujete u okviru polja Available Website Profiles i dodate ih u Selected Website Profiles. Selektujte sve domene za koje želite da dozvolite pristup novom korisniku i sačuvajte promene.

Kreiranje filtera

Filteri su način segmentacije ili manipulacije podacima koji dolaze u vaš profil. Filteri mogu biti podešeni da obavljaju više zadataka, kao što je isključivanje određene IP adrese iz ukupne statistike poseta ili prikazivanje podataka samo za određeni poddomen.

Isključivanje internog  saobraćaja iz ukupne statistike poseta

Ne želite da u ukupnoj statistici posećenosti sajta vidite koliko puta ste posetili sopstveni sajt, jer to ne bi bila stvarna slika koliko je posetilaca vaša web stranica zaista privukla. Zbog toga je veoma preporučljivo postavljanje filtera koji isključuje sav interni saobraćaj.
Filter “Exclude Internal Traffic” možete dodati preko opcije Edit za podešavanje vašeg profila. Ako već imate filter koji isključuje interni saobraćaj, onda možete izabrati opciju Apply Existing Filter To Profile. Ako nemate postojeći filter koji isključuje proveru internog saobraćaja ostavite već izabranu opciju Add New Filter To Profile. Popunite polja u odeljku Enter Filter Information i upišite vašu IP adresu:

Dodatni saveti

Nemojte dodavati Google Analytics Tracking Code u HTML kod vašeg sajta sve dok ne završite sa kreiranjem profila.
Nakon što ste dodali tracking Code, Google Analytics će početi da popunjava svoje izveštaje podacima o posetama vašem sajtu. Ako podešavanja profila nisu ispravna, statistika sajta će sadržati netačne podatke. Izdvojite vreme da proverite da li su sve postavke profila ispravne pre nego što dodate kod za praćenje. Na ovaj način, možete obezbediti da svi podaci u izveštajima budu tačni od početka.

Iskoristite funkciju Goals and Funnels.

Definišite ciljne tačke vašeg sajta. Ciljevi vam omogućavaju da lako vidite koliko je posetilaca stiglo do određene stranice i shvatite gde posetioci gube interes za sadržaj vašeg sajta. Možete koristiti ove informacije kako bi poboljšali sadržaj i dizajna sajta. Detaljnije o podešavanjima Goals and Funnels funkcije u 3. delu vodiča za Google Analytics.