จำนวนหน้าที่มีการเปิด

การวัดการดูหน้าเว็บช่วยให้คุณวัดจํานวนการดูหน้าเว็บของหน้าใดหน้าหนึ่งในเว็บไซต์ได้ หน้าเว็บมักจะสอดคล้องกับเอกสาร HTML ทั้งฉบับ แต่ก็สามารถแสดงเนื้อหาที่โหลดแบบไดนามิกได้เช่นกัน ซึ่งเรียกว่า "การเปิดดูหน้าเว็บเสมือน"

คู่มือนี้อธิบายวิธีใช้การวัดการดูหน้าเว็บด้วย analytics.js

ภาพรวม

แท็ก JavaScript มีคําสั่งสําหรับสร้างออบเจ็กต์เครื่องมือติดตาม และคําสั่งสําหรับส่งการดูหน้าเว็บไปยัง Google Analytics เมื่อสร้างเครื่องมือติดตามแล้ว ระบบจะตั้งค่าช่องหลายช่องตามบริบทการท่องเว็บ ช่อง title กำหนดค่าเป็น document.title และช่อง location จะได้รับการตั้งค่าเป็นค่า document.location โดยไม่สนใจส่วน Anchor ของ URL

เมื่อเรียกใช้คำสั่ง send ระบบจะส่งช่อง title และ location ที่จัดเก็บไว้ในอุปกรณ์ติดตาม จากนั้น Google Analytics จะใช้ค่าเหล่านั้นเพื่อแสดงว่าผู้ใช้เข้าชมหน้าเว็บใดบ้าง

ตัวติดตามเริ่มต้นไม่ได้ตั้งค่าช่อง page แต่หากคุณตั้งค่าด้วยตนเอง ระบบจะใช้ค่านั้นเป็นเส้นทางหน้าเว็บในรายงาน โดยจะลบล้างค่าของช่อง location

การใช้งาน

คุณสามารถส่ง Hit การดูหน้าเว็บได้โดยใช้คำสั่ง send และระบุ hitType เป็น pageview คำสั่ง send มีลายเซ็นต่อไปนี้สำหรับประเภท Hit ประเภท pageview

ga('send', 'pageview', [page], [fieldsObject]);

ช่องการดูหน้าเว็บ

ตารางต่อไปนี้สรุปช่องหลักที่เกี่ยวข้องกับการวัดการดูหน้าเว็บ ดูรายละเอียดเพิ่มเติม (และช่องเพิ่มเติมบางช่อง) ได้ที่ส่วนข้อมูลเนื้อหาในข้อมูลอ้างอิงช่อง

ชื่อช่อง ประเภทค่า จำเป็น คำอธิบาย
title ข้อความ ไม่ ชื่อของหน้าเว็บ (เช่น หน้าแรก)
location ข้อความ ไม่ * URL ของหน้าเว็บ
page ข้อความ ไม่ * ส่วนเส้นทางของ URL โดยค่านี้ควรขึ้นต้นด้วยเครื่องหมายทับ (/)

* แม้ว่าจะไม่จำเป็นต้องระบุข้อมูลในฟิลด์ page และ location แต่จะต้องมีช่องใดช่องหนึ่งอยู่หรือ Hit จะใช้ไม่ได้

ตัวอย่าง

คำสั่งต่อไปนี้จะส่ง Hit การดูหน้าเว็บไปยัง Google Analytics และรวมเส้นทางของหน้าเว็บปัจจุบัน

ga('send', 'pageview', location.pathname);

โปรดทราบว่าอาจมีการระบุช่องที่ส่งผ่านในพารามิเตอร์อำนวยความสะดวกใน fieldsObject เช่นเดียวกับคำสั่ง send ทั้งหมด คำสั่งข้างต้นสามารถเขียนใหม่เป็น

ga('send', {
  hitType: 'pageview',
  page: location.pathname
});

การแก้ไข URL ของหน้าเว็บ

ในบางกรณี URL ที่คุณต้องการส่งไปยัง Google Analytics จะแตกต่างจาก URL ที่ปรากฏในแถบที่อยู่ของเบราว์เซอร์ของผู้ใช้ ตัวอย่างเช่น ลองพิจารณาเว็บไซต์ที่มีหน้าเว็บหลายหน้าซึ่งผู้ใช้สามารถเข้าสู่ระบบ และดู/แก้ไขข้อมูลส่วนบุคคลของตนได้ หากเว็บไซต์นี้มีหน้าเว็บแยกต่างหากสำหรับข้อมูลส่วนบุคคล ข้อมูลบัญชี และการตั้งค่าการแจ้งเตือน URL ของหน้าเว็บเหล่านี้อาจมีลักษณะดังนี้

  • /user/USER_ID/profile
  • /user/USER_ID/account
  • /user/USER_ID/notifications

ถ้าอยากรู้โดยรวมแล้ว จำนวนผู้ที่เข้าชมหน้าเว็บเหล่านี้แต่ละหน้า รวมถึงค่ารหัสผู้ใช้ที่ไม่ซ้ำกันใน URL จะทำให้ดำเนินการได้ยากขึ้นมาก

ในการแก้ปัญหานี้ คุณสามารถระบุค่า page ที่ลบ User-ID ออกแล้ว

// 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

หากหน้าปัจจุบันส่ง Hit อื่นๆ (เช่น เหตุการณ์) คุณจะต้องตรวจสอบว่าแต่ละ Hit ถูกส่งด้วย URL ที่ถูกต้อง ในกรณีดังกล่าว คุณควรอัปเดตช่อง page ในตัวติดตามแทนการส่งในคําสั่ง send

การตั้งค่าในเครื่องติดตามจะช่วยให้มีการใช้ค่า page ใหม่สำหรับ Hit ที่ตามมาทั้งหมด

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