Ugradite brojač bez pomicanja rasporeda

Brojač koji stiže nakon teksta može pomaknuti okolni sadržaj ako stranica nije rezervirala prostor za njega. Ugradnja bi trebala sačuvati generirane dimenzije, stati u spremnik i izbjeći nenamjerno odgađanje mjerenja. To su zasebne provjere: stabilan raspored ne dokazuje da je svaki pregled stranice izbrojen.

Zadržite generirane dimenzije

Odaberite dizajn u usluzi Stats4U i kopirajte kod za ugradnju. Za slikovni brojač zadržite širinu i visinu kada ih generirani kod uključuje. Te dimenzije opisuju omjer stranica slike i omogućuju pregledniku rezerviranje prostora prije njezina dolaska. Nemojte kopirati dimenzije drugog dizajna.

Ako stariji slikovni isječak nema dimenzije, pročitajte prirodnu širinu i visinu odabrane slike u pregledniku ili informacijama o dizajnu. Dodajte te stvarne vrijednosti. Brojevi odabrani samo da okvir stane mogu izobličiti sliku.

<img src="COUNTER_IMAGE_URL" width="ACTUAL_WIDTH" height="ACTUAL_HEIGHT" alt="Visitor statistics">

Ovo je predložak, a ne kod za ugradnju: zamijenite rezervirana mjesta napisana velikim slovima generiranom adresom slike i izmjerenim dimenzijama. Koristite kratak, smislen alternativni tekst kada slika prenosi informacije; prazan je prikladan samo kada su jednakovrijedne informacije već dostupne i slika je ukrasna.

Prilagodite spremniku bez skrivanja problema

Uska bočna traka može biti manja od odabranog brojača. Odaberite manji dizajn ili stavite brojač u širi odjeljak. Pravilo prilagodljive slike može sačuvati omjere, ali razvučen pretpregled nije zamjena za provjeru ostaje li njegov tekst čitljiv.

1. Učitajte stranicu uz sporu vezu i promatrajte sadržaj oko brojača.
2. Pregledajte rezultat pri 320 i 360 CSS piksela. Provjerite pomiče li se sama stranica ustranu.
3. Privremeno blokirajte zahtjev za sliku u razvojnim alatima preglednika. Rezervirani prostor i okolne poveznice i dalje bi se trebali razumno ponašati.

Nemojte slučajno odgoditi zahtjev za brojanje

Za slikovni brojač odgođeno učitavanje odgađa zahtjev za sliku dok se slika ne približi vidljivom području. Kada upravo taj zahtjev broji posjet, posjetitelji koji se nikada ne pomaknu blizu podnožja mogu se propustiti. Nemojte dodavati loading="lazy" slici koja broji kao opći popravak izvedbe.

Generirana asinkrona JavaScript integracija odvaja praćenje od jednostavne ugradnje samo putem slike i potrebna je za dodatne događaje. Sačuvajte generiranu integraciju umjesto kombiniranja više isječaka za isti brojač. Ako je raspored stabilan, a ukupni brojevi ostaju neočekivani, zasebno provjerite položaj i zahtjeve alata za praćenje.

Sljedeći korak

Koristite vodič za ugradnju koji odgovara platformi web-mjesta.

Otvorite vodič za ugradnju

MDN: <img> – width, height, alt, loading