Az elmúlt hetekben egy kliens WordPress webhelyen dolgoztam, amely meglehetősen bonyolult. Ők használják WordPress integrációjával ActiveCampaign vezetők ápolására és a Zapier integráció a Zendesk Eladás keresztül Elementor Forms. Ez egy nagyszerű rendszer… a csepegtető kampányok elindítása azoknak az embereknek, akik információt kérnek, és kérésre eljuttatják a megfelelő értékesítési képviselőhöz. Nagyon lenyűgözött az Elementor formai rugalmassága és megjelenése.
Az utolsó lépés egy analitikai irányítópult biztosítása az ügyfél számára a Google Analytics szolgáltatáson keresztül, amely hónapról hónapra mutatott teljesítményt az űrlapküldések során. Telepítették a Google Címkekezelőt, így már rögzítjük az e-kereskedelmi tranzakciókat és a YouTube megtekintési tevékenységét a webhelyen.
Több kísérletet is tettem a DOM, az aktiválási szabályok és az események felhasználására a Google Címkekezelőben, hogy rögzítsem az Elementor sikeres űrlapküldését, de egyáltalán nem volt szerencsém. Rengeteg különböző módszert teszteltem az oldal figyelésére, figyelve a sikerüzenetet, amely az AJAX -on keresztül jelenik meg, és egyszerűen nem működik. Szóval… keresgéltem, és találtam egy nagyszerű megoldást a Tracking Chef -től, az ún Golyóálló Elementor űrlapkövetés GTM segítségével.
A forgatókönyv felhasználja jQuery és a Google Címkekezelő segítségével nyomja meg a Google Analytics esemény amikor az űrlapot sikeresen elküldték. Néhány apró szerkesztéssel és egy szintaktikai javítással minden megvolt, amire szükségem volt. Itt a kód:
<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>Elég ötletes, figyelni a sikeres beküldést, majd elmúlni Forma kategóriaként a úti cél neve mint az Akció, és Submission mint a címke. Ha a célprogramot programozhatóvá teszi, akkor ezt a kódot egyszerűen minden oldal láblécében láthatja, hogy megfigyelhesse az űrlap beküldését. Tehát… az űrlapok hozzáadása vagy módosítása során soha nem kell aggódnia a szkript frissítése és egy másik oldalhoz való hozzáadása miatt.
Telepítse a szkriptet az Elementor egyéni kódján keresztül
Ha Ön ügynökség, nagyon ajánlom a korlátlan frissítést és az Elementor használatát minden ügyfele számára. Ez egy szilárd platform, és a partnerintegrációk száma folyamatosan emelkedik. Párosítsd pl Kapcsolatfelvételi űrlap DB és összegyűjtheti az összes űrlapbeadványát.
Elementor Pro egy nagyszerű szkriptkezelési opciót tartalmaz. A kódot a következőképpen írhatja be:
- navigáljon Elementor> Egyéni kód
- Nevezze el a kódot
- Állítsa be a helyet, ebben az esetben a végét testcímke.
- Állítson be prioritást, ha több szkriptet szeretne beszúrni, és állítsa be azok sorrendjét.
- Kattintson a frissítés gombra
- A rendszer megkéri, hogy állítsa be a feltételt, és állítsa az összes oldal alapértelmezett értékére.
- Frissítse a gyorsítótárat, és a szkript élő lesz!
Tekintse meg a Google Címkekezelő integrációjának előnézetét
A Google Címkekezelő fantasztikus mechanizmussal rendelkezik a böngészőpéldányhoz való csatlakozáshoz, és ténylegesen teszteli a kódot annak megállapítására, hogy a változók megfelelően vannak -e küldve. Ez elengedhetetlen, mivel a Google Analytics nem valós idejű. Tesztelhet, tesztelhet és tesztelhet, és valóban elkeseredhet, hogy az adatok nem jelennek meg a Google Analytics szolgáltatásban, ha ezt nem vette észre.
Nem adok itt oktatóanyagot, hogyan kell a Google Címkekezelő előnézete és hibakeresése… Feltételezem, hogy tudod. Elküldhetem az űrlapomat a csatlakoztatott tesztoldalamon, és láthatom, hogy a GTM -adatoknak megfelelően kell átadni az adatokat:
Ebben az esetben a kategória űrlapként volt kódolva, a célpont a Kapcsolatfelvétel űrlap volt, a címke pedig a Beküldés.
A Google Címkekezelőben állítsa be az adatváltozókat, eseményt, aktiválást és címkét
Ennek utolsó lépése a Google Címkekezelő beállítása, amely rögzíti ezeket a változókat, és elküldi őket egy eseményhez beállított Google Analytics -címkéhez. Elad Levy ezeket a lépéseket részletezi másik bejegyzésében - Általános eseménykövetés a Google Címkekezelőben.
Miután ezeket beállította, megtekintheti az eseményeket a Google Analytics szolgáltatásban!
Szerezze be az Elementor Pro -t
Nyilvánosságra hozatal: A cikkben használom az affiliate linkjeimet.
Ez nagyszerű! Köszönöm, hogy összehoztad. Ez a GA4-nél is működni fog?
Megteheti, csak be kell állítania a Google Címkekezelőt ehhez GA4 események a Universal Analytics események helyett.
Többlépcsős elemet használok, de szeretném nyomon követni az eseményeket, amikor a felhasználó a Tovább gombra kattint.
Ismerhet engem ez az esemény? Kösz!
A dokumentum kész helyett megadhatja a Következő gomb osztályát, és módosíthatja az esemény részleteit.
Szia! Az űrlapmezőkből a beküldés után át lehet adni adatokat a GTM-be?
Igen, azt hiszem, így használom egy adatréteg a GTM-ben majd végezzen egy elküldés utáni eseményt, hogy az adatokat a címkekezelőbe küldje, a következő használatával:
dataLayer.push({'variable_name': 'variable_value'});