Urmărirea evenimentelor personalizate

Cu acest nou submodul, puteți să vă creați propriile etichete pentru orice eveniment pe care doriți să îl urmăriți, să le adăugați pe site-ul dvs. web și să vedeți cum se dezvoltă în timp focalizarea unui eveniment. De asemenea, puteți utiliza urmărirea automată pentru a vă scana site-ul web pentru elementele implicite (de exemplu, intrări de formulare, butoane, imagini, casete de control etc.) fără a fi nevoie să adăugați cod suplimentar și să le urmăriți imediat. Această caracteristică vă ajută enorm în urmărirea evenimentelor pe care doriți să le cunoașteți în mod specific.

Notă importantă: Urmărirea manuală a evenimentelor nu este disponibilă pentru site-urile Wix (nu se pot crea etichete personalizate, deoarece nu există control asupra codului pentru elemente specifice din pagină). Urmărirea automată va funcționa.

Acest articol de asistență este structurat în următoarele secțiuni:

1. Noțiuni introductive
   1. Reutilizarea etichetelor de eveniment din Google Analytics
   2. Crearea manuală a unei noi etichete de eveniment

   3. Setări de urmărire a evenimentelor

2. Tabel principal de evenimente
   1. Prezentare generală
   2. Filtrarea și gruparea
   3. Șabloane de filtrare
3. Diagramă liniară

Chiar deasupra tabelului, veți vedea o bară care vă permite să alegeți un anumit interval de timp sau chiar o zi pentru care ar trebui să corespundă datele de mai jos. Este important să constrângeți afișarea datelor la anumite date sau perioade în care ați desfășurat potențiale campanii sau ați luat alte măsuri pentru a măsura succesul acestor acțiuni în vederea planificării viitoare.

• Asigurați-vă că v-ați actualizat codul de urmărire cu ultima versiune (înlocuiți codul de urmărire actual cu cel nou lansat recent), astfel încât să puteți beneficia de această funcție.
• Limita evenimentelor incluse este pe bază lunară. Resetarea datelor dvs. nu va reseta contorul evenimentelor lansate. Acesta va începe să urmărească din nou luna viitoare sau din momentul în care are loc o actualizare și limita este ridicată.
• O mulțime de elemente conțin descrieri dacă treceți peste ele. Lăsați cursorul să treacă peste diverse elemente și descoperiți câte date sunt de fapt împachetate într-o piesă.
• Aproape toate vizualizările și unele elemente individuale au o mică pictogramă "i" în colțul din dreapta sus, care vă oferă și mai multe informații despre vizualizare/element. Este suficient să mutați cursorul acolo și veți vedea mai multe informații.

Pentru ca trecerea de la Google Analytics la aplicația noastră să fie cât mai ușoară, am decis să ne structurăm propriile etichete de eveniment în mod identic cu cele de la Google Analytics. Acest lucru vă va permite - FĂRĂ a fi nevoie să faceți NICI O ACTUALIZARE pe site-ul dvs. web - să urmăriți toate evenimentele adăugate anterior în cadrul aplicației noastre. Din păcate, până în prezent, nu puteți importa în aplicație datele evenimentelor anterioare din Google Analytics - acest lucru, desigur, va fi rezolvat în curând.

După ce ați generat noua etichetă de eveniment, trebuie să o integrați în cadrul site-ului dvs. web, astfel încât aplicația să poată urmări declanșarea acestui eveniment. Fiecare etichetă creată trebuie adăugată în cadrul fiecărui element individual pe care doriți să îl urmăriți.

Este destul de simplu și există diverse modalități de a face acest lucru (în funcție de platforma de creare a site-ului web). Mai jos avem un exemplu pentru HTML:

Editați codul sursă HTML și adăugați eticheta Event Tag la elementele dorite.

Puteți adăuga eticheta pe care aplicația noastră o creează pentru evenimentul dvs., fie ca un fragment JS, fie direct pe element, conform tutorialului de mai jos.

Iată un exemplu pentru un buton în HTML și cum ar trebui să arate, astfel încât clicul pe acel buton să fie urmărit ca eveniment:

<button id="important-btn">Click me!</button>.

Opțiunea A: Fragment JS

<script>
document.getElementById("important-btn")
  .addEventListener("click", function(){
    va("send", "event", "example-category", "btn-click", "Important Button")
  });
</script>

Opțiunea B: direct pe element

<h2 onclick="va("send", "send", "event", "example-category", "btn-click", "important", 123);">Boton important</h2>.

Ambele opțiuni sunt corecte din punct de vedere semantic și fac același lucru în cazul ideal.

Cu toate acestea, opțiunea A permite mai multă flexibilitate. De exemplu, ați putea adăuga o clasă "visa-track" la mai multe elemente și să apelați metoda va într-o manieră mai dinamică, bazându-vă pe capacitățile JS.

Limitarea opțiunii B este că ar putea fi suprascrisă de un alt cod JS care este încărcat după ce DOM este redat ( element.onclick = function(){ ... }), făcând astfel ca codul nostru să nu fie niciodată apelat.

În comparație, Opțiunea A permite adăugarea unui număr nelimitat de ascultători de evenimente (atâta timp cât memoria de pe dispozitivul agentului utilizator poate rezista).

Funcția de setare vă permite să obțineți o imagine de ansamblu a evenimentelor declanșate pentru anumite elemente statice implicite de pe site-ul dvs. Meniul de setări se află în cadrul pictogramei Website settings - Module settings (Setări site web - Setări module) din bara din stânga a ecranului aplicației.

Odată accesat, veți avea la dispoziție două tipuri de setări: Setări generale de urmărirea evenimentelor și Evenimente implicite urmărite automat.

1. Pentru Setări generale de urmărirea evenimentelor, aveți opțiunea de a activa sau dezactivaDefinirea evenimentelor implicite pentru urmărire automată și

Track Manually Created Event Tags (Urmărirea etichetelor de eveniment create manual).

2. Auto-Tracked Default Events (Evenimente implicite urmări te automat)- aici puteți vedea ce elemente (input, select, text-area, buton, radio, checkbox) de pe site ar putea fi identificate automat cu versiunea curentă și acțiunile (onmouseover, onclick, keyup, onchange) care pot fi urmărite pentru fiecare dintre ele:

Note importante:

• Această caracteristică acționează 100% complementar cu orice etichete de eveniment manuale, deci fără a fi nevoie să adăugați în codul sursă fragmente de etichete create manual. Trebuie doar să activați funcția de urmărire automată pentru a o pune în funcțiune.
• Pentru site-urile Wix, este posibilă doar Auto-Tracking (cel puțin pentru moment), deci nu va exista posibilitatea de a alege dacă să activați Manual și/sau Auto Tracking, ci doar Auto.
• Etichetele elementelor, sunt procurate automat din pagina dvs. HTML, deci direct din cod, așa cum au fost numite atunci când site-ul a fost construit. Dacă doriți ca eticheta unui element urmărit să aibă o altă denumire, aceasta trebuie modificată direct în HTML-ul paginii. Atât etichetele Category (Categorie), cât și Action (Acțiune) ale acestor elemente urmărite automat sunt standard (conform listei prezentate mai sus) și nu pot fi modificate.
• Elementele care fac parte dintr-un pop-up sau ceva dinamic care apar pe pagina dvs. ca urmare a anumitor acțiuni întreprinse de utilizator, este posibil ca acestea să nu fie tratate corespunzător de sistemul nostru (de exemplu, trecerea cu mouse-ul peste imaginea unui produs care va face să apară un buton "Cumpără acum" ar putea fi unul dintre cazurile în care nu putem urmări evenimentele declanșate pentru acel element nou apărut, deoarece nu este ceva static care a fost de la început pe pagină).
• Foarte curând, vom adăuga și alte elemente pentru care aceste evenimente declanșate pot fi urmărite, cum ar fi imagini, linkuri, videoclipuri etc. pentru următoarea versiune (următoarele versiuni).

O previzualizare live va fi de asemenea disponibilă în curând, astfel încât să puteți ști exact ce acțiuni au fost declanșate pe ce elemente, vizualizând acest lucru direct în cadrul unei imagini cu pagina dvs. web.

În cadrul tabelului principal al evenimentelor urmărite, există un buton "Show event on website" (Afișează evenimentul pe site-ul web), pentru elementele urmărite automat.

Dați clic pe acesta și se va deschide o previzualizare a paginii în sine într-o filă nouă, cu posibilitatea de a vedea detalii importante despre evenimentele urmărite automat, într-un mod mai ușor de citit, decât doar în tabelul evenimentelor urmărite pe care l-ați consultat anterior:

Setările de previzualizare

Fiecare rând din acest meniu de setări afișează setările definite de dvs. și unele dintre informațiile legate de elementele urmărite automat:

1. Rezultate bazate pe perioadă: Perioada selectată pentru care se afișează numărul de evenimente declanșate. Dacă doriți să vedeți datele pentru un alt interval, reveniți la aplicație, modificați perioada și redeschideți previzualizatorul.
2. Sum of tracked auto-event triggers (Suma declanșărilor de evenimente automate urmărite): Numărul tuturor declanșărilor de evenimente care au fost urmărite pentru toate elementele dvs. autoidentificate în perioada selectată.
3. Suma evenimentelor urmărite automat pe pagină: Sum of auto-tracked events on page (Suma evenimentelor urmărite automat pe pagină): Numărul tuturor elementelor care au putut fi auto-identificate ca putând fi urmărite pe pagina curentă. Acest lucru nu înseamnă că există acțiuni urmărite pentru toate acestea, ci doar o numărătoare a elementelor care pot fi urmărite automat pe acest URL.
4. Show Sum of Triggers (Afișează suma declanșatorilor pentru fiecare eveniment urmărit automat): Această opțiune va schimba tooltip-ul de informații din cel detaliat prezentat mai sus, într-unul care afișează doar suma totală a evenimentelor declanșate pentru toate elementele de pe pagina care este trecută, în perioada selectată.

Note importante:

• Pentru a vă asigura că aveți cea mai bună experiență de utilizare posibilă, vă rugăm să dezactivați toate AdBlockers, astfel încât să nu întâmpinați probleme tehnice atunci când utilizați acest lucru.
• Cantitatea de declanșatoare afișată se referă întotdeauna la perioada de timp selectată anterior în cadrul aplicației.
• În timpul modului de previzualizare a evenimentelor, vizita dvs. NU este contabilizată și nici acțiunile dvs. nu determină un număr de declanșare a evenimentelor.

Acest tabel oferă o imagine de ansamblu a tuturor evenimentelor care au fost declanșate pe parcursul perioadei de timp selectate. Fiecare linie reprezintă o declanșare a unui eveniment. Astfel, dacă același eveniment a fost declanșat de 20 de ori în perioada de timp selectată, atunci vor exista 20 de linii pentru acest eveniment.

Tabelul conține următoarele coloane:

1. Categorie: Obiectul adăugat pentru câmpul acestei etichete de eveniment (etichete adăugate manual). Acesta poate fi o imagine, un buton, un videoclip etc. Acest câmp nu va fi niciodată gol, deoarece este obligatoriu pentru o etichetă de eveniment.
2. Action (Acțiune): Reprezintă valoarea acțiunii pe care ați adăugat-o dvs. pentru câmpul acestei etichete de eveniment (de exemplu, redare, clic, pauză etc.). Acest câmp nu va fi niciodată gol, deoarece este obligatoriu pentru o etichetă de eveniment.
3. Label (Etichetă): Reprezintă valoarea numelui sau a cuvântului utilizat pentru a descrie caracteristicile sau calitățile evenimentului specific, pentru a distinge cu ușurință între evenimente similare, de exemplu, video de produs, imagine de asistență etc. (câmp opțional).
4. Event Value (Valoarea evenimentului): Reprezintă valoarea numerică asociată cu evenimentul, de exemplu 1, 2, 3 etc. (câmp opțional)
5. Location (Locație): Oferă detalii cu privire la pagina (titlul paginii/URL) pe care s-a declanșat evenimentul. Dacă se face clic pe el, se va deschide pagina corespunzătoare într-o filă nouă.
6. Time of capture (Ora capturării): Oferă ora și data la care a fost înregistrat evenimentul.
7. Device Type (Tipul dispozitivului): Vă permite să vedeți ce tip de dispozitiv a fost utilizat de utilizator.
8. Tip de eveniment: Aici puteți vedea dacă evenimentul declanșat este fie un eveniment adăugat manual, fie dacă a fost identificat de urmărirea noastră automată a evenimentelor.

Tabelul permite diferite opțiuni de filtrare și grupare. Principala diferență între filtrare și grupare este relativ simplă. Prin filtrare, reduceți numărul de evenimente afișate în tabel. Gruparea nu reduce numărul de evenimente afișate în tabel, ci mai degrabă conectează evenimentele în funcție de câmpul după care le grupați. Jucați-vă cu aceasta în tabel și veți înțelege cu ușurință diferența. Ambele abordări vă oferă posibilități simple, dar puternice de a vă afișa datele și de a extrage fapte interesante din acestea.

Puteți crea cu ușurință șabloane de filtre pentru combinațiile de filtre stabilite. După ce ați adăugat în tabelul principal o combinație de filtre pe care probabil că o veți reutiliza mai des în viitor, trebuie doar să faceți clic pe butonul

Diagrama liniară reflectă, în esență, datele care vă sunt prezentate în tabelul de mai sus. Veți observa că, în mod implicit, este vizibilă doar o singură linie - care se referă la întreaga cantitate de evenimente afișate sau filtrate în tabelul de mai sus.

Cu cât activați mai multe filtre pentru tabelul de mai sus, cu atât mai puține evenimente vor fi afișate în tabel. Acest lucru va reduce, de asemenea, cantitatea de evenimente reflectate în diagrama liniară de mai sus.

Este important să rețineți comportamentul diagramei liniare. Odată ce grupați datele în cadrul tabelului de mai sus, veți vedea că, dacă utilizatorul dorește să vadă diagrama liniară a unui anumit grup, atunci trebuie să seteze filtrul în prealabil.