Asosiy kontentga o‘tish
Innovialabs

Google Tag Manager orqali forma yuborilishini qanday kuzatish

Amaliyot3 daq

Qisqacha

Eng ishonchli usul — dasturchidan forma muvaffaqiyatli yuborilgandan keyin dataLayerga hodisa jo‘natishni so‘rash va uni GTMda «Maxsus hodisa» triggeri bilan ushlash. Shu bitta triggerdan GA4, Yandex Metrika va reklama piksellari uchun teglar ishga tushadi.

Qisqa javob

Google Tag Manager forma yuborilishini to‘rt xil usulda ushlay oladi. Eng yaxshisi — dataLayer hodisasi: sayt uni faqat server arizani qabul qilganini tasdiqlagandan keyin yuboradi. Boshqa usullar kodga kirish imkoni bo‘lmaganda yordam beradi, lekin har birining zaif tomoni bor.

Usullarni solishtirish

UsulQanday ishlaydiAfzalliklariKamchiliklari
«Forma yuborish» triggeriStandart submit hodisasini ushlaydiDasturchisizAJAX-formalarda ko‘pincha ishlamaydi; muvaffaqiyatsiz yuborishlarni ham hisoblashi mumkin
Element ko‘rinishiEkranda «Rahmat» xabari paydo bo‘lganda ishlaydiAJAX-formalar bilan ishlaydiVyorstka yoki matn o‘zgarsa buziladi
Rahmat sahifasi/thank-you sahifasini ko‘rishOddiy va tushunarliRedirekt kerak; yangilanganda takrorlanadi
dataLayer pushSayt muvaffaqiyatli yuborish haqida o‘zi xabar beradiEng aniq, parametr uzatish mumkinDasturchi kerak

1-usul: dataLayer — tavsiya etiladi

Dasturchi server muvaffaqiyatli javob bergandagi ishlovchiga quyidagini qo‘shadi:

window.dataLayer = window.dataLayer || [];
window.dataLayer.push({
  event: 'form_submit_success',
  form_name: 'brief',
  form_location: 'contacts'
});

GTMda:

  1. O‘zgaruvchilar → Foydalanuvchi o‘zgaruvchilari → Data Layer Variable: form_name va form_location ni yarating.
  2. Triggerlar → Custom Event, hodisa nomi form_submit_success.
  3. Ushbu triggerni quyidagi teglarda ishlating.

dataLayerga ism, telefon va emailni uzatmang — shaxsiy ma’lumotlarni analitikaga yuborish mumkin emas.

2-usul: «Forma yuborish» triggeri

Ichki Form o‘zgaruvchilarini (Form ID, Form Classes) yoqing. Form Submission turidagi trigger yarating va Check Validation belgisini qo‘ying, shunda tekshiruv skripti to‘xtatgan formalar hisoblanmaydi. Triggerni Form ID bo‘yicha kerakli forma bilan cheklang. Preview rejimida albatta tekshiring — JavaScript-freymvorklardagi formalarda bu trigger ko‘pincha jim turadi.

3-usul: element ko‘rinishi

Muvaffaqiyat xabarining CSS-selektori bo‘yicha Element Visibility triggeri, masalan .form-success. «Sahifada bir marta» variantini tanlang va DOM o‘zgarishlarini kuzatish ni yoqing — xabar sahifa yuklangandan keyin paydo bo‘ladi. Dasturchi bilan bu klass nomi o‘zgartirilmasligini kelishib oling.

4-usul: rahmat sahifasi

Page Path /thank-you ga teng sharti bilan Page View triggeri. Takrorlanmasligi uchun sahifani to‘g‘ridan-to‘g‘ri ochib bo‘lmasligi, yangilanganda esa ariza qayta yuborilmasligi kerak. Bir nechta forma uchun alohida sahifalar yoki manzildagi parametrdan foydalaning.

Hodisani GA4, Metrika va piksellarga uzatish

Bitta form_submit_success triggeriga bir nechta teg bog‘lang.

GA4. Google Analytics: GA4 Event tegi, hodisa nomi generate_lead — bu arizalar uchun Google tavsiya etgan hodisa. Parametr: form_name = {{form_name}}. So‘ng GA4 interfeysida hodisani kalit hodisa (konversiya) deb belgilang.

Yandex Metrika. Agar hisoblagich saytda o‘rnatilgan bo‘lsa, Custom HTML tegi yetarli:

<script>
  ym(XXXXXXXX, 'reachGoal', 'form_submit_success');
</script>

Metrikada xuddi shu identifikator bilan JavaScript-hodisa turidagi maqsad yarating.

Meta Pixel. Standart hodisani chaqiruvchi Custom HTML:

<script>
  fbq('track', 'Lead');
</script>

Google Ads. Kabinetdagi konversiya ID va yorlig‘i bilan Google Ads Conversion Tracking tegi.

Saytda cookie roziligi banneri bo‘lsa, teglarni Consent Mode bilan sozlang, shunda rozilik talab qilinadigan joylarda ular foydalanuvchi ruxsat bermaguncha ishlamaydi.

Qanday tekshirish

  1. GTMda Preview ni bosing va saytda formani yuboring.
  2. Tag Assistantda hodisa paydo bo‘lganini va barcha teglar «Fired» holatida ekanini tekshiring.
  3. GA4 da DebugView hisobotini, Metrika uchun esa ?_ym_debug=1 rejimini tekshiring.
  4. Formani validatsiya xatosi bilan yuboring — teglar ishlamasligi kerak.
  5. Shundan keyingina konteynerni versiyaning tushunarli tavsifi bilan nashr qiling.

Ko‘p beriladigan savollar

Ehtimol, forma standart submit hodisasisiz JavaScript orqali yuboriladi yoki skript hodisaning tarqalishini to‘xtatadi. dataLayer yoki element ko‘rinishiga o‘ting.

Bunda yordam beramiz

O‘zingiz shug‘ullanmasdan natija olishni istasangiz — biz har kuni shu bilan shug‘ullanamiz.

Loyihani muhokama qilish

Yana o‘qing

G‘oya yoki vazifangiz bormi? Bizga aytib bering

Ish kuni davomida javob beramiz va yechim taklif qilamiz. Konsultatsiya bepul.