Shtimi i një numëruesi Stats4U me Google Tag Manager

Ekziston një udhëzues për këtë në blog nga viti 2015. Pamjet e tij të ekranit tregojnë një Tag Manager që nuk duket më ashtu dhe një nga shtatë hapat – shënimi i document.write – nuk nevojitet më fare. Ky udhëzues e zëvendëson.

I përgjigjet edhe pyetjes nga e cila hoqi dorë udhëzuesi i vjetër. Ai rekomandonte numëruesin e padukshëm me Tag Manager, sepse pozicioni i figurës së statistikave nuk mund të kontrollohej. Mund të kontrollohet. Shpjegimi është në fund të kësaj faqeje.

Versioni i shkurtër

Në Tag Manager: Tags → New → Custom HTML, dhe ngjisni një rresht në fushën HTML:

<script src="https://www.stats4u.net/s4u.js"
        data-id="YOUR-ID" data-style="981" async></script>

Caktojeni aktivizuesin te All Pages; pastaj ruani dhe publikoni kontejnerin. Atributi data-id merr numrin e numëruesit, i cili është i listuar në faqen e statistikave.

Kaq është e gjithë puna – tri fusha dhe një aktivizues, ndërsa në 2015 duheshin shtatë hapa. Nuk ka nevojë të shënohet asgjë për document.write, sepse skripti nuk e përdor më.

Çfarë bën kjo në të vërtetë, dhe pse mund të mos jetë zgjedhja e duhur

Skripti e vendos numëruesin menjëherë pas vetes në faqe. Kur ngjitet drejtpërdrejt në HTML të shkruar me dorë, kjo është pikërisht ajo që duhet: numëruesi shfaqet aty ku ndodhet kodi.

Përmes Tag Manager është ndryshe, sepse vendi nuk zgjidhet më lirisht. Vendos kontejneri, i cili zakonisht ndodhet në kreun e dokumentit ose aty ku u instalua fragmenti i kontejnerit. Prandaj numëruesi vendoset aty – jo në fundfaqe, jo në shiritin anësor, por aty ku Tag Manager fut etiketën.

Për një numërues të padukshëm kjo nuk ka rëndësi fare, gjë që është arsyeja pse udhëzuesi i vjetër rekomandonte një të tillë. Dizajni 980 nuk tregon asgjë, dizajni 981 tregon vetëm një ikonë të vogël që lidhet me faqen e statistikave. Në atë rast versioni i shkurtër më lart është i plotë dhe pjesa tjetër e këtij artikulli është opsionale.

Vendosja e një numëruesi të dukshëm në një vend të caktuar kërkon pak më shumë.

Kontrolli i vendit ku shfaqet numëruesi

Skripti ka një modalitet të dytë që udhëzuesi i vjetër nuk e përmendi kurrë. Në vend të atributit data-id merr një listë dhe kërkon elemente rezervuese sipas ID-së.

Hapi i parë – një element rezervues në faqe, aty ku duhet të jetë numëruesi. Vendoset në vetë shabllonin e uebsajtit, jo në Tag Manager, sepse pikërisht Tag Manager po përpiqemi ta lëmë jashtë këtij vendimi:

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

Hapi i dytë – në Tag Manager, kjo zëvendëson rreshtin e vetëm. I njëjti lloj etikete Custom 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>

Hapi i tretë – ndryshoni aktivizuesin. Kjo është pjesa që i zë njerëzit në befasi. All Pages aktivizohet sa më herët që mundet Tag Manager, shpesh përpara se elementi rezervues të ekzistojë në dokument. Aktivizuesi i integruar DOM Ready është i duhuri këtu. Numëruesi duhet të mbërrijë pas div, jo përpara tij.

Numëruesi tani shfaqet brenda atij div dhe askund tjetër.

Kontrolli se në cilat faqe shfaqet

Këtu ka dy mënyra të pavarura kontrolli që ia vlen të kuptohen veçmas.

Elementi rezervues është njëra prej tyre. Rreshti i parë brenda funksionit bën punën: nëse nuk ka asnjë s4u_cp0 në faqe, ndalon dhe skripti nuk shkarkohet fare. Kështu, shablloni që përmban div merr numërues, ai që nuk e përmban, jo – vendimi merret në vetë shabllonet e uebsajtit, pa ndryshime në Tag Manager dhe pa hap publikimi.

Aktivizuesi është tjetra. I njëjti vendim mund të merret në Tag Manager: një kusht në aktivizues, që të aktivizohet në DOM Ready vetëm aty ku përputhet Page Path. Aktivizuesi përshtatet për rregulla sipas URL-ve, elementi rezervues për rregulla sipas shablloneve.

Më shumë se një numërues në një faqe

Lista pranon aq numërues sa duhen. Pozicioni në listë është numri në ID-në e elementit rezervues:

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

I pari shkon në s4u_cp0, i dyti në s4u_cp1. Të dy u kontrolluan në shfletues gjatë shkrimit të këtij artikulli: i pari u shfaq si ikonë 20 me 20, i dyti si shirit 162 me 25, secili brenda elementit të vet rezervues dhe askund tjetër në faqe.

Katër gjëra që shkaktojnë telashe

• Dy metodat nuk përzihen. Një etiketë që ka data-id si atribut dhe cakton listën prodhon dy numërues dhe të dy shikimet numërohen veçmas.
• Lista gjithmonë ka nevojë për s4ustyleid. Kur mungon atributi data-style përdoret në heshtje dizajni 30. Versioni me listë nuk ka një zgjidhje të tillë rezervë dhe do të kërkojë një dizajn bosh.
• Mungesa e elementit rezervues nuk jep gabim. Asnjë numërues, asnjë gabim, asgjë në konsolë. Kur nuk shfaqet asgjë, ID-ja është dyshimi i parë – s4u_cp0, me një zero, jo shkronjën O.
• Numëruesi i padukshëm qëllimisht nuk ka lidhje. Dizajni 980 shfaqet pa të, sepse një zonë klikimi transparente prej një pikseli në faqen e dikujt tjetër është grackë dhe jo funksion. Nëse duhet lidhje, këtë e bën dizajni 981 me ikonën e vogël.

Kontrolloni nëse funksionoi

Modaliteti Preview i Tag Manager ngarkon faqen me kontejnerin aktiv. Etiketa duhet të shfaqet te etiketat e aktivizuara për ngjarjen DOM Ready. Faqja e statistikave pastaj e konfirmon – një vizitë përmes Preview numërohet si çdo tjetër, prandaj numri duhet të lëvizë brenda pak sekondash.

Nëse etiketa aktivizohet, por nuk shfaqet asgjë, shkaku është elementi rezervues ose aktivizuesi, sipas kësaj radhe gjasash.