تگ منیجرم مثل آنالیتیکس مهمه چطور نصب و راهاندازی میشه.
ساخت تگ منیجر خیلی شبیه به آنالیتکس هست، اکانت و کانتینر(که کاملاً شبیه به peraperty هست) وجود داره. که در 99 درصد مواقع برای کانتینر از گزینه Web استفاده میکنیم. 👇
Account: ide gozin ertebatat romak
Container: Snappfood-Web
حتماً توجه کنیم مثل آنالیتکس یه وقت نریم برای بخش بلاگ یه کانتینر، برای دیتای ثبتنامم یه کانتینر ایجاد کنیم! برای کل دیتای سایت یک اکانت و یک پراپرتی باید استفاده بشه.
دلیلشو تو پست راهاندازی Ga4 گفتم.
1. برای محیطهای استیجینگ
مثلاً (Digikala.net) که این دامنه رو فقط گروه فنی دیجیکالا میتونه ببینه. معمولاً شرکتای بزرگ قبل از اینکه فیچر جدیدی به سایتشون اضافه کنن، گروه فنی میره به محیط استیجینگ خودش اون فیچرو اضافه میکنه که اگر باگی وجود داشته باشه همونجا رفع بشه.
در این حالت میتونن برای این دامنه یک کانتینر جدید بسازن.
2. برای پنلهای با دغدغه امنیتی و پرفورمنسی
فرض کنید یک برند بزرگ سایتش پنل کاربری داره که مخاطب مثلا سفارشهای خودشو اونجا انجام میده. تو این حالت میتونید کانتینر جدید بسازید. اون هم با تاکید و مشورت تیم فنی سایت.
ولی ولی ولی بازهم خیلی شمارو به دردسر میندازه!
اینجا باید حواسمون باشه تغییراتی که در کانتینر اصلی میدی در کانتینر پنل هم بدیم!
برای بخش تایم زون بهتره ترکیه انتخاب کنیم. چون معمولاً بهتر میشه باهاش کار کرد.
به قول یزدان که این آموزش و تجربه رو مدیونش هستم، اون هندیه تو یوتیوب اینارو یاد نمیده :)
هد (Head): از اونجایی که معمولا غیر از تگ منیجر نرم افزارهای دیگهای مثل هاتجر یا ادنتورکهای مختلف در بخش Inspect نصب میشه، بهتره برای نصب تگ منیجر در سایت، کد مد نظر رو در سایت در انتهای بخش Head کپی کنیم.
چرا؟
چون مستقیم روی پرفورمنس و سرعت سایت تاثیر میذاره.
بادی (Body): کدی که در این قسمت هست فرقش در (Script or Noscript) هست.
اگر کاربری بره به هردلیلی جاوا اسکریپت رو غیرفعال کنه و کد جاوا اسکریپتی در اون صفحه از سایت وجود داشته باشه دیگه ران نمیشه!
ممکنه بعضی از کاربر از اول در تنظیمات مرورگرشون، جاوا اسکریپت رو غیر فعال کنن.
در این حالت گوگل به واسطه کد Body و Noscrtipt میاد این موضوع رو دور میزنه 😊. برای اینکه در هر دوحالت تگمنیجر بتونه به فعالیت خودش ادامه بده.
برای وبسایتای برنامهنوسی شده که این کد رو گروه فنی انجام میده. اما برای سایتهای وردپرسی میتونیم برای جاگذاری کدها از افزونه gtm4wp استفاده کنیم که خیلی خفنه 👌
این افزونه (gtm4wp) میتونه آمار ثبتنام یا لاگینها یا تاریخ به روز شدن پستها و خیلی چیزای دیگه رو بهمون بده. بهترین قسمتش 💯WooCommerce هست.
چرا؟
چون سایتای فروشگاهی که ووکرمس هستن، برای پیادهسازی ایونتهای ایکامرسی نیاز دارن یکسری اسکریپت رو با برنامهنویسی به سایت اضافه کنن. با این افزونه دیگه نیازی نیست برنامهنویس این کارو انجام بده. همونطور که میدونید هزینه انجام دادن این کار کم نیست!
بعد کد برنامه تگمنیجر رو که معمولا با ------ GTM شروع میشه در قسمت بالای سمت راست برنامه هست کپی میکنیم بعد در اون افزونه جایگذاری کنیم.
یک کار دیگهای که باید بعد از کپی کردن انجام بدیم اینه که گزینه: Container code رو On کنیم و تمام.
برای اینکه مطمئن بشیم نصب شده. در قسمت inspect سایتمون کد اصلی تگمنیجر رو سرچ کنیم. یکی در Head اضافه کرده یکی در Body.
صورت مسئله: چطور بعد از پیاده سازی GA4 به تگ منیجر مطمئن بشیم واقعاً آنالیتیکس روی وبسایت ما اضافه شده؟
روش اول و بهترین روش: وارد قسمت Report در بخش Realtime آنالیتیکس میشیم که دیتای نیمساعت گذشته رو نشون میده. اگر همون لحظه وارد شده باشی باید یک دونه یوزر بهت نشون بده، یعنی آنالیتیکس شما به سایت متصل شده. این روش 100درصد تضمینیه.
روش دوم: در تگمنیجر از طریق قسمت Preview یک تست بگیرید. Preview یک محیط استیجینگ از سایت شما ایجاد میکنه. بعد از اتصال به سایت در تگمنیجر میتونید تمام تگهایی که در سایت داره Fire میشه رو ببینید.
روش سوم: در آنالیتیکس در قسمت Admin بخش DebugView. این بخش تمام ایونتایی که در سایت اتفاق میافته رو میاد به ما نشون میده.
برای اینکه debugView کار کنه باید حتما بخش preview رو در تگ منیجر فعال کنیم و سایت با یک URL جدید باز میشه که (gtm_debug=) در انتهای URL باید مشاهده کنید.
نکته مهم: اکستنشن Tag Assistant Companion رو نصب کنید تا وقتی Preview رو فعال میکنید دیگه New Window باز نشه و یکم از فرآیند تسهیل بشه.
کار اشتباهی که برندهای بزرگ و کوچیک انجام میدن، میان در قسمت TAG در تگمنیجر برای تگکانفیگرینشون توی اون تگی برای ساخت آنالیتکس ایجاد میکنن debug_mode اضافه میکنن!!
چرا اینکارو میکنن؟
چون نخوان برای اینکه debugview رو ببینن برن در تگ منیجر preview رو بزنن و فرآیند رو دوباره طی کنن! برای همین میان با این کار آنالیتکس رو دور میزنن.
این کار شمارو خیلی تو دردسر میندازه! نکنید اینکارو ...
چرا؟
چون اون URL که گفتم برای تمام کاربرا فعال میشه، و در قسمت debug Device صدتا پارامتر میبینی که خیلیاشون به اسم google درج شده. اینجا چطور میخوای بفهمی خودت کدوم یکی از اون دیباگ دیوایس ها هستی؟؟ اسم شمارو که نمینویسه، همونطور که گفتم 50 تا اسم همشکل بیستا Google، بیستا سافاری، 10 تا اپرامینی یا ... هست!
خب هدف debugview اینه که ببینیم ایونتایی که تعریف کردیم چطور داره کار میکنه. حتی روی اون ایونت میتونی کلیک کنی تا پارامترای اون ایونت رو ببینی.