Kontakta supporten

Vi svarar via e-post, oftast inom två dagar.

Google reCAPTCHA kontrollerar det här inskicket mot missbruk; data skickas till Google. Skriptet laddas först när formuläret öppnas.

← Alla inlägg

Hur en enda bild kan räkna

Om innehållet och granskningen

I den här artikeln

Mekanismen bakom en synlig webbräknare bygger på en grundprincip i internetkommunikation: förfrågan och svaret. Varje gång en webbsida laddas läser webbläsaren källkoden och hittar hänvisningar till externa element, som stilmallar, typsnitt och grafik.

För att kunna sätta ihop hela sidan måste webbläsaren kontakta de servrar som lagrar dessa element och begära dem ett i taget. Just den processen är grunden för att räkna besök utan komplicerade spårningsskript.

Genom att bädda in en enda bildtagg på en sida skapas en avsiktlig förfrågan varje gång sidan visas. Servern som tar emot förfrågan lämnar inte bara ut en statisk fil; den registrerar händelsen, gör en beräkning och levererar först därefter grafiken.

webbläsaren frågarservern räknarsiffran ritasinget skript körs på läsarens enhet, och ingenting sparas där

Nummerlappsautomaten i väntrummet

En användbar jämförelse från den fysiska världen är nummerlappsautomaten som finns i många väntrum. Automaten innehåller en rulle med numrerade papperslappar. När en besökare drar en lapp händer två saker samtidigt: besökaren får ett nummer, och automaten går vidare till nästa nummer och registrerar att ytterligare en person har kommit.

Den synliga räknaren fungerar på exakt samma sätt. Bildtaggen på webbplatsen är handen som drar lappen.

Servern är automaten. Den registrerar dragningen, noterar tid och ursprung för förfrågan, ökar den interna räkningen med ett och skriver sedan ut det nya numret på en digital lapp. Den lappen är grafiken som till slut visas på skärmen.

Vad som inte händer i bakgrunden

Metoden skiljer sig markant från moderna, tunga analysplattformar. De kräver att webbläsaren laddar ner och kör omfattande programkod, som sedan observerar besökarens beteende och tyst rapporterar tillbaka i bakgrunden.

En räknare som enbart bygger på en bild hoppar över allt detta. Webbläsaren ber helt enkelt om en bild. Hela räknelogiken sker långt borta på servern, utom räckhåll för webbläsarens begränsningar eller saknade skriptbehörigheter.

Eftersom ingen observation sker i bakgrunden är mekanismen till sin natur lätt. Datautbytet består enbart av den första förfrågan och leveransen av en liten bildfil, som oftast bara väger några få kilobyte.

Bilden ritas på plats

Bilden som till slut kommer fram på skärmen genereras dynamiskt i realtid. Det är ingen färdigritad bild som ligger i en mapp.

I stället tar servern en tom mall från den valda designkatalogen, väljer rätt siffror för den nyss uppräknade summan och ritar dem på bakgrunden. Allt detta sker på en bråkdel av en sekund, helt obemärkt för den som tittar på sidan.

Den färdiga grafiken levereras med vanliga bildhuvuden, vilket betyder att webbläsaren behandlar den precis som vilket foto som helst. Den sömlösa integrationen gör att räkningen aldrig stör webbplatsens egentliga innehåll, och ger en pålitlig siffra enbart med webbens vanliga mekanismer.

Att bilden skapas på serversidan gör att designen förblir helt konsekvent i alla visningsmiljöer. Eftersom siffrorna ritas in i bildens pixlar redan innan filen lämnar servern finns det inga saknade typsnitt att oroa sig för.

Annons