اندازه گیری نمایش صفحه به شما امکان می دهد تعداد بازدیدهایی را که برای یک صفحه خاص در وب سایت خود داشتید اندازه گیری کنید. صفحات اغلب با یک سند کامل HTML مطابقت دارند، اما می توانند محتوای بارگذاری شده پویا را نیز نمایش دهند. این به عنوان "نمایش صفحات مجازی" شناخته می شود.
این راهنما نحوه اجرای اندازه گیری نمای صفحه را با analytics.js توضیح می دهد.
بررسی اجمالی
تگ جاوا اسکریپت شامل دستوری برای ایجاد یک شی ردیاب و سپس دستوری برای ارسال نمای صفحه به Google Analytics است. هنگامی که ردیاب ایجاد می شود، چندین فیلد بر اساس زمینه مرور تنظیم می شوند. فیلد title
روی مقدار document.title
و فیلد location
روی مقدار document.location
تنظیم میشود و بخش لنگر URL را نادیده میگیرد.
هنگامی که دستور send
اجرا می شود، فیلدهای title
و location
ذخیره شده در ردیاب ارسال می شوند و Google Analytics از این مقادیر برای نشان دادن صفحاتی که کاربران شما بازدید کرده اند استفاده می کند.
ردیاب پیشفرض فیلد page
را تنظیم نمیکند، اما اگر آن را بهصورت دستی تنظیم کنید، این مقدار بهعنوان مسیر صفحه در گزارشها استفاده میشود و مقدار فیلد location
را لغو میکند.
پیاده سازی
بازدیدهای صفحه نمایش را می توان با استفاده از دستور send
و تعیین ضربه نوع بازدید از pageview
ارسال کرد. دستور send
دارای امضای زیر برای نوع ضربه pageview
است:
ga('send', 'pageview', [page], [fieldsObject]);
فیلدهای مشاهده صفحه
جدول زیر فیلدهای اولیه مربوط به اندازه گیری بازدید از صفحه را خلاصه می کند. برای جزئیات بیشتر (و برخی فیلدهای اضافی) به بخش اطلاعات محتوا مرجع فیلد مراجعه کنید.
نام زمینه | نوع ارزش | ضروری | شرح |
---|---|---|---|
title | متن | نه | عنوان صفحه (به عنوان مثال صفحه اصلی) |
location | متن | نه * | آدرس صفحه. |
page | متن | نه * | قسمت مسیر یک URL. این مقدار باید با یک کاراکتر اسلش ( / ) شروع شود. |
* اگرچه نه فیلد page
و نه فیلد location
لازم نیست، یکی از آنها باید وجود داشته باشد وگرنه ضربه نامعتبر خواهد بود.
مثال ها:
دستور زیر یک ضربه بازدید از صفحه را به گوگل آنالیتیکس ارسال می کند و مسیر صفحه فعلی را شامل می شود.
ga('send', 'pageview', location.pathname);
توجه داشته باشید که مانند همه دستورات send
، فیلدهای ارسال شده در پارامترهای راحتی ممکن است در fieldsObject
نیز مشخص شوند. دستور بالا را می توان به صورت زیر بازنویسی کرد:
ga('send', {
hitType: 'pageview',
page: location.pathname
});
تغییر آدرس های صفحه
در برخی موارد URL مورد نظر برای ارسال به Google Analytics با URL که در نوار آدرس مرورگر کاربر ظاهر می شود متفاوت است. به عنوان مثال، سایتی با چند صفحه را در نظر بگیرید که در آن کاربران می توانند وارد شوند و اطلاعات شخصی خود را مشاهده/ویرایش کنند. اگر این سایت دارای صفحات جداگانه برای اطلاعات شخصی، اطلاعات حساب، و تنظیمات اعلان است، URL این صفحات ممکن است چیزی شبیه به این باشد:
-
/user/ USER_ID /profile
-
/user/ USER_ID /account
-
/user/ USER_ID /notifications
اگر می خواهید بدانید که در مجموع چند نفر از هر یک از این صفحات بازدید می کنند، از جمله یک مقدار شناسه کاربری منحصر به فرد در URL ها، این کار را بسیار دشوارتر می کند.
برای حل این مشکل می توانید مقدار page
را با حذف شناسه کاربری مشخص کنید:
// Checks to see if the current user's userID is
// found in the URL, if it is, remove it.
// (Note, this assume the user ID is stored
// in a variable called `userID`)
if (document.location.pathname.indexOf('user/' + userID) > -1) {
var page = document.location.pathname.replace('user/' + userID, 'user');
ga('send', 'pageview', page);
}
این مقادیر page
زیر را برای همه کاربران ارسال می کند:
-
/user/profile
-
/user/account
-
/user/notifications
اگر صفحه فعلی بازدیدهای دیگری (مانند رویدادها) را ارسال می کند، باید مطمئن شوید که هر بازدید با URL صحیح ارسال می شود. در چنین مواقعی باید فیلد page
را در ردیاب به جای ارسال آن در دستور send
به روز کنید.
تنظیم آن در ردیاب تضمین می کند که مقدار page
جدید برای همه بازدیدهای بعدی استفاده می شود:
if (document.location.pathname.indexOf('user/' + userID) > -1) {
var page = document.location.pathname.replace('user/' + userID, 'user');
// Sets the page value on the tracker.
ga('set', 'page', page);
// Sending the pageview no longer requires passing the page
// value since it's now stored on the tracker object.
ga('send', 'pageview');
}
پیگیری بازدید از صفحات مجازی
امروزه بسیاری از وب سایت ها محتوا را به صورت پویا از طریق AJAX بارگذاری می کنند بدون اینکه نیاز به بارگذاری کامل صفحه برای هر "صفحه" داشته باشند. چنین سایت هایی معمولاً به عنوان برنامه های کاربردی یک صفحه (SPA) نامیده می شوند.
اگر وبسایت شما محتوای صفحه را به صورت پویا بارگیری میکند و URL سند را بهروزرسانی میکند، معمولاً میخواهید بازدیدهای بیشتری از صفحه برای اندازهگیری این «بازدید از صفحه مجازی» ارسال کنید. برای جزئیات پیاده سازی کامل، راهنمای ردیابی برنامه تک صفحه ای با analytics.js را ببینید.