JQuery аркылуу Google Analytics Eventsте Elementor Form тапшырууларын кантип көзөмөлдөө керек

Google Analytics Eventsте Elementor Form тапшырууларын кантип көзөмөлдөө керек

Мен бир нече татаалдыктарга ээ болгон акыркы бир нече жума бою кардар WordPress сайтында иштеп жатам. Алар колдонуп жатышат WordPress интеграция менен ActiveCampaign жетелейт тарбиялоо үчүн жана а Zapier чейин интеграциялоо Зендеск Сатам аркылуу Элементар формалары. Бул сонун система ... маалымат сураган адамдарга тамчылатып кампанияларды баштоо жана талап кылынганда тиешелүү сатуу өкүлүнө алып баруу. Мен чынында эле Elementorдун формасынын ийкемдүүлүгүнө жана көрүнүшүнө жана сезимине таң калдым.

Акыркы кадам кардар үчүн Google Analytics аркылуу аналитика тактасын камсыз кылуу болгон, бул аларга формаларды тапшыруу боюнча ай сайын иштөөнү камсыз кылган. Аларда Google Тэг менеджери орнотулган, андыктан биз буга чейин электрондук соода бүтүмдөрүн жана YouTube сайтында көрүү ишмердүүлүгүн тартып жатабыз.

Мен Google Tag Manager ичинде DOM, триггерлерди жана окуяларды Elementorго ийгиликтүү тапшыруу формасын тартуу үчүн бир нече жолу аракет кылдым, бирок эч кандай ийгилик болгон жок. Мен AJAX аркылуу калкып чыга турган ийгилик билдирүүсүн карап, баракты көзөмөлдөөнүн көптөгөн жолдорун сынап көрдүм жана ал иштебей калды. Ошентип ... мен бир аз издеп көрдүм жана Tracking Chefтин улуу чечимин таптым Bulletproof Elementor формасын GTM менен көзөмөлдөө.

Скрипт колдонот Код жана Google Тэг менеджери Google Analytics окуясы форма ийгиликтүү тапшырылганда. Кичине түзөтүүлөр жана бир синтаксисти жакшыртуу менен менде керектүү нерселердин баары бар болчу. Бул жерде код:

<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 Custom Code аркылуу орнотуңуз

Эгерде сиз агенттик болсоңуз, мен бардык кардарларыңыз үчүн чексиз жаңыртууну жана Elementor колдонууну сунуштайм. Бул бекем платформа жана өнөктөштөрдүн интеграциясынын саны өсүүнү улантууда. Аны плагин сыяктуу жупташтырыңыз Байланыш формасы DB жана сиз ошондой эле бардык формаңызды тапшыра аласыз.

Element Pro скриптти башкаруунун чоң варианты бар. Бул жерде кодуңузду кантип киргизсеңиз болот:

Elementor Custom Code

  • өтүү Элемент> Бажы коду
  • Кодуңузду атаңыз
  • Ордун коюңуз, бул учурда аягы дене теги.
  • Эгерде сизде бир нече сценарий бар болсо, приоритетти коюңуз жана алардын тартибин коюңуз.

Elementor формасын GA Eventге GTM аркылуу тапшыруу

  • Жаңыртууну басыңыз
  • Сизден шартты коюп, аны бардык баракчалардын демейки абалына коюңуз.
  • Кэшиңизди жаңыртыңыз жана сценарийиңиз жандуу!

Google Tag Manager интеграцияңызды алдын ала карап көрүңүз

Google Тэг менеджеринде браузердин инстанциясына туташуу жана чындыгында кодуңузду текшерүү үчүн фантастикалык механизм бар, өзгөрмөлөр туура жөнөтүлүп жаткандыгын байкоо үчүн. Бул өтө маанилүү, анткени Google Analytics реалдуу убакыт режиминде эмес. Сиз муну түшүнбөсөңүз, Google Analytics'те маалыматтар көрүнбөй жатканына тестирлеп, сынап жана сынап көрүңүз жана чындап капа болосуз.

Мен бул жерде кантип кылууну үйрөткүч менен камсыз кылбайм алдын ала көрүү жана мүчүлүштүктөрдү Google Tag Manager... Мен билем деп ойлойм. Мен формамды туташкан тест баракчама тапшыра алам жана GTM маалыматтарына керектүү маалыматтарды киргизе алам:

google теги менеджеринин маалымат катмары

Бул учурда, категория Форма катары каттуу коддолгон, максат-Биз менен Байланыш формасы, жана этикеткасы-тапшыруу.

Google Тег менеджеринде Дайындардын өзгөрмөлөрүн, окуяны, триггерди жана тегди орнотуңуз

Бул боюнча акыркы кадам - ​​бул өзгөрмөлөрдү кармап туруу үчүн Google Тэг менеджерин орнотуу жана бир окуя үчүн орнотулган Google Analytics Тэгге жөнөтүү. Элад Леви бул кадамдарды башка постунда кеңири баяндайт - Google Тэг менеджеринде жалпы окуяларга көз салуу.

Булар орнотулгандан кийин, Google Analyticsтеги окуяларды көрө аласыз!

Elementor Pro алыңыз

Ачуу: Мен ушул макалада өнөктөштүк шилтемелеримди колдонуп жатам.

6 Comments

  1. 1
  2. 3

    Мен элементор түрүндө көп кадамды колдонуп жатам, бирок колдонуучу Кийинки баскычты чыкылдатканда окуяга көз салгым келет.
    Бул окуяны биле аласызбы? Рахмат!

  3. 5

    Салам! Тапшырылгандан кийин форма талааларынан GTM маалыматтарына өтүү мүмкүнбү?

Эмне деп ойлойсуң?

Бул сайт спам азайтуу Akismet колдонот. Сиздин комментарий маалымат кандайча иштелишин Үйрөнүү.