نگار پورجواد
دی ۱, ۱۴۰۲
No Comments

ایونت ترکینگ در سایت های SPA | آموزش تصویری

راهنمای مطالعه:

1 وب اپلیکیشن تک‌صفحه‌ای یا وب‌سایت SPA چیست؟

2 چطور متوجه شویم یک سایت به صورت SPA پیاده سازی شده است؟

3 آیا بعد از تغییر صفحه، آدرس یا همان URL صفحه تغییر میکند یا نه؟

4 روش اول: ردیابی page_view از طریقEnhanced Measurement آنالیتیکس ۴

5 روش دوم: از تریگر History Change استفاده کنید

5.1 اگر URLهای وب سایت شما شامل # باشد

5.2 اگر URL های وب سایت شامل # نباشند

5.3 نحوه ساخت تریگر

5.4 آیا این تگ page_view باید به صورت خودکار، اولین page_view را اندازه گیری کند؟

6 روش سوم: ایونت ترکینگ در سینگل پیج اپلیکیشن ها با کمک دولوپر

6.1 آیا تگ نصب GA4 باید به طور خودکار اولین page_view را ردیابی کند؟

7 بررسی نهایی

ردیابی page_view در وب‌سایت‌های معمولی بسیار آسان است، یک کد ردیابی به هر صفحه اضافه می‌کنید، و تمام! هر زمان که بازدیدکننده‌ای روی یک لینک داخلی کلیک می‌کند، پنجره مرورگر به روز می‌شود، و یک ایونت page_view جدید به Google Analytics ارسال می‌شود. اما در مورد وب‌سایت‌های تک‌صفحه‌ای (یا وب اپلیکیشن‌ها) جزئیات بیشتری برای ایونت ترکینگ در آنالیتیکس ۴ وجود دارد. با اینکه حالا Google Analytics 4 یک ترکینگ داخلی page_view دارد، اما همیشه برای همه سایتها به درستی کار نمیکند. در نتیجه فقط بازدید از اولین صفحه ردیابی می‌شود و صفحات بعدی ثبت نمی‌شوند.

برای رفع این مشکل، شما باید تنظیمات اضافی برای ردیابی این نوع وب‌سایت‌ها/وب اپلیکیشن‌ها انجام دهید. اما نگران نباشید؛ من به شما سه روش را برای ردیابی وب اپلیکیشن‌های تک‌صفحه‌ای با Google Analytics 4 و Google Tag Manager آموزش خواهم داد.

وب اپلیکیشن تک‌صفحه‌ای یا وب‌سایت SPA چیست؟

وب اپلیکیشن تک‌صفحه‌ای (SPA) یک وب اپلیکیشن یا وب‌سایت است که تمام منابع لازم برای پیمایش در سراسر سایت را در بارگذاری اولین صفحه بارگیری می‌کند. هنگامی که کاربر روی لینک‌ها یا دکمه‌ها کلیک می‌کند و با صفحه تعامل دارد، محتوای بعدی به صورت پویا بارگیری می‌شود، یعنی صفحه از نظر فنی تغییر نمی‌کند، حتی اگر ظاهر متفاوتی داشته باشد.

در یک وب‌سایت یا وب اپلیکیشن تک‌صفحه‌ای، تمام کد‌های لازم یک بار بارگیری می‌شوند، و صفحه در طول تمام سشن کاربر به روز نمی‌شود. بسیاری از ابزارهای ردیابی وب با SPAها به درستی کار نمی‌کنند چون برای وب‌سایت‌های سنتی نوشته شده‌اند که کد‌های ردیابی می‌توانند زمانی که یک صفحه جدید بارگذاری می‌شود را تشخیص دهند.

در مورد Google Analytics 4، Enhanced Measurement امکان ردیابی داخلی page_view را برای چنین سایت هایی فراهم کرده است. اما این روی تمام وب‌سایت‌های تک‌صفحه‌ای کار نمی‌کند. بنابراین ممکن است به پیاده سازی های تنظیمات اضافی از طریق گوگل آنالیتیکس ۴ لازم باشد.

اگر عبارت «وب اپلیکیشن تک‌صفحه‌ای» برای شما آشنا نیست، شاید نام‌هایی مانند React، Angular، Vue.js و Gatsby.js آشنا باشند، وب‌سایت‌هایی که با چارچوب‌های جاوااسکریپت ساخته شده‌اند وب اپلیکیشن‌های تک‌صفحه‌ای هستند.

چطور متوجه شویم یک سایت به صورت SPA پیاده سازی شده است؟

وقتی بین صفحات مختلف حرکت می‌کنید، آیا page_view جدید در حالت دیباگ مود GTM می‌بینید؟

به طور پیش‌فرض، تگ نصب گوگل آنالیتیکس ۴ (Google Analytics) هر بار که یک صفحه بارگذاری می‌شود، رخ میدهد. همراه با کد صفحه، بخش جاوااسکریپت Tag Manager نیز از ابتدا بارگیری می‌شود. بنابراین اگر از صفحه A به B بروید، یک ایونت page_view جدید رخ خواهد داد. هر بار که این اتفاق می‌افتد، به این معنی است که صفحه کاملا (دوباره) بارگذاری شده است.

پس اگر در هر بازدید صفحه، عنوان صفحه را در سمت چپ نوار کناری در دیباگ مود گوگل تگ منیجر مشاهده کنید، سایت شما یک وب اپلیکیشن تک‌صفحه‌ای نیست. اما اگر سایت شما از نوع سینگل پیج اپلیکیشن باشد، هر بار که از صفحه A به صفحه B حرکت می‌کنید، عنوان صفحه را در دیباگ مود گوگل تگ منیجر نخواهید دید. چرا؟

به این دلیل که در ردیابی وب، «بازدید از صفحه» معمولا زمانی است که داکیومنت صفحه بارگذاری می‌شود، و کد‌های ردیابی جاوااسکریپت همراه با آن بارگیری می‌شوند (شامل تگ های بازدید صفحه). اما در SPA، «page_view» بعدی به صورت پویا بدون بارگیری یا تازه‌کردن داکیومنت صفحه رخ می‌دهد. به همین دلیل به طور پیش‌فرض، «گوگل تگ منیجر بازدیدهای پویا» را ردیابی نمی‌کند.

پس برای ایونت ترکینگ در سایت های سینگل پیج اپلیکیشن با توجه به شرایط خاصی که دارند، باید به یک مورد توجه کنید:

آیا بعد از تغییر صفحه، آدرس یا همان URL صفحه تغییر میکند یا نه؟

اگر آدرس تغییر نکند، باید از دولوپرکمک بخواهید.
اما اگر آدرس تغییر کرد، هنوز این شانس را دارید که از تریگر History Change یا از قابلیت GA4 به طور خودکار استفاده کنید.

تغییرات آدرس ممکن است بر اساس وب‌سایتی مد نظرتان متفاوت باشد. در برخی از وب‌سایت‌ها، بخشی از آدرس که بعد از علامت # قرار میگیرد، تغییر می‌کند. در دیگر سایت ها، تغییر آدرس ممکن است عادی به نظر برسد، مانند یک وب‌سایت معمولی (به عنوان مثال، از /home/ به /home/contact-us) و غیره.)

روش اول: ردیابی page_view از طریقEnhanced Measurement آنالیتیکس ۴

Enhanced Measurement یکی از قابلیت های آنالیتیکس ۴ است که به شما این امکان را میدهد که برخی از ایونتها را بدون نیاز به گوگل تگ منیجر، ردیابی کنید. اما تمامی این ایونت ها برای تمامی سایت ها به درستی کار نمیکنند. بنابراین بهتر است که همه ایونت ها به غیر از page_view(اسکرول، جستجوی سایت، ردیابی کلیک و غیره) را غیرفعال کنید. اما برای اینکه ببینید آیا قابلیت داخلی آنالیتیکس ۴، قادر به ردیابی بازدید از صفحه در سایت های سینگل پیج اپلیکیشن هست یا نه، مراحل زیر را دنبال کنید:

در Google Analytics ۴، به Admin > Data Streams بروید و روی دیتا استریم وب سایت خود کلیک کنید.

سپس روی آیکون چرخ دنده کنار Enhanced Measurement کلیک کنید و مطمئن شوید که Enhanced Measurementفعال است.)

سپس روی نمایش تنظیمات پیشرفته زیر page_view کلیک کنید و بررسی کنید آیا گزینه Page changes based on browser history events فعال است یا نه. این گزینه به GA4 اجازه می‌دهد به طور خودکار هر بار که آدرس تغییر می‌کند، ایونت بازدید از صفحه را اندازه گیری کند.

بعد از آن، تغییرات را در GA4 ذخیره کنید. در Google Tag Manager، حالت پیش‌نمایش و دیباگ مود را فعال کنید و سپس از یک صفحه به صفحه دیگر بروید. در حالت پیش‌نمایش GTM، شما باید ایونتهای History Change را ببینید.

اگر این ایونت را دیدید، روی شناسه اندازه‌گیری GA4 خود در بالای دیباگ مود گوگل تگ منیجر کلیک کنید و بررسی کنید آیا چندین ایونت page_view را که به Google Analytics ۴ ارسال می‌شوند، میبینید یا نه. اگر بله، پس اوضاع خوب است. زیرا GA4 به صورت خودکار قادر خواهد بود page_view برنامه یا وب‌سایت تک صفحه‌ای شما را ردیابی کند و نیازی به انجام تنظیمات اضافه از سوی شما نیست.

همچنین،DebugView آنالیتیکس ۴ را بررسی کنید تا مطمئن شوید که ایونتهای page_view با پارامترهای page_title و page_location درست به این ابزار انتقال داده می شوند.

اما اگر ایونتهای History Change را نمی بینید یا ایونتهای page_view به GA4 ارسال نمی‌شوند، پس نمیتوانید از قابلیت آنالیتیکس ۴ به صورت خودکار استفاده کنید.

روش دوم: از تریگر History Change استفاده کنید

بهترین روش برای ردیابی برنامه‌های تک صفحه‌ای همکاری با یک دولوپر است. اما گاهی اوقات دولوپر در دسترس نیست، پس ممکن است مجبور شویم خودمان دست به کار شویم. در این شرایط میتوانیم از یکی از تریگر های پیش فرض در گوگل تگ منیجر استفاده کنیم.

در Google Tag Manager، به Triggers > New > History Change بروید و یک تریگر با تنظیمات زیر ایجاد کنید:

سپس باید بررسی کنیم که آیا این تریگر درست کار می‌کند یا نه.

روی دکمه Preview در گوشه بالا سمت راست رابط GTM کلیک کنید.

هنگامی که روی دکمه Preview کلیک می‌کنید، یک تب مرورگر جدید با tagassistant.google.com باز می‌شود.

در پاپ آپی که نمایش داده می شود باید آدرس سایتی را که می‌خواهید بررسی کنید، وارد کنید. این آدرس ممکن است آدرس صفحه اصلی، یا آدرس یک صفحه خاص باشد، و سپس روی دکمه Start کلیک کنید.

یک تب مرورگر جدید (یا پنجره) باید ظاهر شود که در آن آدرسی را که در پاپ آپ قبلی وارد کرده‌اید، می‌بینید. در پایین آن صفحه، باید پنجره زیر را ببینید:

روی بخش‌های مختلف برنامه یا وب‌سایت کلیک کنید تا آدرس تغییر کند. پس از اینکه تغییر رخ داد، به ایونت هایی که در بخش دیباگ مود گوگل تگ منیجر رخ می دهند، دقت کنید.

آیا ایونت History را میبینید؟ اگر بله، پس أوضاع خوب است! اگر نه، پس حتما باید از یک دولوپر کمک بگیرید.
در برخی از برنامه‌های تک صفحه‌ای، ممکن است چندین ایونت Historyبه طور همزمان رخ دهد. به همین دلیل شما باید به یک سوال دیگر پاسخ دهید.

پس از اینکه مطمئن شدید که ترگیر History Change به درستی کار می‌کند، باید ایونت page_view را به Google Analytics ارسال کنید.

از آنجا که می‌خواهیم page_view را هر بار که یک ایونت تاریخچه رخ می‌دهد، ارسال کنیم، باید یک تگ از نوع ایونت آنالیتیکس ۴ انتخاب کنیم. تنظیماتی که برای این تگ انتخاب میکنیم به به ساختار آدرس وب‌سایت بستگی دارد.

در برخی از وب‌سایت‌ها، ممکن است متوجه شوید که page_view برنامه تک صفحه‌ای شما به درستی ردیابی می‌شوند، اما در گزارش‌ها، عنوان صفحه ردیابی شده همیشه متعلق به صفحه قبلی است. در این شرایط باید ردیابی برنامه تک صفحه‌ای را با کمک دولوپرانجام دهید، یا می‌توانید ایونت History Change را به تأخیر بیاندازید.

اگر URLهای وب سایت شما شامل # باشد

اگر URL وب سایت شما شامل # باشد، مثلاً www.mywebsite.com/#/something. به Tags > New > GA4 event tag بروید و تنظیمات زیر را وارد کنید.

من فرض می‌کنم که شما با GA4 configuration tag آشنا هستید، اگر با این گزینه آشنایی ندارید، به مقاله گوگل تگ چیست، مراجعه کنید.

گوگل آنالیتیکس 4 (و نسخه‌های قبلی آن) قادر به ردیابی خودکار بخشی از URL است که بعد از # می‌آید، نیست. به همین دلیل باید page_location را بازنویسی کنیم.

مهم: شما باید این کار را در تمامی ایونت هایی که در آینده برای گوگل آنالیتیکس ۴ میسازید، انجام دهید.

یکی از راه‌هایی که می‌توانید URL کامل (شامل #) را به GA4 منتقل کنید این است که یک متغیر جاوا اسکریپت به نام window.location.href ایجاد کنید.

تگ را ذخیره کنید.

اگر URL های وب سایت شامل # نباشند

اگر URL وب سایت شامل # نباشد، نیازی به بازنویسی page_location نیست. زیرا آنالیتیکس ۴ آدرس صفحه را به درستی دریافت می‌کند.

نحوه ساخت تریگر

اگر شما به طور کامل این راهنما را دنبال کرده باشید، پس قبلاً یک History Change trigger بدون هیچ شرط خاصی ایجاد کرده اید. اما اگر این تریگر را هنوز ایجاد نکرده‌اید، همین الان آن را بسازیدو به عنوان تریگر تگ ایونت page_view آنالیتیکس ۴ تعیین کنید.

آیا این تگ page_view باید به صورت خودکار، اولین page_view را اندازه گیری کند؟

پاسخ این سوال، به شرایط سایت بستگی دارد. باید بررسی کنید که بعد از لود مجدد یکی از صفحات سینگل پیج اپلیکیشن، چه اتفاقی می‌افتد. آیا ایونت History در حالت پیش‌نمایش هر بار که صفحه را لود می‌کنید نمایش داده می‌شود؟ اگر صفحه را مجدد لود کنید (بدون کلیک کردن در جایی از سایت) و ایونت هیستوری را ببینید، پس باید چک باکس بازدید صفحه را در تگ نصب آنالیتیکس ۴ یعنی GA4 configuration tag را غیرفعال کنید.

اگر ایونت History بلافاصله بعد از به روزکردن صفحه ظاهر نشد و فقط زمانی که با صفحه سایت تعامل داشتید، مثلا اسکرول کردید، نمایش داده شد، پس باید چک باکس موجود در تگ نصب را فعال نگهدارید.

روش سوم: ایونت ترکینگ در سینگل پیج اپلیکیشن ها با کمک دولوپر

اگر (به هر دلیلی تریگر History Changeکار نمی‌کند، گزینه دیگری برای ردیابی برنامه تک صفحه‌ای وب با Google Tag Manager وجود دارد.

از یک دولوپر بخواهید که هر زمان که کاربر بین صفحات مخالف جابجا می‌شود، یک کد dataLayer.push فعال کند. این یک نمونه کد است که دولوپرمی‌تواند از آن استفاده کند:

dataLayer.push({

‘event’: ‘virtualPageview’,

‘virtualPageURL’: ‘/some-page’,

‘virtualPageTitle’ : ‘Some page’

});

توجه: مقادیر پارامترهای ‘pageUrl’ و ‘pageTitle’ (در این قطعه کد باید به طور پویا با URL و عنوان صفحه‌ای که بازدیدکننده در حال مشاهده آن است، جایگزین شوند. اگر URL شامل # یا علامت سوال و برخی پارامترهای دیگر باشد، این اطلاعات هم باید در URL قرار بگیرید.

هر بار که کاربر به بخش خاصی از صفحه شما می‌رود، دولوپر باید این قطعه کد جاوا اسکریپت را فعال کند. این کد مشخص میکند که یک “virtualPageview” رخ داده است، و URL صفحه جدید https://www.mywebsite.com/something/?page#contact-us است.

سپس شما باید از این dataLayer.push به عنوان یک تریگر در تگ بازدید صفحه ای که برای آنالیتیکس ۴ ساخته اید، استفاده و عنوان و مسیر صفحه (page) را به GA ارسال کنید.

برای دستیابی به این هدف، مراحل زیر را دنبال کنید:

دو متغیر ایجاد کنید و آن‌ها را در GA4 event tag قرار دهید
- عنوان: dlv – pageUrl عبارت dlv مخفف “Data Layer Variable” است.
- نوع متغیر: Data Layer Variable
- نام متغیر: pageUrl- این متغیر مقدار pageUrl را که توسط یک دولوپر به Data Layer انتقال داده شده است را دریافت میکند.
- عنوانdlv – pageTitle
- نوع متغیر: Data Layer Variable
- نام متغیر: pageTitle
یک trigger ایجاد کنید و آن را به GA4 Event tag اختصاص دهید.
- عنوان تریگر: Custom – virtualPageview
- نوع: Custom Event
- نام ایونت: virtualPageview – این Trigger روی: All Custom Events شلیک می‌شود

یک GA4 event tag ایجاد کنید

به Tags > New > GA4 event tag بروید و تنظیمات زیر را وارد کنید.

این بار، دو پارامتر page_location و page_title را باید بازنویسی کنید. مقادیر این پارامترها همان وریبل های دیتالیری هستند که پیش از این ایجاد کردیم.

مهم: شما باید این کار را در تمامی GA4 event tag هایی که بعد از این میسازید هم انجام دهید.

آیا تگ نصب GA4 باید به طور خودکار اولین page_view را ردیابی کند؟

باید بررسی کنید که وقتی صفحه برنامه تک‌صفحه‌ای خود را بارگذاری یا مجدد لود می‌کنید، چه اتفاقی می افتد. آیا ایونت virtualPageview در حالت پیش‌نمایش هر بار که صفحه را دوباره بارگذاری می‌کنید ظاهر می‌شود؟ اگر بله، پس شما باید چک‌باکس را در برچسب پیکربندی GA4 غیرفعال کنید.

اگر ایونتهای virtualPageview بلافاصله پس از لود مجدد صفحه ظاهر نشوند و فقط زمانی که شروع به مرور وب‌سایت یا وب‌اپ خود می‌کنید ، نمایش داده می شوند، پس شما باید چک‌باکس را فعال نگه دارید.

بررسی نهایی

DebugView را بررسی کنید.تمام تغییرات کانتینر گوگل تگ منیجر خود را ذخیره کنید و حالت پیش‌نمایش را با کلیک بر روی دکمه Preview در کانتینر GTM خود فعال کنید. سپس به GA4 DebugView بروید (در Admin > DebugView).

وقتی صفحه را لود می‌کنید، باید یک ایونت page_view در DebugView ببینید. بررسی کنید که آیا پارامترهای page_location و page_title صحیح و متعلق به صفحه فعلی هستند که شما در حال مشاهده آن هستید یا نه.

سپس شروع به مرور وب‌سایت یا وب‌اپ خود کنید و بررسی کنید که آیا تعداد page_views و پارامترهای آن‌ها که در debug_view می‌بینید صحیح است یا نه.

طی ۲۴ ساعت آینده، داده‌های pageview خود در Reports > Engagement > Pages and Screens reports of GA4 قابل مشاهده خواهند بود.

آموزش گوگل تگ منیجر

آی پی ترکینگ با استفاده از گوگل تگ منیجر

گاهی اوقات ممکن است نیاز داشته باشید تا به آدرس IP بازدیدکنندگان خود دسترسی پیدا کنید. این کار می‌تواند برای اهداف مختلفی از جمله مسدود کردن ترافیک داخلی، تنظیم قوانین برای فعال‌سازی تگ‌ها، پیش‌پر کردن فرم‌ها و غیره مفید باشد. اگرچه امکان ردیابی آدرس IP با Google Analytics نیز وجود دارد، اما توصیه نمی‌شود زیرا ممکن است با سیاست‌های Google در رابطه با اطلاعات شخصی در تضاد باشد. در این پست، نحوه جمع‌آوری آدرس IP در یک متغیر GTM را با استفاده از یک اسکریپت توضیح می‌دهیم.

مرحله 1: جمع‌آوری آدرس IP بازدیدکننده

برای اولین قدم، باید آدرس IP بازدیدکننده را استخراج کنیم. روش‌های مختلفی برای این کار وجود دارد، اما ما از جاوا اسکریپت استفاده خواهیم کرد زیرا یک روش جهانی است که تقریباً در هر شرایطی کار می‌کند.

<script type="application/javascript">
  function getIP(json) {
    dataLayer.push({"event":"ipEvent","ipAddress" : json.ip});	
  }
</script>

<script type="application/javascript" src="https://api.ipify.org?format=jsonp&callback=getIP"></script>

این کد با فرستادن یک درخواست به وبسایت IPify، آدرس IP را دریافت می‌کند. سپس آدرس IP به همراه یک ایونت با نام “ipEvent” به دیتا لیر GTM فرستاده می‌شود. برای دیدن نحوه‌ی عملکرد این کد و دریافت آدرس IP خود، می‌توانید روی این لینک کلیک کنید.

برای اضافه کردن این تگ به سایت، وارد تگ منیجر شوید.

از بخش تگ، Custom HTML را انتخاب کنید. تریگر این تگ را ALL Page قرار دهید.

سپس از بخش Variables، آی پی آدرس را به عنوان یک متغیر دیتالیر تعریف کنید. مشابه با تصویر زیر:

بعد از آن مجدد از بخش تگ، Google Analytics: GA4 Event را انتخاب کنید و تنظیمات تگ را مشابه با تصویر زیر انجام دهید.

برای تعیین تریگر این ایونت، باید از تریگر Custom Event استفاده کنید و مشابه با تصویر زیر تنظیمات آن را انجام دهید:

بعد از طریق بخش Preview Mode گوگل تگ منیجر، بررسی کنید که این ایونت به درستی کار میکند یا نه. در سمت چپ بخش دیباگ مود گوگل تگ منیجر باید اسم ایونت ipEvent را مشاهده کنید. با کلیک روی این ایونت، در بخش Variavles، باید آدرس آی پی خودتان را در متغیر دیتالیری که ایجاد کرده اید، مشاهده کنید.

بعد از اینکه مطمئن شدید همه چیز در سمت تگ منیجر به درستی کار میکند، نوبت به این میرسد که آدرس آی پی را به عنوان یک کاستوم دایمنشن در آنالیتیکس تعریف کنید تا بتوانید در گزارش های اکسپلور آنالیتیکس 4 از آن استفاده کنید.

بعد از آن باید 24 الی 48 ساعت منتظر باشید تا دیتا در آنالیتیکس قرار بگیرد. شما میتوانید با اتصال آنالیتیکس 4 به گوگل بیگ کوئری، یوزر آیدی هایی که رفتار ربات گونه دارند را شناسایی کرده و مسدود کنید.

آموزش گوگل تگ منیجر

پیغام Some of your pages are not tagged در گوگل تگ منیجر

در رابط کاربری گوگل تگ منیجر، بخشی تحت عنوان “Container quality” وجود دارد. اگر وضعیت آن به رنگ سبز و با عبارت “Excellent” نمایش داده شود، پس احتمالا با چالش خاصی رو به رو نیستد. اما در اکثر موارد، پیام “Needs attention” را مشاهده خواهید کرد که نشان‌دهنده وجود یک یا چند مسئله بالقوه می‌باشد. برای کسب اطلاعات بیشتر، بر روی لینک “View issues” کلیک کنید. در این مقاله به بررسی یکی از رایج‌ترین مشکلات گزارش‌شده در این بخش، یعنی ” Some of your pages are not tagged”، خواهیم پرداخت. لازم به ذکر است که بخش مشابهی با عنوان “Tag quality” نیز در گوگل آنالیتیکس وجود دارد و موارد ارائه شده در این مقاله برای آن بخش نیز قابل استفاده است. برای دسترسی به این بخش، وارد بخش ادمین در پراپرتی آنالیتیکس خود شوید و سپس دیتا استریم و استریم وب سایت خود را انتخاب کنید. در نهاید روی گزینه Configure tag settings کلیک کنید.

هشدار “برخی از صفحات شما تگ نشده‌اند” در تگ منیجر

پس از کلیک بر روی لینک “View issues” در بخش “Container quality”، فهرستی از تمامی هشدارهایی که باید رفع کنید، نمایش داده خواهد شد.

بر روی “See untagged pages” کلیک کنید.

در این بخش، صفحات وب سایت شما بر اساس وضعیتی که دارند در ۴ دسته قرار میگیرند:

Included pages: تمام صفحاتی که گوگل برای این کانتینر خاص شناسایی کرده است، اعم از تگ شده و نشده.
Not tagged: براساس اطلاعات گوگل، این صفحات فاقد تگ هستند (به این معنی که Google Tag یا Google Tag Manager روی آن‌ها فعال نشده است). در ادامه به این موضوع خواهیم پرداخت.
No recent activity: صفحاتی که در گذشته توسط گوگل ردیابی شده‌اند اما در ۳۰ روز اخیر هیچ فعالیت بر روی آن‌ها ثبت نشده است.
Tagged: گوگل تگ در ۳۰ روز گذشته بر روی این صفحات بارگذاری شده است.

اگر حداقل یک صفحه در دسته “Not tagged” وجود داشته باشد، پیام خطای “Some of your pages are not tagged” نمایش داده خواهد شد.

منظور از گوگل تگ چیست؟

در این خطا، گوگل تگ به دو مفهوم اشاره دارد:

قطعه کد gtag.js: این قطعه کد مستقیماً در سورس کد وبسایت قرار داده می شود می‌شود. این روش برای وبسایت‌هایی مناسب است که از گوگل تگ منیجر استفاده نمی‌کنند و ترجیح می‌دهند ایونت ترکینگ در GA4 یا گوگل ادز را به صورت دستی در سورس کد قرار دهند.
قطعه کد کانتینر گوگل تگ منیجر: این قطعه کد برای مدیریت تگ‌های مختلف در گوگل تگ منیجر استفاده می شود و به سورس کد وبسایت اضافه می‌شود.

با وجود اینکه گوگل تگ منیجر دارای فرمتی به نام “گوگل تگ” است، سیستم تشخیص خطا به تگ‌های درون کانتینر اهمیت نمی‌دهد. در واقع، صرفاً بررسی می‌کند که آیا هر صفحه از وبسایت دارای کد ردیابی GTAG یا کد کانتینر گوگل تگ منیجر است یا خیر.

برای رفع خطای Some of your pages are not tagged در تگ منیجر چه کنیم؟

معمولاً سه حالت ممکن برای این خطا وجود دارد:

صفحه مورد نظر باید تگ شود اما تگ نشده است: در این حالت، لازم است بررسی شود که چرا تگ نصب نشده و مشکل برطرف گردد.
صفحه نباید تگ شود: این شرایط ممکن است در مورد صفحات خاصی مانند فایل‌های PDF یا بخش‌های ادمین وبسایت صدق کند.
خطای کاذب: در برخی موارد، ممکن است سیستم به اشتباه وجود مشکل را گزارش کند.

در هر یک از این موارد، بررسی دقیق‌تر برای تشخیص علت خطا ضروری است.

۱. تایید تگ‌گذاری صفحات

فرآیند بررسی را با سناریویی آغاز می‌کنیم که GA4 به صورت مستقیم (با افزودن کد آن به سورس وب‌سایت) نصب شده باشد.

ابتدا به لیست صفحات “Not tagged” مراجعه کرده و اولین URL را کپی نمایید. سپس به آدرس tagassistant.google.com مراجعه کرده، بر روی “Add domain” کلیک کنید، URL کپی‌شده را وارد نموده و دکمه “connect” را بزنید.

یک تب یا پنجره جدید باز وب‌سایت شما باز خواهد شد. ویجت دستیار تگ (در گوشه‌ی پایین سمت راست) باید وضعیت اتصال را تایید نماید. به تب یا پنجره‌ی tagassistant بازگردید.

در بالای صفحه، ترکینگ کد GA4 متعلق به وب‌سایت خود را یافته و روی آن کلیک کنید. در بخش “Hits Sent” می‌بایست ایونت هایی (مانند “page_view” یا موارد مشابه) را مشاهده نمایید.

در صورت مشاهده‌ی این ایونت ها، به احتمال زیاد GA4 به درستی نصب شده و عملکرد درستی دارد. در این حالت، هشداری که در تگ منیجر میبیند یک اشتباه است و نیازی به انجام کاری از سمت شما نیست.

اکنون می‌توانید به لیست صفحات “Not tagged” بازگشته و صفحه‌ی مورد نظر را به عنوان “Ignore” علامت‌گذاری نمایید. برای انجام این کار، نشانگر ماوس را بر روی URL مربوطه نگه داشته و سپس روی علامت منفی کلیک کنید.

امکان نادیده گرفتن گروهی صفحات نیز وجود دارد. بدین منظور، باکس کنار صفحات مورد نظر را علامت زده و سپس بر روی دکمه‌ی “Ignore” در بالای لیست کلیک نمایید.

چنانچه با عدم مشاهده‌ی ایونت های رایج در GA4 مانند بازدید از صفحه در tagassistant مواجه شدید، ممکن است GA4 به درستی نصب نشده باشد. پس باید از دولوپر خود کمک بگیرید و یا خودتان بررسی کنید که آیا کد نصب آنالیتیکس را در تمام صفحات قرار داده اید یا نه.

این فرآیند را برای سایر URL‌های صفحه تکرار نمایید. در صورت یافتن صفحه‌ای بدون تگ، نسبت به رفع مشکل اقدام نمایید.

بررسی Google Tag Manager:

در صورتی که از Google Tag Manager استفاده می‌کنید، فرآیند بررسی اندکی متفاوت است. به کانتینر Google Tag Manager خود مراجعه نموده و بر روی “Preview” کلیک نمایید.

سپس، URL وب‌سایت خود را وارد کرده و بر روی “Connect” کلیک کنید. در صورت برقراری اتصال در حالت Preview، احتمالا مشکلی ندارید. در واقع این اتصال نشان می‌دهد که صفحه تگ‌گذاری شده و می‌توانید آن را به عنوان “Ignore” علامت‌گذاری نمایید. اما اگر اتصال به درستی برقرار نشد، پس باید برای شناسایی علت عدم نصب درست تگ منیجر روی سایت اقدام کنید.

صفحات معاف از تگ‌گذاری

ابزار تشخیص تگ گاهی اوقات صفحاتی را شناسایی می‌کند که هرگز نباید با تگ گوگل یا تگ منیجر گوگل تگ‌گذاری شوند. به عنوان مثال، یک URL مربوط به یک فایل PDF (قرار دادن کدهای ردیابی جاوا اسکریپت روی فایل‌های غیر وب امکان‌پذیر نیست). مثال دیگر می‌تواند پنل ادمین یک وب‌سایت باشد، مانند: “mywebsite.com/wp-admin/”.

در صورتی که چنین آدرس‌هایی را در لیست صفحات “تگ نشده” مشاهده می‌کنید و قصد ردیابی آن‌ها را هم ندارید، به سادگی آن صفحات را “Ignore” کنید.

اخطار اشتباه

دلایل دیگری نیز وجود دارد که برخی از صفحات به اشتباه به عنوان “Not tagged” علامت گذاری شوند.

صفحات با ترافیک کم: این احتمال وجود دارد که صفحاتی با ترافیک کم، حتی در صورت عمدی بودن ترافیک پایین، به اشتباه به عنوان “Not tagged” علامت گذاری شوند. به عنوان مثال، صفحات تایید سفارش.

صفحات ری دایرکت شده: بر اساس اعلام گوگل، ری دایکرت نیز می‌توانند باعث تشخیص اشتباه صفحات شوند. به عنوان مثال، اگر “https://mywebsite.com” به “https://www.mywebsite.com” ری دایرکت شود، هر دو URL ممکن است به عنوان تگ نشده علامت گذاری شوند.

اسلش انتهای آدرس: مشابه شرایط ری دایکرت، اسلش در انتهای URL می‌تواند باعث ایجاد این خطا شود. “https://mywebsite.com” و “https://mywebsite.com/” هر دو ممکن است به عنوان “تگ نشده” علامت گذاری شوند.

حروف بزرگ و کوچک: این موضوع شبیه به دو مثال قبلی است. اگر به یک صفحه با حروف کوچک و بزرگ بتوان دسترسی داشت، هر دو ممکن است به عنوان “تگ نشده” علامت گذاری شوند. مثال: “https://mywebsite.com/contact” و “https://mywebsite.com/CONTACT“

۲۴ ساعت صبر کنید

لطفا 24 ساعت منتظر باشید. هدف نهایی تأیید URL های مشخص شده به عنوان “Not tagged” و سپس انجام یکی از اقدامات زیر است:

رفع مشکل عدم وجود قطعه کد GTM/GTAG
علامت‌گذاری صفحه به عنوان “Ignore”

هنگامی که لیست صفحات “Not tagged” خالی شود، هشدار “Some of your pages are not tagged” حذف خواهد شد.

با این حال، توجه داشته باشید که این ابزار برای به‌روزرسانی 24 ساعت زمان نیاز دارد. اگر صفحه‌ای بدون کد ردیابی پیدا کردید و مشکل آن را برطرف کردید، لطفا 24 ساعت منتظر بمانید تا وضعیت آدرس اینترنتی به “Tagged” تغییر کند.

آموزش گوگل آنالیتیکس 4 (GA4), آموزش گوگل تگ منیجر

تفاوت آنالیتیکس ۴ با گوگل تگ منیجر چیست؟

در دهه گذشته، تغییرات هیجان‌انگیز بسیاری در زمینه سنجش و تحلیل‌ها رخ داده است که منجر به معرفی و رشد ابزارهای بسیاری شده است. این ابزارها به همراه ویژگی‌ها و به‌روزرسانی‌های دائماً در حال تغییر خود می‌توانند بسیاری از بازاریابان و افرادی که به طور روزانه از آنها استفاده نمی‌کنند را گیج کنند، زیرا دنبال کردن تمام این تغییرات سخت است. گوگل آنالیتیکس 4 یا به اختصار GA4، جانشین یونیورسال آنالیتیکس (UA)، یکی از این ابزارهاست که توسط کسب‌وکارهای کوچک تا بزرگ استفاده می‌شود و در حال تکامل است، به این معنی که همیشه چیزهای بیشتری در رابطه با این ابزار برای یادگیری وجود دارد. آنالیتیکس۴ اغلب به همراه Google Tag Manager استفاده می‌شود.در این بلاگ پست، ما Google Tag Manager را با Google Analytics 4 مقایسه خواهیم کرد تا به عنوان دیجیتال مارکتر با هریک از این ابزارها و تفاوت های این دو باهم، بهتر آشنا شوید.

Google Analytics 4 چیست؟

Google Analytics 4 جانشین Universal Analytics است، ابزار تحلیل وب گوگل که به مدت ۱۲ سال کار می‌کرد و در تاریخ ۱ جولای ۲۰۲۳ (جولای ۲۰۲۴ برای مشتریان ۳۶۰) کار خود را متوقف کرد.

GA4، ابزاری است که انواع داده‌ها در مورد رفتار و تعاملات کاربران را جمع‌آوری می‌کند، یعنی اقداماتی که کاربران در وب‌سایت یا اپلیکیشن انجام می‌دهند و گزارش‌های مختلفی را برای سنجش عملکرد وب‌سایت/اپلیکیشن شما فراهم می‌کند. این ابزار به طور پیوسته در حال تغییر است، به گونه ای که به نظر میرسد یادگیری و آموزش آنالیتیکس ۴ تمامی ندارد!

به عنوان یک متخصص پرفورمنس مارکتر، GA4 ابزاری ضروری برای تحلیل دقیق رفتار کاربران و تعاملات آنها با وب‌سایت یا اپلیکیشن شما است. با استفاده از داده‌ها و گزارش‌های فراهم شده توسط GA4، شما می‌توانید عملکرد کمپین‌های بازاریابی خود را به طور دقیق اندازه‌گیری کنید، استراتژی بازاریابی خود را بهینه‌سازی کنید و تجربه کاربری را بهبود ببخشید تا به اهداف کسب‌وکار خود دست یابید.

گوگل آنالیتیکس ۴ با ویژگی‌های کلیدی جدیدی وارد عرصه بازاریابی دیجیتال شده است که به ما اجازه می‌دهد درک بهتری از رفتار کاربران داشته باشیم و کمپین‌های بازاریابی خود را با دقت بیشتری هدف‌گذاری و بهینه‌سازی کنیم. در ادامه به برخی از ویژگی‌های اساسی که GA4 ارائه می‌دهد، اشاره می‌کنیم:

ردیابی مبتنی بر ایونت: در آنالیتیکس ۴، تمرکز ردیابی اتفاقات بر مبنای ایونت است و نه سشن. این امر به دلیل آن است که ایونتها، که اقداماتی هستند که کاربران انجام می‌دهند، در نتیجه دیدگاه بهتری از میزان تعامل کاربران ارائه می‌دهند.
یکپارچه‌سازی داده‌های وب و اپ: GA4 اطلاعات وب‌سایت و اپلیکیشن را در یک پراپرتی جمع‌آوری می‌کند تا درک بهتر و یکپارچه ای از نحوه تعامل کاربر با سایت و اپلیکیشن شما در اختیارتان قرار دهد.
اضافه شدن بخش DebugView: عیب‌یابی و رفع مشکلات ایونت ترکینگ در آنالیتیکس ۴ به لطف اضافه شدن بخشی به نام دیباگ ویو آسانتر شده است. شما می‌توانید داده‌های در لحظه را با جزئیات کامل مشاهده کنید تا اطمینان حاصل کنید آنالیتیکس ۴ داده ها را همانطوری دریافت میکند که شما میخواهید.
کنترل‌ حریم خصوصی: GA4 حریم خصوصی کاربران را به طور پیش‌فرض بهبود بخشیده و به طور مداوم در تلاش است تا آن را بهتر کند. شما اکنون می‌توانید زمان نگه‌داری داده‌ها و نحوه شناسایی کاربران را تعیین کنید.
اتصال به بیگ کوئری: در نسخه یونیورسال تنها کاربرانی میتوانستند از مزایای بیگ کوئری استفاده کنند که از نسخه ۳۶۰ آنالیتیکس استفاده میکردند. اما امکان اتصال بیگ کوئری به آنالیتیکس ۴ در حال حاضر برای تمامی کاربران فراهم شده است.
ردیابی بین چند دامنه: با استفاده از GA4، ردیابی کاربران در دامنه‌های مختلف یا همان کراس دامین ترکینگ بسیار آسان‌تر شده است بدون آنکه به دستکاری کد یا استفاده از گوگل تگ منیجر نیاز باشد.

گوگل تگ منیجر (GTM) چیست؟

گوگل تگ منیجر یک سیستم مدیریت تگ (TMS) است که به شما کمک می‌کند تا کدهای ردیابی ابزارهای دیگر مانند GA4 را بدون دستکاری دستی کد وب‌سایت اضافه کنید و ایونت های مختلف را ردیابی کنید.

مانند GA4، استفاده و کار با گوگل تگ منیجر به صورت رایگان امکان پذیر است. ابزارهای مدیریت تگ دیگری در بازار وجود دارند، مانند Tealium، Adobe Launch و غیره، اما GTM یکی از پرکاربردترین ابزارها است.

تنها کاری که کاربران باید انجام دهند این است که کد GTM را روی وب‌سایت خود نصب کنند و سپس از GTM برای افزودن کد ردیابی ابزارهای دیگر مانند گوگل ادز، متا، X، لینکدین و غیره، تگ‌های ریتارگتینگ و ایونت ترکینگ در صورت نیاز استفاده کنند.

نحوه کار گوگل تگ منیجر به این صورت است که، GTM اطلاعات را از دیتالیر برای استفاده در ساخت ایونت و سپس ارسال آن داده‌ها به ابزارهای دیگر مانند GA4دریافت میکند. بنابراین میتوان گوگل تگ منیجر را واسطه ای بین سایت و دیگر ابزارهای دیجیتال مارکتینگ مانند گوگل آنالیتیکس ۴ و گوگل ادز در نظر گرفت.

روش‌های دیگر، مانند اسکریپینگ دیتا از وب‌سایت مانند حالت DOM، زمانی استفاده می‌شوند که دیتا لیر در دسترس نباشد. گرچه این روش خیلی قابل اعتماد نیست، زیرا با ایجاد هرگونه تغییری در ساختار کدنویسی سایت، ممکن است ایونت ترکینگ هم با مشکل رو به رو شود. به همین دلیل بهتر است که همیشه در صورت امکان از روش ارسال دیتا به دیتا لیر توسط دولوپر استفاده شود.

تفاوت آنالیتیکس ۴ با گوگل تگ منیجر چیست؟

در زمینه بازاریابی و تجزیه و تحلیل داده‌های وب یا همان وب آنالیتیکس، دو ابزار اساسی و متمایز از گوگل وجود دارد: گوگل تگ منیجر (GTM) و گوگل آنالیتیکس (GA4). این دو ابزار در عملکرد و ویژگی‌های خود تفاوت‌های اساسی دارند که درک آنها برای بازاریابان دیجیتال اهمیت زیادی دارد.

جمع‌آوری داده‌ها: GTM وظیفه ردیابی و جمع‌آوری داده‌ها را بر عهده دارد اما آنها را ذخیره نمی‌کند. این در حالی است که GA4 علاوه بر جمع‌آوری، قابلیت ذخیره‌سازی داده‌ها را نیز دارد. بنابراین، GTM به عنوان یک واسط برای ردیابی، جمع‌آوری و ارسال داده‌ها به GA4 عمل می‌کند.
گزارش‌دهی: GA4 توانایی‌های گزارش‌دهی قوی دارد که اجازه می‌دهد تجزیه و تحلیل‌های مختلفی انجام شود. اما این امکان با استفاده از GTM وجود ندارد، زیرا GTM هیچ گونه گزارش‌دهی انجام نمی‌دهد.
یکپارچگی: فقط می‌توان رویدادهای خاصی را که مربوط به GA4 هستند از طریق GTAG (که شامل کدنویسی مستقیم است) ردیابی کرد. اما با استفاده از GTM، می‌توان رویدادها را برای سایر پلتفرم‌ها نیز ردیابی کرد و آنها را در یک مکان مدیریت نمود.
ایونتها: هنگام استفاده از GA4 برای ردیابی رویدادها، باید از الگوی کد مشخصی پیروی کرد و این قطعات کد باید برای تمام رویدادهایی که می‌خواهید ردیابی کنید، در وب‌سایت قرار گیرند. مانند مثال زیر که button_click به عنوان رویداد با پارامتر button_text است.

با استفاده از GTM، می‌توانید ایونتها را با ایجاد تگ ایونت GA4 و تنظیم شرایطی (معروف به تریگر) که در آنها باید این ایونتها جمع‌آوری و به GA4 ارسال شوند، ردیابی کنید.

کانورژن ها: GTM ایونتها را به GA4 می‌فرستد. این سیستم نمی‌داند آیا آنها کانورژن هستند چرا که کانورژن ها در رابط کاربری GA4 پیکربندی می‌شوند.
کاربران: کاربران هر دو ابزار ممکن است متفاوت باشند. GA4 معمولاً مخاطبان گسترده‌تری دارد که در آن دیجیتال مارکترها، مدیران محصول/پروژه و سایر ذینفعان مایل به کسب اطلاعات مهم هستند. GTM به طور کلی محل بازی افرادی است که به جنبه‌های فنی نسبت به گزارش‌دهی و تحلیل علاقه بیشتری دارند.

درک این تفاوت‌ها برای در پرفورمنس مارکتینگ ضروری است تا بتواند از توانایی‌های هر دو ابزار به نحو احسن استفاده کند و استراتژی‌های بازاریابی دیجیتال خود را به بهترین شکل ممکن پیاده‌سازی نماید.

چه زمانی باید از Google Tag Manager به جای Google Analytics 4 استفاده کنیم؟

پاسخ کوتاه در بیشتر موقعیت‌ها این است که استفاده همزمان از هر دوی آنها توصیه می‌شود، زیرا این دو ابزار یکدیگر را تکمیل می‌کنند و این موضوع به معنای انتخاب یکی از دو نیست.

بله، شما می‌توانید بدون استفاده از GTM از GA4 استفاده کنید، اما با استفاده از GTM، پیاده‌سازی و مدیریت تگ‌ها آسان‌تر و منظم‌تر می‌شود. در غیر این صورت، شما برای تغییرات جزئی نیز به شدت به توسعه‌دهندگان وابسته خواهید بود که این امر منجر به تاخیر در انجام کارها می‌شود.

به همین ترتیب، استفاده از GTM بدون GA4 امکان‌پذیر است، اما این اتفاق به ندرت می‌افتد. صادقانه بگوییم، استفاده نکردن از GTM برای نصب GA4 در وب‌سایت/اپ خود و ارسال داده‌ها به GA4، چندان منطقی به نظر نمی‌رسد، زیرا با استفاده از GTM می‌توانید تغییرات را به صورت سریع و آسان اعمال کنید.

پس، اگر شما از قدرت هر دو ابزار به خوبی استفاده کنید و آنها را برای اهدافی که برایشان ساخته شده‌اند به کار ببرید، کل فرآیند ردیابی و گزارش‌دهی را برای خودتان ساده تر خواهید کرد و در زمان و پول زیادی که صرف ارتباطات رفت و برگشتی با توسعه‌دهندگان برای تغییرات دستی در کدها صرف می شود ، صرفه‌جویی خواهید کرد.

دیدگاهتان را بنویسید لغو پاسخ

برای نوشتن دیدگاه باید وارد بشوید.

آخرین مطالب

تفاوت بین درآمد کل، درآمد خرید و درآمد آیتم در آنالیتیکس

1403-08-16

گزارش Overview اپلیکیشن در آنالیتیکس ۴

1403-08-14

آی پی ترکینگ با استفاده از گوگل تگ منیجر

1403-08-11

قابلیت بنچ مارک در آنالیتیکس 4 | کاربرد و نحوه استفاده

1403-08-10

گروه کنترل در مارکتینگ چیست؟

1403-08-07

ردیابی عملکرد جایگاه های تبلیغاتی در سایت

1403-08-02

دوره ویدئویی آنالیتیکس ۴ منتشر شد

ایونت ترکینگ در سایت های SPA | آموزش تصویری

وب اپلیکیشن تک‌صفحه‌ای یا وب‌سایت SPA چیست؟

چطور متوجه شویم یک سایت به صورت SPA پیاده سازی شده است؟

آیا بعد از تغییر صفحه، آدرس یا همان URL صفحه تغییر میکند یا نه؟

روش اول: ردیابی page_view از طریقEnhanced Measurement آنالیتیکس ۴