Analitika i testiranjesadržaj Marketing

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:

Prilagođeni kôd elementa ili elementa
  • 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.
Podnošenje obrasca elementa na GA događaj putem GTM -a
  • 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:

sloj podataka google upravitelja oznaka

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!

Nabavite Elementor Pro

Objava: U ovom članku koristim svoje povezane veze.

Douglas Karr

Douglas Karr je CMO of OpenINSIGHTS i osnivač Martech Zone. Douglas je pomogao desetinama uspješnih MarTech startupova, pomogao je u dubinskom pregledu od preko 5 milijardi dolara u Martechovim akvizicijama i investicijama, te nastavlja da pomaže kompanijama u implementaciji i automatizaciji njihovih prodajnih i marketinških strategija. Douglas je međunarodno priznati stručnjak za digitalnu transformaciju i MarTech stručnjak i govornik. Douglas je također objavljeni autor Dummie's vodiča i knjige o poslovnom liderstvu.

Vezani članci

Nazad na vrh dugmeta
blizu

Adblock otkriven

Martech Zone je u mogućnosti da vam pruži ovaj sadržaj bez ikakvih troškova jer mi unovčavamo našu stranicu putem prihoda od oglasa, partnerskih veza i sponzorstava. Bili bismo zahvalni ako biste uklonili svoj blokator oglasa dok gledate našu web stranicu.