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

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

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

ตัวอย่างเช่น สมมติว่าคุณมีแบบฟอร์มสำหรับรับโอกาสในการขายจำนวนหนึ่ง แบบฟอร์มมี 3 แบบ ได้แก่

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

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

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

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

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

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

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

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

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

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