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

Kako slediti oddajam obrazcev elementov v dogodkih Google Analytics

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.

6 Komentarji

  1. 1
  2. 3
  3. 5

Kaj menite?

Ta stran uporablja Akismet za zmanjšanje nezaželene pošte. Preberite, kako se vaš komentar obravnava.