اگر در لندینگ پیج از فرم برای جمع آوری لید (Lead) استفاده کرده‌اید که کاربر بعد از تکمیل آن به صفحه Thank You Page هدایت نمی‌شود و یا تریگر Form Submission بدرستی کار نمی‌کند، زمان آن است که از Element Visibility برای ترکینگ فرم استفاده کنید.
در این مقاله خواهید خواند:
مراحل زیر را برای ردیابی ثبت نام موفق فرم قرار گرفته در لندینگ پیج به ترتیب انجام دهید:
فرض کنید که تصویر زیر مربوط به لندینگ پیج طراحی شده شما برای جمع آوری نام و نام خانوادگی و شماره موبایل کاربرانی است که تصمیم دارند در وبینار رایگان شرکت کنند:
وقتی که کاربر فیلدهای فرم را تکمیل کرد پیام سبز رنگی را مشاهده می‌کند :
ما همین پیام را نشانه تکمیل موفق فرم و تکمیل ثبت نام در نظر می‌گیریم. از inspect مرورگر CSS متن را برمی‌داریم. بدین گونه
در مرورگر راست کلیک کرده و گزینه inspect را انتخاب کنید --> روی پیام سبز رنگ بروید و copy selector را انتخاب کنید.
برای پیام تکمیل موفقیت آمیز فرم CSS زیر Select شد :
#formTizhooshan > div.elementor-message.elementor-message-success
این مقاله را نیز بخوانید : فرم ترکینگ با Form Submission
از قسمت Trigger تگ منیجر گزینه Element Visibility را انتخاب و تنظیمات زیر را انجام دهید:
۱-۲ می‌توانید به تگ منیجر بگویید ID المان یا CSS انتخابی را برای فایر کردن در نظر بگیرد. پس گزینه دوم(Css Selector) را انتخاب می‌کنیم:
۲-۲ در فیلد بعدی به تگ منیجر css selector مدنظرتان را به طور دقیق مشخص می‌کنید. که همان کد css پیام هست. کد زیر را در کادر قرار دهید:
#formTizhooshan > div.elementor-message.elementor-message-success
۳-۲ چه زمانی تریگر فایر شود؟ ۳ انتخاب پیش روی شماست :
چون تصمیم داریم هنگامی که در لندینگ پیج کاربر فرم را تکمیل کرد و مطابقت کامل با المان رخ داد تنها یک دفعه تریگر فایر شود تا داده تکراری نداشته باشیم، اولین گزینه را انتخاب می‌کنیم.
۴-۲ حداقل چه مقدار از المان رویت شد، تریگر فایر شود؟ این بسته به انتخاب شماست اما در این مورد می‌توانید حداقل ۱۰٪ را برگزینید.
می‌تواند روشن گر این گزینه باشد. اگر شما جایگاه تبلیغات بنری در سایت خود داشته باشید و بگویید اگر ۸۰٪ بنرها رویت شد تریگر فایر شود یعنی تصویر زیر مدنظر شما بوده :
۵۰٪ به معنی میزان زیر است :
۵-۲ گزینه Observe DOM changes یعنی چی؟
شما با فعال کردن این گزینه به گوگل تگ منیجر می‌گویید وقتی تریگر رو فایر کن که در DOM تغییری رخ داده باشد. هنگامی که المان جدید در DOM اضافه می‌شود و یا المانی از DOM حذف می‌شود آنگاه DOM تغییر کرده است. در لندینگ پیج کاربر فیلدهای فرم را با اطلاعاتی پر کرده و دکمه ارسال را زده است پس باعث تغییر در DOM شده است. پس حتما این گزینه را فعال کنید.
۶-۲ در گزینه Fire this trigger می‌توانید بر اساس Page URL آدرس لندینگ پیج را وارد کنید :
تمام تغییرات را ذخیره کنید و با Preview حتما درستی آن را تست کنید.
