Kako pratiti podnošenja obrazaca elemenata u događajima Google analitike pomoću JQueryja
Zadnjih nekoliko sedmica radim na web stranici klijenta WordPress koja ima dosta složenosti. Oni koriste WordPress sa integracijom u ActiveCampaign za njegovanje tragova i a Zapier integracija u Zendesk Prodaja preko Obrasci elementa. To je odličan sistem… započinjanje kampanja kapanja ljudima koji traže informacije i prosljeđivanje vodstva odgovarajućem prodajnom predstavniku na zahtjev. Zaista sam impresioniran fleksibilnošću i izgledom Elementora.
Posljednji korak je pružanje analitičke kontrolne ploče za klijenta putem Google Analyticsa koja mu je omogućila performanse podnošenja obrazaca iz mjeseca u mjesec. Imaju instaliran Google Tag Manager, tako da već bilježimo transakcije e-trgovine i aktivnosti pregleda YouTubea na web lokaciji.
Pokušao sam nekoliko puta koristiti DOM, okidače i događaje unutar Google Tag Managera za snimanje uspješnog podnošenja obrasca za Elementor, ali nisam imao sreće. Testirao sam mnoštvo različitih načina praćenja stranice, tražeći poruku o uspjehu koja će se pojaviti putem AJAX -a i jednostavno nije funkcionirala. Pa ... Malo sam pretražio i našao odlično rješenje od Tracking Chefa, zvanog Praćenje obrazaca otpornih na metke s GTM -om.
Skripta koristi jQuery i Google Tag Manager -om za pomicanje Događaj Google Analytics kada se obrazac uspješno preda. Uz neka manja uređivanja i jedno poboljšanje sintakse, imao sam sve što mi je potrebno. Evo koda:
<script>
jQuery(document).ready(function($) {
$(document).on('submit_success', function(evt) {
window.dataLayer = window.dataLayer || [];
window.dataLayer.push({
'event': 'ga_event',
'eventCategory': 'Form ',
'eventAction': evt.target.name,
'eventLabel': 'Submission'
});
});
});
</script>
Prilično je genijalno, gledati uspješnu predaju, a zatim proći obrazac kao kategorija, naziv odredišta kao akcija, i podnošenje kao etiketa. Postavljanjem ciljnog programa na programski način možete jednostavno imati ovaj kôd u podnožju svake stranice kako biste promatrali podnošenje obrasca. Dakle ... dok dodajete ili mijenjate obrasce, ne morate brinuti o ažuriranju skripte niti o dodavanju na drugu stranicu.
Instalirajte skriptu putem prilagođenog koda Elementor
Ako ste agencija, toplo bih preporučio neograničenu nadogradnju i korištenje Elementora za sve vaše klijente. To je solidna platforma, a broj partnerskih integracija i dalje raste. Uparite ga sa dodatkom poput Obrazac za kontakt DB a možete i prikupiti sve svoje obrasce.
Elementor Pro ima izvrsno ugrađenu odličnu opciju upravljanja skriptama. Evo kako možete unijeti svoj kôd:
- Idite do Elementor> Prilagođeni kôd
- Imenujte svoj kôd
- Postavite lokaciju, u ovom slučaju kraj oznaka tijela.
- Postavite prioritet ako želite više od jedne skripte koju želite umetnuti i postavite njihov redoslijed.
- Kliknite na ažuriraj
- Od vas će se tražiti da postavite uvjet i postavite ga na zadane vrijednosti za sve stranice.
- Osvježite predmemoriju i vaša je skripta aktivna!
Pregledajte svoju integraciju Google upravitelja oznaka
Google Tag Manager ima fantastičan mehanizam za povezivanje s instancom preglednika i testiranje vašeg koda kako bi se utvrdilo da li se varijable pravilno šalju ili ne. To je bitno jer Google Analytics nije u stvarnom vremenu. Možete testirati, testirati i testirati i zaista biti frustrirani što se podaci ne pojavljuju u Google Analyticsu ako to niste shvatili.
Ovdje neću pružati uputstva o tome kako to učiniti pregled i otklanjanje grešaka u Google upravitelju oznaka... Pretpostavljam da znate. Mogu poslati svoj obrazac na svoju povezanu probnu stranicu i vidjeti podatke gurnute u podatke GTM -a kako je potrebno:
U ovom slučaju, kategorija je bila teško kodirana kao Obrazac, cilj je bio obrazac Kontaktirajte nas, a oznaka je Predaja.
U Google upravitelju oznaka postavite podatkovne varijable, događaj, okidač i oznaku
Posljednji korak u ovom je postavljanje Google upravitelja oznaka za hvatanje tih varijabli i njihovo slanje na oznaku Google Analytics postavljenu za događaj. Elad Levy detaljno opisuje ove korake u svom drugom postu - Općenito praćenje događaja u Google upravitelju oznaka.
Nakon što ih postavite, moći ćete vidjeti Događaje u Google Analyticsu!
Objava: U ovom članku koristim svoje povezane veze.