Kaip stebėti „Elementor“ formos pateikimą „Google Analytics“ renginiuose naudojant „JQuery“

Kaip stebėti „Elementor“ formos pateikimą „Google Analytics“ renginiuose

Pastaruosius keletą savaičių dirbau su kliento „WordPress“ svetaine, kuri yra gana sudėtinga. Jie naudoja WordPress su integracija į ActiveCampaign laidų vedimui ir a Zapier integracija į „Zendesk Sell“ per Elementoriaus formos. Tai puiki sistema ... prasideda lašelinės kampanijos žmonėms, kurie prašo informacijos, ir paprašius nukreipia atitinkamą pardavimo atstovą. Aš tikrai sužavėtas „Elementor“ formos lankstumu ir išvaizda.

Paskutinis žingsnis buvo pateikti analitikos prietaisų skydelį klientui per „Google Analytics“, kuris suteikė jam informacijos apie pateiktų formų našumą per mėnesį. Juose įdiegta „Google“ žymų tvarkyklė, todėl jau fiksuojame el. Prekybos operacijas ir „YouTube“ peržiūrų veiklą svetainėje.

Aš kelis kartus bandžiau naudoti „DOM“, aktyviklius ir įvykius „Google“ žymų tvarkytuvėje, kad užfiksuočiau sėkmingą „Elementor“ formos pateikimą, bet man nepasisekė. Aš išbandžiau daugybę skirtingų puslapio stebėjimo būdų, stebėdamas sėkmės pranešimą, kuris pasirodys per AJAX, ir jis tiesiog neveikė. Taigi ... Aš šiek tiek ieškojau ir radau puikų sprendimą iš „Tracking Chef“, vadinamo Neperšaunamas „Elementor“ formos stebėjimas naudojant GTM.

Scenarijus naudoja JQuery ir „Google“ žymų tvarkytuvė paspauskite „Google Analytics“ įvykis kai forma sėkmingai pateikta. Su nedideliais pakeitimais ir vienu patobulinimu sintaksėje turėjau viską, ko man reikėjo. Štai kodas:

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

Tai gana išradinga, laukti sėkmingo pateikimo, o tada praeiti forma kaip kategorija, paskirties vietos pavadinimas kaip veiksmas, ir Pateikimas kaip etiketė. Padarę tikslinę programinę įrangą, galite tiesiog turėti šį kodą kiekvieno puslapio poraštėje, kad galėtumėte stebėti formos pateikimą. Taigi… pridedant ar keičiant formas, jums niekada nereikia jaudintis dėl scenarijaus atnaujinimo ar pridėjimo prie kito puslapio.

Įdiekite scenarijų naudodami „Elementor“ pasirinktinį kodą

Jei esate agentūra, labai rekomenduoju neribotą naujovinimą ir „Elementor“ naudojimą visiems jūsų klientams. Tai tvirta platforma, o partnerių integracijų skaičius ir toliau sparčiai auga. Susiekite jį su panašiu papildiniu Susisiekite su DB forma taip pat galite surinkti visus savo pateiktus dokumentus.

Elementor Pro " turi puikią scenarijų valdymo parinktį. Štai kaip galite įvesti kodą:

Elementoriaus pasirinktinis kodas

  • Eikite į Elementor> Pasirinktinis kodas
  • Pavadinkite savo kodą
  • Nustatykite vietą, šiuo atveju - pabaigą kūno etiketė.
  • Nustatykite prioritetą, jei turite daugiau nei vieną scenarijų, kurį norite įterpti, ir nustatykite jų eiliškumą.

Elementor formos pateikimas GA renginiui per GTM

  • Spustelėkite atnaujinti
  • Jūsų bus paprašyta nustatyti sąlygą ir tiesiog nustatyti ją pagal numatytuosius nustatymus visuose puslapiuose.
  • Atnaujinkite talpyklą ir jūsų scenarijus yra tiesioginis!

Peržiūrėkite „Google“ žymų tvarkyklės integraciją

„Google“ žymų tvarkytuvė turi fantastišką prisijungimo prie naršyklės egzemplioriaus mechanizmą ir tikrina jūsų kodą, kad pamatytų, ar kintamieji siunčiami tinkamai. Tai būtina, nes „Google Analytics“ neveikia realiuoju laiku. Jei to nesuvokėte, galite išbandyti, išbandyti ir išbandyti ir tikrai nusivilti, kad duomenys nerodomi „Google Analytics“.

Aš čia nepateiksiu pamokos, kaip tai padaryti peržiūrėti ir derinti „Google“ žymų tvarkytuvę... Aš manysiu, kad žinai. Galiu pateikti savo formą prijungtame bandymo puslapyje ir matyti, kaip duomenys turi būti perkelti į GTM duomenis:

„Google“ žymų tvarkyklės duomenų sluoksnis

Šiuo atveju kategorija buvo užkoduota kaip forma, tikslas buvo forma Susisiekite su mumis, o etiketė yra Pateikimas.

„Google“ žymų tvarkytuvėje nustatykite duomenų kintamuosius, įvykį, aktyviklį ir žymą

Paskutinis žingsnis yra nustatyti „Google“ žymų tvarkyklę, kad šie kintamieji būtų užfiksuoti ir išsiųsti į įvykio nustatytą „Google Analytics“ žymą. Eladas Levy išsamiai aprašo šiuos veiksmus kitame savo įraše - Bendras įvykių stebėjimas „Google“ žymų tvarkytuvėje.

Kai jie bus nustatyti, galėsite matyti įvykius „Google Analytics“!

Gaukite „Elementor Pro“

Atskleidimas: šiame straipsnyje naudoju savo partnerių nuorodas.

6 komentarai

  1. 1
  2. 3
  3. 5

Ką manote?

Ši svetainė naudoja "Akismet", kad sumažintų šlamštą. Sužinokite, kaip apdorojamas jūsų komentaras.