Hvernig á að fylgjast með innsendingum frá Elementor formi í Google Analytics viðburðum með JQuery

Hvernig á að fylgjast með innsendingum frá Elementor formi í viðburðum Google Analytics

Ég hef verið að vinna að WordPress vefsíðu viðskiptavina síðustu vikur sem er með ansi marga flókna hluti. Þeir eru að nota WordPress með samþættingu við ActiveCampaign fyrir að hlúa að leiðtogum og a Zapier samþætting við Zendesk selja um Elementor eyðublöð. Það er frábært kerfi ... að hefja dreypaherferðir til fólks sem óskar eftir upplýsingum og ýtir á forystu til viðeigandi sölufulltrúa þegar þess er óskað. Ég er virkilega hrifinn af form sveigjanleika og útliti Elementor.

Síðasta skrefið var að útvega greiningarmæli fyrir viðskiptavininn í gegnum Google Analytics sem veitti þeim árangur mánaðarlega á mánuði við innsendingar eyðublaða. Þeir eru með Google Tag Manager uppsettan, þannig að við erum nú þegar að ná í netviðskipti og YouTube skoða virkni á vefnum.

Ég gerði nokkrar tilraunir til að nýta DOM, kveikjur og atburði innan Google Tag Manager til að fanga vel skilað eyðublað fyrir Elementor en hafði engan heppni. Ég prófaði fullt af mismunandi leiðum til að fylgjast með síðunni og horfði á árangursskilaboðin sem myndu spretta í gegnum AJAX og það virkaði bara ekki. Svo ... ég leitaði og fann frábæra lausn frá Tracking Chef, sem heitir Skothelt Elementor formmælingar með GTM.

Handritið nýtir jQuery og Google Tag Manager til að ýta á Google Analytics viðburður þegar eyðublaðið hefur verið sent. Með smávægilegum breytingum og einni setningafræðilegri framför, hafði ég allt sem ég þurfti. Hér er kóðinn:

<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>

Það er frekar sniðugt, að horfa á árangursríka uppgjöf og fara svo framhjá Form sem flokkurinn, the áfangastaðarnafn sem aðgerðin, og Uppgjöf sem merkimiðann. Með því að gera markmiðið forritað geturðu einfaldlega haft þennan kóða í fótinn á hverri síðu til að fylgjast með innsendingu eyðublaðs. Svo ... þegar þú bætir við eða breytir eyðublöðum þarftu aldrei að hafa áhyggjur af því að uppfæra handritið né bæta því við aðra síðu.

Settu upp forskriftina með Elementor sérsniðnum kóða

Ef þú ert stofnun, þá mæli ég eindregið með ótakmarkaðri uppfærslu og að nota Elementor fyrir alla viðskiptavini þína. Það er traustur vettvangur og fjöldi samþættinga samstarfsaðila heldur áfram að hækka. Paraðu það með viðbót eins og Hafðu samband við DB og þú getur líka safnað öllum eyðublöðum þínum.

Elementor Pro hefur frábæran forskriftarstjórnunarvalkost innbyggðan. Svona geturðu slegið inn kóðann þinn:

Elementor sérsniðin kóða

  • sigla til Elementor> Sérsniðin kóði
  • Nefndu kóðann þinn
  • Stilltu staðsetningu, í þessu tilfelli endirinn líkamsmerki.
  • Stilltu forgang ef þú ert með fleiri en eitt handrit sem þú vilt setja inn og stillir röð þeirra.

Elementor eyðublaðsuppgjöf til GA viðburðar í gegnum GTM

  • Smelltu á uppfærslu
  • Þú verður beðinn um að setja skilyrðið og stilla það sjálfgefið á öllum síðum.
  • Uppfærðu skyndiminni og handritið þitt er í beinni!

Forskoðaðu samþættingu Google Tag Manager þíns

Google Tag Manager hefur frábæra aðferð til að tengjast vafraefni og prófa í raun kóðann þinn til að fylgjast með því hvort breyturnar séu rétt sendar eða ekki. Þetta er nauðsynlegt vegna þess að Google Analytics er ekki rauntíma. Þú getur prófað og prófað og prófað og í raun orðið svekktur yfir því að gögnin birtast ekki í Google Analytics ef þú áttaðir þig ekki á þessu.

Ég ætla ekki að veita kennsluefni hér um hvernig á að gera það forskoða og kemba Google Tag Manager… Ég ætla að gera ráð fyrir að þú vitir það. Ég get sent eyðublaðið mitt á tengda prófunarsíðuna mína og séð gögnunum ýtt við GTM gögnin eins og þau þurfa að vera:

google tag manager gagna lag

Í þessu tilfelli var flokkurinn harðkóðaður sem eyðublað, markmiðið var hafðu samband við eyðublaðið og merkimiðinn er Uppgjöf.

Í Google Tag Manager Settu upp gagnabreytur, atburð, kveikju og merki

Síðasta skrefið í þessu er að setja upp Google Tag Manager til að fanga þessar breytur og senda þær til Google Analytics merkis sem sett er upp fyrir viðburð. Elad Levy greinir frá þessum skrefum í annarri færslu sinni - Almenn mælingaratburður í Google Tag Manager.

Þegar þau eru sett upp muntu geta séð viðburðina í Google Analytics!

Sækja Elementor Pro

Upplýsingagjöf: Ég nota tengdartengla mína í gegnum þessa grein.

6 Comments

  1. 1
  2. 3
  3. 5

Hvað finnst þér?

Þessi síða notar Akismet til að draga úr ruslpósti. Lærðu hvernig ummæli þín eru unnin.