Analytix
Analytix je aplikacija za praćenje posjeta i aktivnosti na web sajtovima. Na jednom mjestu prikazuje broj posjetilaca, najposjećenije stranice, izvore saobraćaja i uređaje koje posjetioci koriste. Podaci se mogu pregledati po sajtu i odabranom periodu.
- Tehnologije
- LaravelReactDockerPostgreSQLTypeScriptTailwind CSSZustand
Analitika za više sajtova
Kod pregleda statistike sajta najčešće nas zanima nekoliko stvari: koliko ljudi dolazi, šta gledaju i kako su nas pronašli. Analytix smo razvili da se ti podaci mogu brzo provjeriti, bez traženja kroz veliki broj izvještaja.
Aplikacija podržava više sajtova. Korisnik bira sajt i period koji ga zanima, a pregled se prilagođava tom izboru. Ista navigacija vodi do ukupne statistike, pregleda pojedinačnih stranica i trenutne aktivnosti.
Pregled posjeta
Početni pregled izdvaja broj pregleda stranica, posjetilaca, sesija i stopu napuštanja. Uz vrijednosti su prikazane promjene u odnosu na prethodni period, pa se odmah može primijetiti rast ili pad posjećenosti.
Grafikon prikazuje kretanje posjeta po danima, dok su raspodjela uređaja i izvori saobraćaja izdvojeni u zasebne cjeline. Kratka objašnjenja uz pokazatelje pomažu da se razlikuju posjetioci, sesije i pregledi stranica.
Pregled pojedinačnih stranica
Za svaku stranicu prikazani su broj pregleda, broj posjetilaca i prosječan broj pregleda po posjetiocu.
Tabela omogućava da se provjeri koje stranice se najviše otvaraju i kako je posjeta raspoređena kroz sajt. I ovdje važe isti izbor sajta i vremenskog perioda, tako da se podaci mogu čitati zajedno s glavnim pregledom.
Prikupljanje podataka
Praćenje se povezuje sa sajtom kroz JavaScript skriptu i njegov jedinstveni identifikator. Skripta bilježi otvaranje stranica, izvor dolaska, veličinu ekrana, browser i tip uređaja. Podržano je i praćenje promjene stranice u aplikacijama koje ne učitavaju cijeli dokument pri svakoj navigaciji.
Laravel API obrađuje događaje i povezuje ih s odgovarajućim sajtom i sesijom. Podaci se čuvaju u PostgreSQL bazi i koriste za izvještaje u aplikaciji.
Razvoj aplikacije
Analytix ima odvojen Laravel backend i React interfejs pisan u TypeScriptu. Podaci se preuzimaju kroz API, a izbor sajta, filteri i podešavanja prikaza čuvaju se kroz Zustand. Docker povezuje razvojno okruženje s aplikacijom i bazom podataka.
Interfejs ima svijetlu i tamnu temu, prilagodljivu navigaciju i raspored za manje ekrane. Grafikoni, tabele i filteri koriste isti način prikaza kako bi se između izvještaja moglo prelaziti bez dodatnog privikavanja.