Sut i Olrhain Cyflwyniadau Ffurflen Elementor mewn Digwyddiadau Google Analytics gan ddefnyddio JQuery

Sut i Olrhain Cyflwyniadau Ffurflen Elementor mewn Digwyddiadau Google Analytics

Rydw i wedi bod yn gweithio ar safle WordPress cleient am yr wythnosau diwethaf sydd â chryn dipyn o gymhlethdodau. Maent yn defnyddio WordPress gydag integreiddio i ActiveCampaign am feithrin arweinyddion ac a Zapier integreiddio i Gwerthu Zendesk drwy Ffurflenni Elementor. Mae'n system wych ... yn cychwyn ymgyrchoedd diferu i bobl sy'n gofyn am wybodaeth ac yn gwthio arweiniad i'r cynrychiolydd gwerthu priodol pan ofynnir amdano. Mae hyblygrwydd ffurf Elementor ac edrych a theimlo wedi creu argraff fawr arnaf.

Y cam olaf oedd darparu dangosfwrdd dadansoddeg i'r cleient trwy Google Analytics a roddodd berfformiad iddynt o fis i fis ar gyflwyniadau ffurflen. Mae ganddyn nhw Google Tag Manager wedi'i osod, felly rydyn ni eisoes yn dal trafodion e-fasnach a gweithgaredd gweld YouTube ar y wefan.

Fe wnes i sawl ymdrech i ddefnyddio DOM, sbardunau a digwyddiadau o fewn Google Tag Manager i ddal y cyflwyniad llwyddiannus ar gyfer Elementor ond doedd gen i ddim lwc o gwbl. Profais dunnell o wahanol ffyrdd i fonitro'r dudalen, gan wylio am y neges lwyddiant a fyddai'n popup trwy AJAX ac nid oedd yn gweithio. Felly ... gwnes i ychydig o chwilio a darganfyddais ateb gwych gan Tracking Chef, o'r enw Olrhain ffurf Elementor Bulletproof gyda GTM.

Mae'r sgript yn defnyddio jQuery a Rheolwr Tag Google i wthio'r Digwyddiad Google Analytics pan gyflwynir y ffurflen yn llwyddiannus. Gyda rhai mân olygiadau ac un gwelliant cystrawen, cefais bopeth yr oeddwn ei angen. Dyma'r cod:

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

Mae'n eithaf dyfeisgar, yn gwylio am y cyflwyniad llwyddiannus, yna'n pasio Ffurflen fel y categori, y enw cyrchfan fel y Weithred, a Cyflwyniad fel y label. Trwy wneud y targed yn rhaglennol, gallwch gael y cod hwn yn nhroedyn pob tudalen i arsylwi cyflwyniad ffurflen. Felly ... wrth i chi ychwanegu neu addasu ffurflenni, does dim rhaid i chi boeni byth am ddiweddaru'r sgript na'i hychwanegu at dudalen arall.

Gosod Y Sgript Trwy God Custom Elementor

Os ydych chi'n asiantaeth, byddwn yn argymell yn fawr y dylid uwchraddio a defnyddio Elementor yn ddiderfyn ar gyfer eich holl gleientiaid. Mae'n blatfform cadarn ac mae nifer yr integreiddiadau partneriaid yn parhau i skyrocket. Pârwch ef gyda Ategyn tebyg Cysylltwch â Ffurflen DB a gallwch hefyd gasglu'ch holl gyflwyniadau ffurflen.

Elfen Pro mae opsiwn rheoli sgript gwych wedi'i ymgorffori yn iawn. Dyma sut y gallwch chi nodi'ch cod:

Cod Custom Elementor

  • navigate at Elementor> Cod Custom
  • Enwch eich cod
  • Gosodwch y lleoliad, yn yr achos hwn y diwedd tag corff.
  • Gosodwch flaenoriaeth os oes gennych chi fwy nag un sgript rydych chi am ei mewnosod a gosod y drefn ohonyn nhw.

Ffurflen Elementor Cyflwyno i Ddigwyddiad GA trwy GTM

  • Cliciwch diweddaru
  • Gofynnir i chi osod yr amod a dim ond ei osod yn ddiofyn pob tudalen.
  • Adnewyddwch eich storfa ac mae'ch sgript yn fyw!

Rhagolwg Integreiddiad Eich Rheolwr Tag Google

Mae gan Google Tag Manager fecanwaith gwych ar gyfer cysylltu ag enghraifft porwr a phrofi'ch cod mewn gwirionedd i arsylwi a yw'r newidynnau'n cael eu hanfon yn iawn ai peidio. Mae hyn yn hanfodol oherwydd nid yw Google Analytics yn amser real. Gallwch brofi a phrofi a phrofi a mynd yn rhwystredig iawn nad yw'r data i'w weld yn Google Analytics os na wnaethoch chi sylweddoli hyn.

Dydw i ddim yn mynd i ddarparu tiwtorial yma ar sut i wneud hynny rhagolwg a dadfygio Rheolwr Tag Google… Rydw i'n mynd i dybio eich bod chi'n gwybod. Gallaf gyflwyno fy ffurflen ar fy nhudalen prawf gysylltiedig a gweld y data yn cael ei wthio i'r data GTM fel y mae angen iddo fod:

haen ddata rheolwr tag google

Yn yr achos hwn, cod caled oedd y categori fel Ffurflen, y targed oedd y ffurflen Cysylltu â Ni, a'r label yw Cyflwyno.

Yn Google Tag Manager Sefydlu Newidynnau Data, Digwyddiad, Sbardun, a Tag

Y cam olaf ar hyn yw sefydlu Google Tag Manager i ddal y newidynnau hynny a'u hanfon at Tag Google Analytics a sefydlwyd ar gyfer digwyddiad. Mae Elad Levy yn manylu ar y camau hyn yn ei swydd arall - Olrhain Digwyddiad Generig Yn Rheolwr Tag Google.

Ar ôl sefydlu'r rheini, byddwch chi'n gallu gweld y Digwyddiadau yn Google Analytics!

Cael Elementor Pro

Datgeliad: Rwy'n defnyddio fy nghysylltiadau cyswllt trwy'r erthygl hon.

Beth ydych chi'n feddwl?

Mae'r wefan hon yn defnyddio Akismet i leihau sbam. Dysgwch sut mae eich data sylwadau yn cael ei brosesu.