Az Elementor űrlap beküldésének nyomon követése a Google Analytics eseményekben a JQuery használatával

Az Elementor űrlap beküldésének nyomon követése a Google Analytics eseményekben

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:

Elementor egyéni kód

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

Elementor űrlap beküldése a GA eseményre a GTM -en keresztül

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

google tag manager adatréteg

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.

6 Comments

  1. 1
  2. 3
  3. 5

Mit gondolsz?

Ez az oldal Akismet-et használ a levélszemét csökkentése érdekében. Ismerje meg, hogyan dolgozik a megjegyzésed.