Analitika in testiranjeContent Marketing

Kako slediti oddajam obrazcev elementov v dogodkih Google Analytics z uporabo JQuery

Zadnje tedne delam na spletnem mestu odjemalca WordPress, ki ima kar nekaj zapletov. Uporabljajo WordPress z integracijo v ActiveCampaign za negovanje vodij in a Zapier integracija v Zendesk Prodaja preko Obrazci elementov. To je odličen sistem ... sproži kapljične akcije za ljudi, ki zahtevajo informacije, in na zahtevo posreduje ustreznemu prodajnemu zastopniku. Navdušen sem nad prilagodljivostjo oblike in videza Elementorja.

Zadnji korak je bil zagotoviti nadzorno ploščo analitike za stranko prek storitve Google Analytics, ki ji je omogočila mesečno uspešnost pri oddaji obrazcev. Imajo nameščen Google Tag Manager, zato na spletnem mestu že zajemamo transakcije e-trgovine in ogled YouTube.

Večkrat sem poskušal uporabiti DOM, sprožilce in dogodke v Google Upravitelju oznak za zajem uspešne oddaje obrazca za Elementor, vendar nisem imel sreče. Preizkusil sem veliko različnih načinov spremljanja strani, pri čemer sem iskal sporočilo o uspehu, ki bi se pojavilo prek AJAX -a in preprosto ni delovalo. Torej ... Nekaj ​​sem iskal in od Tracking Chefa, ki se imenuje, sem našel odlično rešitev Sledenje obrazcem neprebojnih elementov z GTM.

Skript uporablja jQuery in Google Tag Manager, da pritisnete Dogodek Google Analytics ko je obrazec uspešno oddan. Z nekaj manjšimi popravki in eno izboljšavo skladnje sem imel vse, kar sem potreboval. Tukaj je 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>

Precej genialno je gledati na uspešno oddajo, nato pa mimo Obrazec kot kategorija, ime cilja kot dejanje in Oddaja kot oznaka. Če nastavite ciljno programsko vsebino, lahko preprosto dodate to kodo v nogo vsake strani, da opazujete oddajo obrazca. Torej ... ko dodajate ali spreminjate obrazce, vam ni treba skrbeti za posodobitev skripta niti za dodajanje na drugo stran.

Namestite skript prek kode po meri Elementor

Če ste agencija, toplo priporočam neomejeno nadgradnjo in uporabo Elementorja za vse vaše stranke. To je trdna platforma, število partnerskih integracij pa še naprej narašča. Povežite ga s podobnim vtičnikom Obrazec za stik DB lahko pa zberete tudi vse oddane obrazce.

Elementor Pro ima odlično vgrajeno možnost upravljanja skriptov. Kodo lahko vnesete tako:

Koda po meri Elementor
  • Pomaknite se na Elementor> Koda po meri
  • Poimenujte svojo kodo
  • Določite lokacijo, v tem primeru konec oznaka telesa.
  • Nastavite prednost, če želite vstaviti več skriptov, in nastavite njihov vrstni red.
Predložitev obrazca Elementor na dogodek GA prek GTM
  • Kliknite posodobitev
  • Od vas se bo zahtevalo, da nastavite pogoj in ga nastavite na privzeto za vse strani.
  • Osvežite predpomnilnik in skript je v živo!

Predogled integracije Google Upravitelja oznak

Google Upravitelj oznak ima fantastičen mehanizem za povezavo z primerkom brskalnika in dejansko preizkusi vašo kodo, da ugotovi, ali so spremenljivke pravilno poslane. To je bistveno, ker Google Analytics ni v realnem času. Lahko preizkusite, preizkusite in preizkusite ter se resnično razočarajte, da se podatki ne prikažejo v storitvi Google Analytics, če tega niste vedeli.

Tukaj ne bom ponujal vadnic o tem predogled in odpravljanje napak Google Upravitelja oznak... Predvidevam, da veste. Svoj obrazec lahko predložim na svojo povezano preskusno stran in si ogledam podatke, ki so potisnjeni v podatke GTM, kot je potrebno:

podatkovna plast upravitelja oznak google

V tem primeru je bila kategorija težko kodirana kot obrazec, cilj je bil obrazec za stik z nami, oznaka pa je oddaja.

V Google Upravitelju oznak nastavite podatkovne spremenljivke, dogodek, sprožilec in oznako

Zadnji korak pri tem je, da nastavite Google Upravitelj oznak, da zajame te spremenljivke in jih pošlje na oznako Google Analytics, nastavljeno za dogodek. Elad Levy te korake podrobno opisuje v svojem drugem prispevku - Splošno sledenje dogodkom v Google Upravitelju oznak.

Ko bodo ti nastavljeni, si boste lahko v Google Analytics ogledali dogodke!

Pridobite Elementor Pro

Razkritje: V tem članku uporabljam partnerske povezave.

Douglas Karr

Douglas Karr je CMO of Odpri INSIGHTS in ustanovitelj Martech Zone. Douglas je pomagal na desetine uspešnih startupov MarTech, pomagal je pri skrbnem pregledu več kot 5 milijard USD pri prevzemih in naložbah Martecha ter še naprej pomaga podjetjem pri izvajanju in avtomatizaciji njihovih prodajnih in trženjskih strategij. Douglas je mednarodno priznan strokovnjak in govorec za digitalno transformacijo in MarTech. Douglas je tudi objavljen avtor Dummie's guide in knjige o poslovnem vodenju.

Povezani članki

Nazaj na vrh
Zapri

Zaznan Adblock

Martech Zone vam lahko zagotovi to vsebino brezplačno, ker naše spletno mesto monetiziramo s prihodki od oglasov, pridruženimi povezavami in sponzorstvi. Hvaležni bi bili, če bi med ogledom našega spletnega mesta odstranili zaviralec oglasov.