Ako sledovať podania formulárov Elementor v udalostiach Google Analytics pomocou JQuery

Ako sledovať odoslané formuláre Elementor v udalostiach v službe Google Analytics

Posledných niekoľko týždňov pracujem na klientskom webe WordPress, ktorý má niekoľko komplikácií. Oni používajú WordPress s integráciou do ActiveCampaign za výchovu potenciálnych zákazníkov a a Zapier integrácia do Zendesk Predaj via Formuláre Elementor. Je to skvelý systém ... spustenie odkvapkávacích kampaní pre ľudí, ktorí požadujú informácie, a na požiadanie privedie zákazníka k príslušnému obchodnému zástupcovi. Na flexibilitu a vzhľad a vzhľad Elementor som skutočne ohromený.

Posledným krokom bolo poskytnutie analytického informačného panela pre klienta prostredníctvom služby Google Analytics, ktorý mu poskytol mesačnú výkonnosť pri odoslaní formulárov. Majú nainštalovaný Správca značiek Google, takže už zaznamenávame transakcie elektronického obchodu a aktivitu zhliadnutia služby YouTube na tomto webe.

Urobil som niekoľko pokusov využiť DOM, spúšťače a udalosti v Správcovi značiek Google na zachytenie úspešného odoslania formulára pre Elementor, ale nemal som vôbec šťastie. Testoval som veľa rôznych spôsobov monitorovania stránky a sledoval som, či sa cez AJAX nezobrazí správa o úspechu, ale nefungovalo to. Takže ... Skúsil som niečo nájsť a našiel som skvelé riešenie od Tracking Chef, nazvaný Nepriestrelné sledovanie formulárov Elementor pomocou Správcu značiek Google.

Skript používa jQuery a Správca značiek Google, aby stlačili Udalosť Google Analytics po úspešnom odoslaní formulára. S niekoľkými drobnými úpravami a jedným vylepšením syntaxe som mal všetko, čo som potreboval. Tu je 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>

Je to dosť geniálne, sledovať úspešné podanie a potom prejsť Formulár ako kategória názov destinácie ako Akcia, a Podanie ako štítok. Nastavením cieľa na programový kód môžete tento kód jednoducho vložiť do päty každej stránky a sledovať odoslanie formulára. Takže ... pri pridávaní alebo úprave formulárov si už nemusíte robiť starosti s aktualizáciou skriptu ani s jeho pridaním na inú stránku.

Nainštalujte si skript prostredníctvom vlastného kódu Elementor

Ak ste agentúra, vrelo odporúčam neobmedzenú aktualizáciu a používanie Elementor pre všetkých vašich klientov. Je to solídna platforma a počet partnerských integrácií stále rastie. Spojte to s doplnkom, ktorý sa vám páči Kontaktný formulár DB a tiež môžete zbierať všetky svoje formuláre.

Elementor Pro má integrovanú skvelú možnosť správy skriptov. Kód môžete zadať takto:

Vlastný kód Elementor

  • prejdite na Elementor> vlastný kód
  • Pomenujte svoj kód
  • Nastavte umiestnenie, v tomto prípade koniec telesná značka.
  • Nastavte prioritu, ak máte viac ako jeden skript, ktorý chcete vložiť, a nastavte ich poradie.

Odoslanie formulára Elementor na podujatie GA prostredníctvom GTM

  • Kliknite na aktualizovať
  • Budete vyzvaní, aby ste nastavili podmienku a nastavili ju ako predvolenú pre všetky stránky.
  • Obnovte vyrovnávaciu pamäť a váš skript je zverejnený!

Ukážka vašej integrácie Správcu značiek Google

Správca značiek Google má fantastický mechanizmus na pripojenie k inštancii prehliadača a skutočné testovanie kódu, aby sa zistilo, či sú premenné správne odoslané. Je to nevyhnutné, pretože služba Google Analytics nie je v reálnom čase. Môžete testovať a testovať a testovať. Skutočne vás frustruje, že sa údaje nezobrazujú v službe Google Analytics, ak ste si to neuvedomili.

Nebudem tu poskytovať návod, ako na to ukážku a ladenie Správcu značiek Google... Budem predpokladať, že to vieš. Môžem odoslať svoj formulár na svoju prepojenú testovaciu stránku a zobraziť údaje odoslané do údajov Správy značiek Google tak, ako musia byť:

dátová vrstva správcu značiek Google

V tomto prípade bola kategória pevne zakódovaná ako formulár, cieľom bol formulár Kontaktujte nás a štítok je Odoslanie.

V Správcovi značiek Google nastavte dátové premenné, udalosť, spúšť a značku

Posledným krokom je nastavenie Správcu značiek Google na zachytávanie týchto premenných a ich odosielanie do značky Google Analytics nastavenej pre udalosť. Elad Levy podrobne popisuje tieto kroky vo svojom druhom príspevku - Všeobecné sledovanie udalostí v Správcovi značiek Google.

Keď sú tieto nastavenia nastavené, budú sa vám zobrazovať udalosti v službe Google Analytics!

Získajte Elementor Pro

Zverejnenie: V tomto článku používam svoje affiliate odkazy.

6 Komentáre

  1. 1
  2. 3
  3. 5

Čo si myslíte?

Táto stránka používa Akismet na zníženie spamu. Zistite, ako sa spracúvajú údaje vašich komentárov.