در (قدم به قدم) قبلی راهی برای ردیابی یک دکمه خاص در تگ منیجر گفتیم، اما روش ذکر شده تنها زمانی کاربرد داره که یک دکمه لینک معمولی رو بخوایم Track کنیم. اما اگر نتیجه کلیک برامون مهم باشه چی؟ در ادامه روشی برای ردیابی موقیت آمیز بودن یک تعامل (مثل ثبت نام موفق) رو بررسی و به تنظیم تگ منیجر برای شمردن Element یا المان خاص خواهیم پرداخت.
برای این کار نیاز هست کمی با CSS Selector آشنا باشید. معمولا بعد از موفقیت آمیز بودن ثبت نام یک المان مانند تصویر بالا روی سایت نمایش داده میشه که هدف نهایی ما شمردن کلیک‌هایی هست که به این پیغام ختم میشه. در نهایت این کار میتونه اطلاعات ارزشمندی مثل تعداد ثبت نام موفق از کانال‌های تبلیغاتی مختلف رو در اختیار ما قرار بده.
۱. پیدا کردن CSS Selector پیام موفقیت
برای شناساندن این المان به تگ منیجر ۲ راه وجود داره:
۱. استفاده از Element ID: اگر طراح وبسایت شما برای المان‌های مختلف ID تعریف کرده باشه به راحتی میتونید از این ID برای ردیابی پیغام‌های موفقیت و خطا استفاده کنید.
۲. استفاده از CSS Selector: درصورتی که ID موجود نباشه باید به صورت دستی المان مورد نظر رو پیدا کنیم که در ادامه توضیح میدم.
برای انتخاب المان بعد از ظاهر شدنش، روی اون راست کلیک و Inspect رو انتخاب کنید.
از منوی Elements کلاس‌های المان مورد نظر قابل مشاهده هستند.
یکی از کلاس‌هایی که به نظرتون یکتاتر میاد رو کپی و یک نقطه در ابتدای اسمش اضافه کنید. مثلا: btn-success.
۲. تعریف Tag و Trigger در تگ منیجر
برای ردیابی المانی که انتخاب کردیم یک Trigger جدید از نوع Element Visibility در تگ منیجر ایجاد و به صورت زیر تنظیم کنید:
Selection Method رو روی CSS Selector تنظیم کنید و المانی که در مرحله قبل کپی کردیم رو اضافه کنید. معمولا لازمه که گزینه Observe DOM changes رو هم فعال کنید.
توجه داشته باشید کلاسی که انتخاب کردید ممکنه روی المان‌های دیگه‌ای هم تنظیم شده باشه در نتیجه برای اینکه اشتباهی رخ نده گزینه Some Visibility Events رو هم در تگ منیجر فعال و همونطور که در آموزش‌های قبلی گفتیم فیلتر هایی برای دقیق شدن شمارش مثل Page URL و Click Text اضافه کنید.
حالا کافیه یک Tag اضافه و از Trigger ای که ساختیم استفاده کنیم.