JQuery ашиглан Google Analytics үйл явдлууд дахь элементийн маягтын мэдүүлгийг хэрхэн хянах вэ

Google Analytics үйл явдлууд дахь элементийн маягтыг хэрхэн яаж хянах вэ

Би сүүлийн хэдэн долоо хоногт WordPress -ийн үйлчлүүлэгчийн сайт дээр ажиллаж байгаа бөгөөд энэ нь нэлээд төвөгтэй юм. Тэд ашиглаж байна WordPress руу нэгтгэх замаар ActiveCampaign хар тугалга тэжээх болон a Zapier руу нэгтгэх Зендес зарна дамжуулан Элементорын хэлбэрүүд. Энэ бол мэдээлэл авахыг хүсч буй хүмүүст зориулсан дуслын кампанит ажлыг эхлүүлж, хүссэн тохиолдолд борлуулалтын төлөөлөгчийг дуудах явдал юм. Elementor -ийн хэлбэрийн уян хатан байдал, гадаад төрх байдал надад үнэхээр гайхалтай сэтгэгдэл төрүүлж байна.

Сүүлийн алхам бол Google Analytics-ээр дамжуулан үйлчлүүлэгчийн аналитик хяналтын самбарыг өгч, маягт ирүүлэх ажлыг сар бүр гүйцэтгэдэг. Тэдэнд Google Tag Manager суулгасан байгаа тул бид аль хэдийн цахим худалдааны гүйлгээ болон YouTube дээр үзэх үйл ажиллагааг энэ сайтад байршуулсан байгаа.

Би Elementor -д зориулсан маягтыг амжилттай оруулахын тулд Google Tag Manager доторх DOM, триггерүүд болон үйл явдлуудыг ашиглах хэд хэдэн оролдлого хийсэн боловч огт аз таарсангүй. Би хуудсыг хянах олон янзын аргыг туршиж үзсэн бөгөөд AJAX -ээр дамжуулан гарч ирэх амжилттай зурвасыг харж байсан бөгөөд энэ нь зүгээр л ажиллахгүй байна. Тиймээс ... Би жаахан хайгаад Tracking Chef -ээс маш сайн шийдэл оллоо GTM ашиглан сум нэвтэрдэггүй Elementor хэлбэрийг хянах.

Скриптийг ашигладаг jQuery болон Google Tag Manager -ийг дарна уу 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 -ийг хязгааргүй сайжруулж, бүх үйлчлүүлэгчдэдээ ашиглахыг зөвлөж байна. Энэ бол найдвартай платформ бөгөөд түншүүдийн интеграцийн тоо огцом нэмэгдсээр байна. Plugin шиг хослуулаарай DB -тэй холбоо барина уу мөн та бүх маягтын мэдүүлгээ цуглуулж болно.

Elementor Pro маш сайн скрипт менежментийн сонголттой. Та кодоо хэрхэн оруулахыг энд харуулав.

Элементорын захиалгын код

  • Руу очих Элементор> Тусгай код
  • Кодоо нэрлэнэ үү
  • Энэ тохиолдолд төгсгөлийг байршлыг тохируулна уу биеийн хаяг.
  • Хэрэв танд оруулахыг хүсч буй хэд хэдэн скрипт байгаа бол тэдгээрийн дарааллыг тохируулахыг нэн тэргүүнд тавь.

Elementor маягтыг GTM -ээр дамжуулан GA Event -д оруулах

  • Шинэчлэх дээр дарна уу
  • Нөхцөл байдлыг тохируулахыг танаас хүсэх бөгөөд үүнийг бүх хуудасны анхдагч болгож тохируулна уу.
  • Кэшээ шинэчил, таны скрипт шууд байна!

Google Tag Manager интеграцийг урьдчилан үзэх

Google Tag Manager нь хөтөчийн жишээнд холбогдох, хувьсагчдыг зөв илгээж байгаа эсэхийг шалгахын тулд кодоо турших гайхалтай механизмтай. Google Аналитик нь бодит цаг биш тул энэ нь маш чухал юм. Хэрэв та үүнийг анзаараагүй бол өгөгдөл Google Analytics дээр харагдахгүй байгаад та туршиж, туршиж, туршиж үзээд үнэхээр бухимдаж болно.

Би энд хэрхэн яаж хийх талаар заавар өгөхгүй Google Tag Manager -ийг урьдчилан үзэх, дибаг хийх... Би чамайг мэдэж байгаа гэж бодож байна. Би маягтаа холбогдох тест хуудсандаа илгээж, GTM өгөгдөл рүү оруулах өгөгдлийг дараах байдлаар харах боломжтой.

google tag менежерийн өгөгдлийн давхарга

Энэ тохиолдолд ангилал нь Form хэлбэрээр хатуу кодлогдсон, зорилт нь Бидэнтэй холбоо бариарай, шошго нь Submission юм.

Google Tag Manager дээр өгөгдлийн хувьсагч, үйл явдал, өдөөгч, тагийг тохируулна уу

Үүний хамгийн сүүлийн алхам бол эдгээр хувьсагчдыг олж авахын тулд Google Таг Менежерийг тохируулж, үйл явдалд зориулж тохируулсан Google Аналитик Таг руу илгээх явдал юм. Элад Леви эдгээр алхмуудыг өөр нийтлэлдээ дэлгэрэнгүй бичсэн байдаг. Google Tag Manager дахь ерөнхий үйл явдлыг хянах.

Эдгээрийг тохируулсны дараа та Google Analytics дээрх үйл явдлыг харах боломжтой болно!

Elementor Pro авах

Тодруулга: Би энэ нийтлэлийн туршид түншлэлийн холбоосуудаа ашиглаж байна.

6 санал

  1. 1
  2. 3

    Би олон алхамыг элемент хэлбэрээр ашиглаж байгаа боловч хэрэглэгч Next товчийг дарахад үйл явдлыг хянахыг хүсч байна.
    Та намайг энэ үйл явдлыг мэдэх үү? Баярлалаа!

    • 4

      Баримт бичгийг бэлэн болгохын оронд та дараагийн товчлуурынхаа ангиллыг зааж өгч, үйл явдлын дэлгэрэнгүй мэдээллийг өөрчилж болно.

  3. 5

Чи юу гэж бодож байна?

Энэ сайт нь спамыг багасгахын тулд Akismet-ийг ашигладаг. Таны өгөгдлийг хэрхэн боловсруулдаг талаар суралц.