Kako pratiti poslatu kontakt formu preko Google analitike

52

Praćenje klikova se beleži svaki put kada neko klikne na dugme koje smo tagovali. Ako imate neka polja u formi koja moraju da se popune, a posetioc ih nije popunio i pokušao da pošalje, Google analitika će registrovati klik na formi kao da je poslata ali u stvari nije jer je posetioc dobio poruku da mora da popuni polja koja su obavezna.

Praćenje dugmadi na formi je dobra opcija ukoliko nemate obavezna polja.

Kako pratiti da li je forma poslata i to registrovati na Google analitici?

Postoji opcija u Google tag manager-u za registraciju polja koja su prvobitno nevidljiva i nakon određenih operacija ona postaju vidljiva, a koja aktiviraju vaš cilj.

Kada uspešno pošaljete formu, ispod formulara se ispiše poruka “Hvala, uspešno ste poslali upit/poruku…”

To je upravo taj element koji je nevidljiv i nakon poslate forme on postaje vidljiv. Naš zadatak je da podesimo da Google analitika odnosno Google tag manager registruje tu poruku i da je onda ubeleži kao pogodak (cilj) koji će se prikazati na Google analitici.

Ovaj tutorijal je korak po korak sa detaljnim objašnjenjima kako da podesite praćenje forme.

Instalirajte GTM i GA

U prethodnim tutorijalima smo napisali kako da instalirate ova dva Google-ova alata. Ako to još niste uradili, morate ih instalirati kako bi uspešno pratili šta se dešava na vašem sajtu.

Članak: Kako da instalirate GTM i GA

Pronalaženje klase nevidljivog elementa

Ovaj deo je u suštini i najteži deo jer zahteva malo kopanja po kodu. Ne brinite korak po korak ćemo vam objasniti gde, šta i kako da kliknete i odaberete.

Idite na svoj sajt i idite do kontakt forme koju hoćete da podesite da pratite.

Popunite upitnik i pošaljite ga. Nemojte reloadovati stranicu.

Kada vam izađe tekst nakon poslate forme kliknite na njega desni klik i izaberite opciju Inspect.

Sada dolazi onaj teži deo.

Kada vam se otvorio inspect on vam je odmah ubeležio u kodovima koji je to deo koda. Vi sada morate da isčitate klasu koja identifikuje tu nevidljivu poruku.

Ovde ćemo se trenutno baviti sa kontakt formom od plugin-a Contact form 7 kao jednom od najpopularnijih kontakt formi kada je u pitanju wordpress.

Klasa koju bi trebali da izvučete i koja aktivira tu skrivenu poruku je “wpcf7-mail-sent-ok“. Ono što je ovde malo zeznuto jeste da uz naziv klase morate dodati i tag kom pripada, u ovom slučaju to je div tag.

Klasa koju ćete uneti u GTM treba da glasi ovako div.wpcf7-mail-sent-ok

Kreiranje trigger i tag u GTM

Kreiranje Trigger-a

Pola posla smo već uradili.

Idite na vaš GTM nalog i kliknite na opciju Triggers pa zatim kliknite na opciju New.

Kliknite na Choose a trigger type to begin setup…  Odaberite opciju Element Visibility

  1. Selection method odaberite CSS selector
  2. Element selector upisite klasu koju smo izvukli preko inspect alata div.wpcf7-mail-sent-ok
  3. When to fire this trigger odaberite opciju Every time an element appears on screen
  4. Otkačite opciju Observe DOM changes
  5. Ostavite obeleženu opciju All visibility events
  6. Kliknite na dugme Save

Kreiranje Tag-a

Kliknite sada na Tags i kliknite na dugme New.

Kliknite na Choose a tag to begin setup… Izaberite Google analytics: Universal Analytics

  1. Track type odaberite Events
  2. Category unosite proizvoljno šta god želite za sada mi ćemo uneti Poslat upit
  3. Label kliknete na ikonicu koja izgleda kao lego kockica sa plusem i odaberete opciju Page URL {{PageURL}}
  4. Google Analytics Settings kliknete na New Variable… u Tracking ID morate uneti ID sa vašeg naloga na Google analytics. Tracking ID možete pronaći tako što čete otići na vaš nalog na Google analytics Admin > Tracking Info > Tracking Code. Kopirate ceo kod koji počinje sa UA- i pejstujete ga u polje Tracking ID na GTM nalogu
  5. Kliknite Save

Popunjen tag bi trebao ovako da izgleda

Sada je potrebno tagu dodati triger koji smo kreirali prethodno

Skrolujte dole i kliknite na Choose a trigger to make this tag fire… Odaberite trigger koji ste kreirali

Kliknite na dugme Save

Upravo ste kreirali akciju za praćenje poslatih formi.

Sada treba da testiramo da li to što smo napravili funkcioniše.

Kliknite na opciju Preview u gornjem desnom uglu

Idite opet na Kontakt stranicu. Reload-ujte stranicu, primetićete da vam se otvorio novi prozor u dnu od GTM-a.

Popunite formular i posaljite ga.

Tag koji ste kreirali bi trebao da se pojavi u Tags Fired On This Page

Ako se pojavi znači da tag radi i da je sve u redu, ako se ne pojavi vratite se i prođite opet svaki korak da proverite da li ste negde nešto ispustili.

Vratite se u GTM i kliknite na dugme Submit > Publish > Continue.

Izadjite iz Preview moda  tako što ćete kliknuti na Leave Preview Mode

Gde pratiti poslate upite

Poslate upite kada se dese možete da pratite na Google analytics na vašem nalogu pod opcijom Behavior > Events

Na ovaj način možete da pratite sa kojih kanala vam pristižu upiti i sa kojih stranica ako ih imate više.