← Portfolio EDGE ANALITIKA · SVG SKAITLIUKAS

Išmanusis svetainės peržiūrų skaitiklis

Lengvas 88 × 31 px SVG skaitliukas: peržiūros skaičiuojamos Cloudflare edge tinkle, o statinė kopija užtikrina veikimą išnaudojus nemokamą Worker limitą.

Užsakyti skaitliuką Kaip tai veikia ↓

GYVAS SVG PAVYZDYS

14 dienų dinamika Iš viso · Šiandien

1lengvas SVG užklausimas

0slapukų ir sekimo JavaScript

15 min.statinio failover kopija

Užduotis

Matomas rezultatas be papildomos apkrovos svetainės sistemai

Sukūrėme nedidelį pilką skaitliuką, kuris tinka poraštei ir vizualiai nekonkuruoja su svetainės turiniu. Naršyklė įkelia tik 88 × 31 px SVG paveikslėlį, todėl nereikia svetainės duomenų bazės, analitikos bibliotekos ar papildomo JavaScript.

Skaitiklis rodo puslapio peržiūras: bendrą skaičių, šiandienos pokytį ir paskutinių keturiolikos dienų dinamiką. Unikalūs lankytojai nerodomi, nes šiame sprendime sąmoningai nenaudojame slapukų ar vartotojo identifikavimo.

Neutralus svetainės poraštės ir peržiūrų statistikos pavyzdys — Diskretiškas skaitliukas svetainėje ir aiški 30 dienų peržiūrų suvestinė.

Kaip veikia

Vienas paveikslėlis, trys apsaugos sluoksniai

Puslapio peržiūra

Poraštėje esantis <img> įkelia SVG iš atskiro subdomeno. CORS nereikalauja papildomos integracijos, o svetainėje nevykdomas trečiosios šalies JavaScript.

Atominis skaičiavimas edge tinkle

Cloudflare Worker patikrina leidžiamą svetainę ir vienu atominiu veiksmu padidina dienos peržiūrų skaičių. Kiekviena svetainė turi atskirą būseną.

Statinis failover

Kas 15 minučių paskutinė SVG versija išsaugoma origin serveryje. Išnaudojus nemokamą Worker limitą, maršrutas praleidžiamas į origin ir skaitliukas lieka matomas.

Anoniminė peržiūros, edge užklausos ir dienos statistikos schema — Duomenų kelias nuo puslapio peržiūros iki dienos statistikos — be realių klientų vardų ar domenų.

Valdymas

Naujai svetainei pakanka vieno JSON įrašo

Svetainių sąrašas, leidžiami domenai ir laiko juostos laikomi versijuojamame konfigūracijos faile. Tai paprasta mikro-administracija keliems saviems projektams — be MySQL lentelių ir atskiros valdymo sistemos.

Atskiras skaitiklio ID kiekvienai svetainei
Leidžiamų Referer domenų patikra
Vietinė dienos riba pagal svetainės laiko juostą
SVG dizainą galima keisti centralizuotai
Statinė kopija veikia nutrūkus Worker vykdymui

Pritaikymas jūsų svetainei

Reikia lengvo skaitliuko be slapukų ir sunkios analitikos?

Pritaikysime spalvas, matmenis, rodomus laikotarpius ir paruošime saugų įterpimo kodą.

Aptarti projektą ← Grįžti į portfolio