Како да ги следите поднесоците за формулар Elementor во настани на Google Analytics користејќи JQuery

Како да ги следите поднесоците за формулар Elementor во настани на Google Analytics

Работам на клиентска страница на WordPress во последните неколку недели, која има доста комплексности. Тие користат WordPress со интеграција кон ActiveCampaign за негување на води и а Запир интеграција во Зендеск Продава преку Елементорски формиНа Тоа е одличен систем ... започнување кампањи за капење на луѓе кои бараат информации и туркање до соодветниот продажен претставник кога ќе се побара. Навистина сум импресиониран од флексибилноста и изгледот на Елементор.

Последниот чекор беше обезбедување на табла за аналитика за клиентот преку Google Analytics што им обезбеди перформанси од месец до месец за поднесување на формулари. Имаат инсталиран Google Tag Manager, така што веќе ги снимаме трансакциите за е-трговија и активностите на YouTube за прегледување на страницата.

Направив неколку обиди да искористам DOM, предизвикувачи и настани во Google Tag Manager за да го снимам успешното поднесување на формуларот за Elementor, но воопшто немав среќа. Тестирав многу различни начини за следење на страницата, гледајќи за пораката за успех што ќе се појави преку AJAX и едноставно не функционираше. Така ... Јас пребарував и најдов одлично решение од Готвач за следење, наречено Следење на формата Elementor отпорен на куршуми со GTM.

Скриптата користи jQuery и Google Tag Manager за да го притиснете Настан за Google Analytics кога формуларот е успешно поднесен. Со некои мали измени и едно подобрување на синтаксата, имав с everything што ми требаше. Еве го кодот:

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

Тоа е прилично генијално, да се гледа успешното поднесување, потоа да помине Форма како категорија, на име на дестинација како Акција, и Поднесување како етикета. Со правење на целната програма, едноставно можете да го имате овој код во подножјето на секоја страница за да набудувате поднесување форма. Значи ... додека додавате или менувате формулари, никогаш не треба да се грижите за ажурирање на скриптата ниту пак додавање на друга страница.

Инсталирајте го Скриптот преку прилагоден код на Елементор

Ако сте агенција, силно би ја препорачал неограничената надградба и користење на Elementor за сите ваши клиенти. Тоа е солидна платформа и бројот на партнерски интеграции продолжува да расте. Спарете го со додаток како Контакт формулар DB и исто така можете да ги соберете сите ваши поднесоци за формулари.

Елемент Про има одлична опција за управување со скрипти. Еве како можете да го внесете вашиот код:

Прилагоден код на Елементор

  • Отидете до Elementor> Прилагоден код
  • Именувајте го вашиот код
  • Поставете ја локацијата, во овој случај крајот ознака на телото.
  • Поставете приоритет ако имате повеќе од една скрипта што сакате да ја вметнете и поставете го редоследот на истите.

Образец за елемент поднесување на ГА настан преку ГТМ

  • Кликнете на ажурирање
  • Од вас ќе биде побарано да го поставите условот и само да го поставите на стандардните сите страници.
  • Освежете го кешот и скриптата е во живо!

Прегледајте ја вашата интеграција на управувачот со ознаки на Google

Управувачот со ознаки на Google има фантастичен механизам за поврзување со пример на прелистувач и всушност тестирање на вашиот код за да забележите дали променливите се испраќаат правилно или не. Ова е од суштинско значење бидејќи Google Analytics не е во реално време. Може да тестирате и тестирате и тестирате и навистина да се фрустрирате што податоците не се појавуваат во Google Analytics ако не сте го сфатиле ова.

Нема да дадам туторијал овде за тоа како прегледајте и дебагирајте Управувач со ознаки на Google… Goingе претпоставам дека знаеш. Можам да ја доставам мојата форма на мојата поврзана тест -страница и да ги видам податоците што се туркаат до податоците за ГТМ онака како што треба:

слој на податоци на менаџерот за ознаки на Google

Во овој случај, категоријата беше хард-кодирана како Формулар, целта беше образецот Контакт со нас, а етикетата е Поднесување.

Во Google Tag Manager Поставете варијабли на податоци, настан, активирање и ознака

Последниот чекор за ова е да поставите Google Tag Manager за да ги фати тие променливи и да ги испратите до ознаката на Google Analytics поставена за настан. Елад Леви ги опишува овие чекори во неговиот друг пост - Генеричко следење на настани во Google Tag Manager.

Откако ќе се постават, ќе можете да ги видите Настаните во Google Analytics!

Добијте Elementor Pro

Откривање: Јас ги користам моите придружни врски низ целиот напис.

6 Коментари

  1. 1
  2. 3
  3. 5

Што мислите?

Оваа страница користи Akismet за намалување на спам. Научете како се обработува вашиот коментар.