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:
- 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.
- 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:
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!
Datgeliad: Rwy'n defnyddio fy nghysylltiadau cyswllt trwy'r erthygl hon.