Kontaktirajte podršku

Odgovaramo e-poštom, obično u roku od dva dana.

Radi zaštite od zloupotrebe, Google reCAPTCHA proverava ovo slanje. Pritom se podaci prenose Googleu. Skripta se učitava tek kada otvorite ovaj formular.

← Sve objave

Dodavanje brojača Stats4U pomoću Google Tag Managera

· Lukas Wojcik

O sadržaju i njegovoj proveri

U ovom članku

Postoji vodič za ovo na blogu iz 2015.. Njegovi snimci ekrana prikazuju Tag Manager koji više ne izgleda tako, a jedan od njegovih sedam koraka – štikliranje document.write – uopšte više nije potreban. Ovaj tekst ga zamenjuje.

Odgovara i na pitanje na koje je stari vodič odustao. On je preporučivao nevidljivi brojač sa Tag Managerom, uz obrazloženje da se položaj Stats slike ne može kontrolisati. Može. Nalazi se na dnu ove stranice.

Kratka verzija

U Tag Manageru: Oznake → Nova → Prilagođeni HTML, i nalepite jedan red u HTML polje:

20157 — korakadanas3 — polja i okidačkorak document.write je ukinut — skript ga više ne koristi 
<script src="https://www.stats4u.net/s4u.js"
        data-id="YOUR-ID" data-style="981" async></script>

Okidač ide na Sve stranice; zatim sačuvajte i objavite kontejner. Atribut data-id prima broj brojača, koji je naveden na stranici sa statistikom.

To je ceo posao – tri polja i okidač, tamo gde je 2015. trebalo sedam koraka. Ništa ne treba štiklirati u vezi sa document.write, jer ga skript više ne koristi.

Šta to zapravo radi i zašto možda nije pravi izbor

Skript postavlja brojač odmah iza sebe na stranici. Nalepljen direktno u ručno pisan HTML, to je tačno ono što treba: brojač se pojavljuje tamo gde kod stoji.

Kroz Tag Manager je drugačije, jer položaj više nije slobodan izbor. Kontejner odlučuje, a obično se nalazi u zaglavlju dokumenta ili gde god je instaliran isečak kontejnera. Zato se brojač ubacuje tamo – ne u podnožje, ne u bočnu traku, nego gde god je Tag Manager slučajno ubacio oznaku.

Za nevidljivi brojač to nije nimalo važno, zbog čega ga je stari vodič i preporučivao. Dizajn 980 ne prikazuje ništa, dizajn 981 prikazuje samo malu ikonu koja vodi na stranicu sa statistikom. U tom slučaju kratka verzija iznad je potpuna, a ostatak ovog članka je opcioni.

Postavljanje vidljivog brojača na određeno mesto traži malo više.

Kontrola mesta gde se brojač pojavljuje

Skript ima drugi režim koji stari vodič nikada nije pomenuo. Umesto atributa data-id uzima listu i traži elemente rezervisanog mesta po ID-u.

Prvi korak – rezervisano mesto na stranici, gde god brojač pripada. Ide u sam šablon sajta, a ne u Tag Manager, jer je Tag Manager upravo ono što pokušavamo da izdvojimo iz ove odluke:

<div id="s4u_cp0"></div>

Drugi korak – u Tag Manageru, ovo zamenjuje jednolinijski kod. Isti tip oznake Prilagođeni HTML:

<script>
(function () {
  // No placeholder on this page? Then no counter, and no request either.
  if (!document.getElementById('s4u_cp0')) { return; }

  window.s4uid         = ['YOUR-ID'];
  window.s4u_paramsarr = [{ s4ustyleid: '100' }];

  var s = document.createElement('script');
  s.src = 'https://www.stats4u.net/s4u.js';
  document.head.appendChild(s);
})();
</script>

Treći korak – promenite okidač. Ovo je deo na kom ljudi greše. Sve stranice se aktivira što je ranije moguće za Tag Manager, a to je često pre nego što rezervisano mesto postoji u dokumentu. Ugrađeni okidač DOM Ready je ovde pravi. Brojač mora da stigne posle diva, ne pre njega.

Brojač se sada pojavljuje unutar tog diva, i nigde drugde.

Kontrola na kojim se stranicama pojavljuje

Ovde postoje dve nezavisne poluge i vredi ih razumeti odvojeno.

Rezervisano mesto je jedna od njih. Prvi red unutar funkcije obavlja posao: ako na stranici nema s4u_cp0 , staje i skript se uopšte ne preuzima. Dakle, šablon koji uključuje div dobija brojač, a onaj koji ga ne uključuje ne dobija – odluka se donosi u samim šablonima sajta, bez izmene u Tag Manageru i bez koraka objavljivanja.

Okidač je druga. Ista odluka može da se donese i u Tag Manageru: uslov na okidaču, tako da se aktivira na DOM Ready samo tamo gde se putanja stranice poklapa. Okidač odgovara pravilima o URL-ovima, rezervisano mesto pravilima o šablonima.

Više od jednog brojača na stranici

Lista prima koliko god je potrebno. Položaj u listi je broj u ID-u rezervisanog mesta:

window.s4uid         = ['ID-ONE', 'ID-TWO'];
window.s4u_paramsarr = [{ s4ustyleid: '981' }, { s4ustyleid: '100' }];

Prvi ide u s4u_cp0, drugi u s4u_cp1. Oba su proverena u pregledaču tokom pisanja: prvi se iscrtao kao ikona 20 sa 20, drugi kao traka 162 sa 25, svaki unutar svog rezervisanog mesta i nigde drugde na stranici.

Četiri stvari koje ujedaju

  • Dve metode se ne mešaju. Oznaka koja ima atribut data-id – i postavlja listu – daje dva brojača, a dva pogotka se broje zasebno.
  • Lista uvek traži s4ustyleid. Atribut data-style tiho se vraća na dizajn 30 kada nedostaje. Verzija sa listom nema takvu rezervu i tražiće prazan dizajn.
  • Nedostajuće rezervisano mesto otkazuje tiho. Nema brojača, nema greške, ništa u konzoli. Kada se ništa ne pojavi, prvi osumnjičeni je ID – s4u_cp0, sa nulom, a ne slovom O.
  • Nevidljivi brojač namerno nema link. Dizajn 980 se iscrtava bez njega, jer je providna meta za klik od jednog piksela na tuđoj stranici zamka, a ne funkcija. Za link postoji dizajn 981, sa malom ikonom.

Provera da li je radilo

Režim Pregled u Tag Manageru učitava stranicu sa aktivnim kontejnerom. Oznaka treba da se pojavi među aktiviranim oznakama za događaj DOM Ready. Stranica sa statistikom zatim potvrđuje – poseta kroz pregled broji se kao svaka druga, pa bi broj trebalo da se pomeri u roku od nekoliko sekundi.

Ako se oznaka aktivira, a ništa se ne pojavi, krivac je rezervisano mesto ili okidač, tim redosledom verovatnoće.

Oglas