استفاده از Virtual Page Path در Google Analytics برای ترک کردن آدرس Subdomainها

وقتی کد آنالیتیکس را روی سایت قرار می‌دهید آمار صفحات را فقط با آدرس path نشان می‌دهد. یعنی اگر آدرسی شبیه به https://www.filimo.com/1400 داشته باشید در گزارشات آنالیتیکس بخش بعد از دامنه(/1400) نمایش داده می‌شود.

تا اینجا مشکلی نیست اما اگر آدرسی شبیه به https://landing.filimo.com/1400 داشته باشید باز هم آنالیتیکس فقط بخش پایانی(/1400) را نمایش می‌دهد و شما متوجه نخواهید شد کدوم یک از این بازدید‌ها روی زیردامنه اتفاق افتاده و کدام روی دامنه‌ی اصلی.

برای تفکیک دامنه و subdomain معمولا پیشنهاد می‌کنند یک View جدید روی Google Analytics بسازید و با استفاده از فیلتر آدرس دامنه را به گزارشات اضافه کنید. این راه حل برای من کاربردی نیست، اما چرا کاربردی نیست:

• وقتی یک View جدید می‌سازید از آن تاریخ به بعد دیتا داخل آن View نمایش داده می‌شود و برای دیدن دیتاهای قبلی باید دوباره به View قبلی برگردید
• تمامی تنظیمات شامل Goalها از بین می‌رود و در نتیجه باید همه چیز را از اول تنظیم کنید

- اگر در آینده تغییری روی تنظیمات ویو داشته باشید باید حواستون باشه این تنظیمات را روی تمامی ویو‌ها اعمال کنید

راه حل من Virtual Page Path هستش!

من ترجیح می‌دهم روی view فعلی دیتارو با ساختار جدیدی ارسال کنم و نتیجه‌ی این کار این است که آمار را به دو صورت زیر می‌بینم:

اگر از آدرس "https://www.filimo.com/1400" بازدید شود، آدرس "/1400" را میبینم. و اگر از آدرس "https://landing.filimo.com/1400" بازدید شود آدرس "landing.filimo.com/1400" را در خروجی می‌بینم.

چطور این راهکار را با Google Tag Manager پیاده‌سازی کنیم؟

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

برای این کار اول از همه نیاز است تا یک متغیر در گوگل تگ منیجر از جنس Custom JavaScript ایجاد کنیم و سپس کد زیر را در آن قرار دهیم:

// https://gist.github.com/parhumm/9f096a889fb27bbb35d1e149f6d5a1ec
function() {
  var  virtualPagePath = '';
  
  try {
    // Add subdomain before page path
    var locationSplitDot = .host.split('.');
    if (locationSplitDot && locationSplitDot[1]) {
      if (locationSplitDot[0] !== 'www') {
        virtualPagePath = location.host;
      }
    }
  } catch(e) {
    console.error(e)
  }
  
  // Add current page path
  virtualPagePath += location.pathname;

  return virtualPagePath;
}

اسم این متغیر را Virtual Page Path قرار دهید:

کدی که در متغیر Virtual Page Path قرار دادیم، تشخیص می‌دهد که آیا این صفحه داخل یک زیردامنه باز شده است یا نه و اگر داخل زیردامنه باز شده باشه آدرس زیردامنه را به قبل از path اضافه می‌کند. حالا لازم که تنظیمات گوگل آنالیتیکس را در گوگل تگ منیجر باز کنید و در قسمت Fields to Set دکمه‌ی Add Field را بزنید و در خانه‌ی Field Name مقدار page را وارد کنید و جای Value متغیری که ساختیم را صدا کنید: {{Virtual Page Path}}

تبریک می‌گم، کارمون تموم شد دکمه‌ی Preview را بزنید و روی دامنه‌ی اصلی و زیردامنه سایت را امتحان کنید و مطمئن شوید که مقدار درستی به آنالیتیکس ارسال شود:

مراقب باشید!

در صورتی که می‌خواهید یک View مجزا بر اساس آدرس کامل صفحات همراه با دامنه داشته باشید یا اینکه همین الان چنین Viewیی دارید. این راه حل مناسب شما نیست و میتونه دیتاتون رو بهم بریزه چون درواقع آنالیتیکس داره آدرس: "https://landing.filimo.com/landing.filimo.com/1400" را ارسال میکنه تا بتونیم اون بخش آخر یعنی "/landing.filimo.com/1400" را به عنوان Path صفحه در آمار آنالیتیکس ببینیم. اما اگر چنین فیلتری ندارید و فکر می‌کنید لازم هم ندارید این راه حلی بدی نیست.

با Google Tag Manager آشنا نیستید؟

اگر با گوگل تگ منیجر آشنا نیستید تماشای ویدیوی وبینار Google Tag Manager را پیشنهاد می‌کنم:

• قسمت اول
• قسمت دوم
• قسمت سوم

اگر این مطلب برایتان مفید بوده بهترین کار اینه که برای کسایی که فکر می‌کنید این مطلب را دوست دارن بفرستید و اگر خیلی با مطلب حال کردین، می‌تونید علاوه بر معرفی به دیگران یه قهوه هم با دونیت قهوه مهمونم کنید!