วัดแอปพลิเคชันหน้าเว็บเดียว

เอกสารนี้มีไว้สําหรับนักพัฒนาซอฟต์แวร์ที่ต้องการวัดการดูหน้าเว็บในแอปพลิเคชันหน้าเว็บเดียวโดยใช้ Google Analytics

แอปพลิเคชันหน้าเว็บเดียว (SPA) คือเว็บไซต์ที่โหลดเอกสาร HTML ครั้งเดียวและดึงข้อมูลเนื้อหาเพิ่มเติมโดยใช้ JavaScript API

ตัวอย่างเช่น สมมติว่าคุณมีแบบฟอร์มเพื่อรับผู้มีโอกาสเป็นลูกค้า แบบฟอร์มมี 3 หน้าจอ ดังนี้

  • หน้าจอแรกเพื่อบันทึกข้อมูลลูกค้า
  • หน้าจอที่ 2 ที่ลูกค้าระบุความสนใจในบริการบางอย่าง
  • หน้าหน้าจอที่ 3 เพื่อลงชื่อสมัครใช้เวิร์กช็อปทางเว็บที่เกี่ยวข้องกับความสนใจของลูกค้า

กุญแจสำคัญในการวัดการดูหน้าเว็บจาก SPA อย่างถูกต้องคือการนับการดูหน้าเว็บสําหรับแต่ละหน้าจอที่ผู้ใช้โต้ตอบด้วย และรับ referrer ของหน้าเว็บที่ถูกต้อง เพื่อให้คุณติดตามเส้นทางของผู้ใช้ได้อย่างถูกต้อง

ก่อนเริ่มต้น

หน้านี้จะถือว่าคุณมีสิ่งต่อไปนี้อยู่แล้ว

  • บัญชีและพร็อพเพอร์ตี้ Google Analytics 4 สําหรับเว็บไซต์ ดูวิธีตั้งค่า Google Analytics

  • แท็ก Google ที่ติดตั้งใช้งานในเว็บไซต์ซึ่งเริ่มทํางานเมื่อหน้าเว็บโหลดเป็นครั้งแรก ดูวิธีตั้งค่าแท็ก Google

ใช้การวัดแอปพลิเคชันหน้าเว็บเดียว

หากต้องการใช้การวัด SPA ที่แม่นยํา ให้ใช้วิธีใดวิธีหนึ่งต่อไปนี้เพื่อทริกเกอร์การเปิดดูหน้าเว็บเสมือนใหม่

  • การเปลี่ยนแปลงประวัติเบราว์เซอร์ (แนะนำ): หาก SPA ใช้ History API โดยเฉพาะเมธอด pushState() และ replaceState() เพื่ออัปเดตหน้าจอ ให้ใช้ตัวเลือกนี้

  • เหตุการณ์ที่กําหนดเอง: หากเว็บไซต์ใช้ออบเจ็กต์ DocumentFragment เพื่อแสดงผลหน้าจอต่างๆ ให้ใช้ตัวเลือกนี้