Kā izsekot Elementor veidlapu iesniegšanai Google Analytics pasākumos, izmantojot JQuery

Kā izsekot Elementor veidlapu iesniegšanai Google Analytics pasākumos

Pēdējās nedēļas esmu strādājis pie klienta WordPress vietnes, kurā ir diezgan daudz sarežģījumu. Viņi izmanto WordPress ar integrāciju ActiveCampaign vadu audzināšanai un a Zapier integrācija uz Zendesk Pārdod līdz Elementoru veidlapas. Tā ir lieliska sistēma… sāk pilienu kampaņas cilvēkiem, kuri pieprasa informāciju, un pēc pieprasījuma nosūta informāciju attiecīgajam tirdzniecības pārstāvim. Esmu patiešām pārsteigts par Elementor formas elastību un izskatu.

Pēdējais solis bija nodrošināt klientam analīzes informācijas paneli, izmantojot Google Analytics, kas nodrošināja veidlapu iesniegumu sniegumu mēneša laikā. Viņiem ir instalēts Google tagu pārvaldnieks, tāpēc mēs jau fiksējam e-komercijas darījumus un YouTube skatījumu darbības vietnē.

Es vairākkārt mēģināju izmantot DOM, aktivizētājus un notikumus Google tagu pārvaldniekā, lai fiksētu veiksmīgo Elementor veidlapas iesniegšanu, taču man vispār nepaveicās. Es pārbaudīju daudz dažādu veidu, kā uzraudzīt lapu, gaidot veiksmes ziņojumu, kas parādīsies, izmantojot AJAX, un tas vienkārši nedarbojās. Tātad ... Es nedaudz meklēju un atradu lielisku risinājumu no izsekošanas šefpavāra, saukta Ložu necaurlaidīga Elementor veidlapu izsekošana ar GTM.

Skripts izmanto jQuery un Google tagu pārvaldnieks, lai nospiestu Google Analytics notikums kad veidlapa ir veiksmīgi iesniegta. Ar nelieliem labojumiem un vienu sintakses uzlabojumu man bija viss nepieciešamais. Šeit ir kods:

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

Tas ir diezgan ģeniāli, gaidot veiksmīgu iesniegšanu, pēc tam iet garām Veidlapa kā kategorija ,. galamērķa nosaukums kā darbība, un Iesniegšana kā etiķete. Padarot mērķtiecīgu programmatisku, varat vienkārši ievietot šo kodu katras lapas kājenē, lai novērotu veidlapas iesniegšanu. Tātad… pievienojot vai modificējot veidlapas, jums nekad nav jāuztraucas par skripta atjaunināšanu vai pievienošanu citai lapai.

Instalējiet skriptu, izmantojot Elementor pielāgoto kodu

Ja esat aģentūra, es ļoti ieteiktu neierobežotu jaunināšanu un Elementor izmantošanu visiem jūsu klientiem. Tā ir stabila platforma, un partneru integrāciju skaits turpina pieaugt. Savienojiet to ar līdzīgu spraudni Sazinieties ar DB veidlapu un jūs varat arī savākt visus veidlapu iesniegumus.

Elementor Pro ir iebūvēta lieliska skriptu pārvaldības opcija. Tālāk ir norādīts, kā ievadīt kodu.

Elementor pielāgotais kods

  • Virzīties uz Elementor> Pielāgots kods
  • Nosauciet savu kodu
  • Iestatiet atrašanās vietu, šajā gadījumā - beigas ķermeņa birka.
  • Iestatiet prioritāti, ja jums ir vairāki skripti, kurus vēlaties ievietot, un iestatiet to secību.

Elementor veidlapas iesniegšana GA notikumam, izmantojot GTM

  • Noklikšķiniet uz atjaunināt
  • Jums tiks lūgts iestatīt nosacījumu un vienkārši iestatīt to uz visu lapu noklusējumu.
  • Atsvaidziniet kešatmiņu, un jūsu skripts ir pieejams!

Priekšskatiet savu Google tagu pārvaldnieka integrāciju

Google tagu pārvaldniekam ir fantastisks mehānisms, kā izveidot savienojumu ar pārlūkprogrammas instanci un faktiski pārbaudīt jūsu kodu, lai noskaidrotu, vai mainīgie tiek pareizi nosūtīti. Tas ir būtiski, jo Google Analytics nav reāllaika. Jūs varat pārbaudīt, pārbaudīt un pārbaudīt, un tiešām neapmierinātība, ka dati netiek rādīti pakalpojumā Google Analytics, ja to neapzinājāties.

Es šeit nesniedzu pamācību, kā to izdarīt priekšskatīt un atkļūdot Google tagu pārvaldnieku… Es pieņemu, ka jūs zināt. Es varu iesniegt savu veidlapu manā savienotajā testa lapā un redzēt datus, kas tiek nosūtīti uz GTM datiem, kā tas ir nepieciešams:

google tagu pārvaldnieka datu slānis

Šajā gadījumā kategorija tika kodēta kā veidlapa, mērķis bija veidlapa Sazināties ar mums, un etiķete ir Iesniegums.

Google tagu pārvaldniekā iestatiet datu mainīgos, notikumu, aktivizētāju un tagu

Pēdējais solis ir iestatīt Google tagu pārvaldnieku, lai uztvertu šos mainīgos un nosūtītu tos uz notikumam iestatītu Google Analytics tagu. Elad Levy sīki izklāsta šīs darbības savā citā amatā - Vispārīga notikumu izsekošana Google tagu pārvaldniekā.

Kad tie ir iestatīti, jūs varēsit redzēt notikumus pakalpojumā Google Analytics!

Iegūstiet Elementor Pro

Informācijas atklāšana: es šajā rakstā izmantoju savas saistītās saites.

6 Komentāri

  1. 1
  2. 3
  3. 5

Ko jūs domājat?

Šī vietne izmanto Akismet, lai samazinātu surogātpastu. Uzziniet, kā tiek apstrādāts jūsu komentārs.