Elementori vormi esitamise jälgimine Google Analyticsi sündmustel JQuery abil
Olen viimased nädalad töötanud kliendi WordPressi saidil, millel on üsna palju keerukust. Nad kasutavad WordPress integreerimisega ActiveCampaign juhtide kasvatamiseks ja a Zapier integreerimine Zendesk müüa kaudu Elementori vormid. See on suurepärane süsteem… alustades tilgutamiskampaaniatega inimestele, kes küsivad teavet, ja suunates nõudmisel vastava müügiesindaja juurde. Mulle teeb Elementori vormi paindlikkus ja välimus tõeliselt muljet.
Viimane samm oli Google Analyticsi kaudu kliendile analüütikute juhtpaneeli pakkumine, mis andis neile vormi esitamisel iga kuu toimivuse. Neile on installitud Google Tag Manager, seega jäädvustame juba e-kaubanduse tehinguid ja YouTube'i vaatamistegevusi saidil.
Proovisin mitu korda kasutada Google'i märgendihalduris DOM -i, käivitajaid ja sündmusi, et jäädvustada Elementori jaoks edukas vormi esitamine, kuid mul ei õnnestunud üldse. Testisin palju erinevaid lehe jälgimise viise, jälgides edusõnumit, mis ilmub AJAX -i kaudu ja see lihtsalt ei tööta. Niisiis ... tegin otsinguid ja leidsin suurepärase lahenduse Tracking Chefilt, nn Kuulikindel Elementori vormi jälgimine GTM -iga.
Skript kasutab jQuery ja Google Tag Manageri abil Google Analyticsi sündmus kui vorm on edukalt esitatud. Mõningate väikeste muudatuste ja ühe süntaksi täiustamisega oli mul kõik vajalik olemas. Siin on kood:
<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>
See on päris geniaalne, jälgides edukat esitamist ja siis möödudes vorm kategooriana, sihtkoha nimi nagu tegevus ja Esitamine etiketina. Kui muudate sihtmärgi programmiliseks, saate selle koodi iga lehe jalus lihtsalt vormi esitamiseks jälgida. Nii et… vormide lisamisel või muutmisel ei pea te kunagi muretsema skripti värskendamise ega teisele lehele lisamise pärast.
Installige skript Elementori kohandatud koodi kaudu
Kui olete agentuur, soovitaksin kõigile klientidele piiramatut täiendamist ja Elementori kasutamist. See on kindel platvorm ja partnerite integratsioonide arv kasvab jätkuvalt. Siduge see pistikprogrammiga Võtke ühendust DB -vormiga ja saate koguda ka kõik oma esitatud vormid.
Elementor Pro on sisseehitatud suurepärane skriptihaldusvõimalus. Koodi sisestamiseks toimige järgmiselt.
- Liigu Elementor> Kohandatud kood
- Nimetage oma kood
- Määrake asukoht, antud juhul lõpp keha silt.
- Määrake prioriteet, kui teil on mitu skripti, mida soovite sisestada, ja määrake nende järjekord.
- Klõpsake nuppu Värskenda
- Teil palutakse määrata tingimus ja seada see lihtsalt kõigi lehtede vaikeseadeks.
- Värskendage vahemälu ja teie skript on saadaval!
Vaadake oma Google Tag Manageri integreerimise eelvaadet
Google'i märgendihalduril on fantastiline mehhanism brauseri eksemplariga ühenduse loomiseks ja teie koodi testimiseks, et näha, kas muutujad on õigesti saadetud. See on hädavajalik, kuna Google Analytics ei ole reaalajas. Kui te sellest aru ei saanud, saate testida ja testida ning olla pettunud, et andmeid Google Analyticsis ei kuvata.
Ma ei hakka siin õpetust pakkuma, kuidas seda teha Google Tag Manageri eelvaade ja silumine… Ma eeldan, et teate. Saan oma vormi oma ühendatud testlehel esitada ja vaadata GTM -i andmetele edastatud andmeid nii, nagu need peavad olema:
Sel juhul oli kategooria vormiga kõvasti kodeeritud, sihtmärk oli vorm Võtke meiega ühendust ja silt on Esitamine.
Google'i märgendihalduris seadistage andmemuutujad, sündmus, käivitaja ja silt
Viimane samm on seadistada Google Tag Manager nende muutujate jäädvustamiseks ja saata need sündmuse jaoks seadistatud Google Analyticsi sildile. Elad Levy kirjeldab neid samme oma teises postituses - Sündmuste üldine jälgimine Google'i märgendite halduris.
Kui need on seadistatud, näete sündmusi Google Analyticsis!
Avalikustamine: kasutan selles artiklis oma sidusreklaamide linke.