Аналитика и тестирањеСодржина Маркетинг

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

Работам на клиентска страница на 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

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

Douglas Karr

Douglas Karr е CMO на OpenINSIGHTS и основачот на Martech Zone. Даглас им помогна на десетици успешни стартапи на MarTech, помогна во длабинската анализа од над 5 милијарди американски долари за аквизиции и инвестиции на Martech и продолжува да им помага на компаниите во имплементацијата и автоматизирањето на нивните стратегии за продажба и маркетинг. Даглас е меѓународно признат експерт и говорник за дигитална трансформација и MarTech. Даглас е исто така објавен автор на водич за Dummie и книга за бизнис лидерство.

поврзани написи

Вратете се на почетокот копче
Затвори

Откриен е блок за рекламирање

Martech Zone може да ви ја обезбеди оваа содржина без трошоци бидејќи ја монетизираме нашата страница преку приходи од реклами, врски со партнери и спонзорства. Ќе ни биде благодарно ако го отстраните вашиот блокатор на реклами додека ја гледате нашата страница.