Како пратити подношења образаца елемената у догађајима Гоогле аналитике помоћу ЈКуери -ја

Како пратити подношења образаца елемената у догађајима Гоогле аналитике

Последњих неколико недеља радим на веб локацији клијента ВордПресс која има доста сложености. Они користе WordPress са интеграцијом у АцтивеЦампаигн за неговање трагова и а Запиер интеграција у Зендеск Продаја преко Обрасци елемената. То је одличан систем ... покретање кампања капања за људе који траже информације и прослеђивање контакта одговарајућем продајном представнику на захтев. Заиста сам импресиониран флексибилношћу и изгледом Елементора.

Последњи корак је био обезбеђивање контролне табле за аналитику за клијента путем Гоогле аналитике која му је омогућила перформансе при подношењу образаца из месеца у месец. Имају инсталиран Гоогле Таг Манагер, тако да већ снимамо трансакције е-трговине и активности прегледа ИоуТубе-а на веб локацији.

Неколико пута сам покушао да користим ДОМ, покретаче и догађаје у оквиру Гоогле менаџера ознака за снимање успешног подношења обрасца за Елементор, али нисам имао среће. Тестирао сам мноштво различитих начина за надгледање странице, тражећи поруку о успеху која ће се појавити преко АЈАКС -а и једноставно није радила. Па ... мало сам претражио и нашао одлично решење од Трацкинг Цхефа, тзв Праћење образаца отпорних на метке са ГТМ -ом.

Скрипта користи јКуери и Гоогле менаџер ознака да бисте притиснули Догађај Гоогле аналитике када се образац успешно преда. Уз неке мање измене и једно побољшање синтаксе, имао сам све што ми је потребно. Ево кода:

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

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

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

Ако сте агенција, топло бих препоручио неограничену надоградњу и употребу Елементора за све ваше клијенте. То је солидна платформа и број партнерских интеграција наставља да расте. Упарите га са додатком попут Образац за контакт ДБ а можете и да прикупите све своје обрасце.

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

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

  • Иди на Елементор> Прилагођени код
  • Именујте свој код
  • Поставите локацију, у овом случају крај ознака тела.
  • Подесите приоритет ако желите да убаците више скрипти и поставите њихов редослед.

Подношење обрасца елемента на ГА догађај путем ГТМ -а

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

Прегледајте интеграцију Гоогле менаџера ознака

Гоогле менаџер ознака има фантастичан механизам за повезивање са инстанцом прегледача и тестирање вашег кода да би се утврдило да ли се променљиве шаљу правилно. Ово је неопходно јер Гоогле аналитика није у реалном времену. Можете тестирати, тестирати и тестирати и заиста бити фрустрирани што се подаци не приказују у Гоогле аналитици ако то нисте схватили.

Нећу овде давати упутства о томе како преглед и отклањање грешака у Гоогле менаџеру ознака... Претпостављам да знате. Могу да пошаљем образац на повезаној пробној страници и видим податке који се шаљу у податке ГТМ -а онако како треба:

слој података гоогле менаџера ознака

У овом случају, категорија је била тешко кодирана као Образац, циљ је био образац Контактирајте нас, а ознака је Предаја.

У Гоогле менаџеру ознака подесите променљиве података, догађај, окидач и ознаку

Последњи корак у овоме је подешавање Гоогле менаџера ознака да бележи те променљиве и шаље их у ознаку Гоогле аналитике подешену за догађај. Елад Леви детаљно описује ове кораке у свом другом посту - Опште праћење догађаја у Гоогле менаџеру ознака.

Када се они поставе, моћи ћете да видите догађаје у Гоогле аналитици!

Набавите Елементор Про

Откривање: У овом чланку користим партнерске везе.

Komentari

  1. 1
  2. 3
  3. 5

Шта ви мислите?

Ова страница користи Акисмет како би смањила нежељену пошту. Сазнајте како се ваш коментар обрађује.