เอกสารนี้มีไว้สำหรับนักพัฒนาซอฟต์แวร์ที่ต้องการวัดการดูหน้าเว็บในแอปพลิเคชันหน้าเว็บเดียวโดยใช้ Google Analytics
แอปพลิเคชันหน้าเว็บเดียว (SPA) คือเว็บไซต์ที่โหลดเอกสาร HTML 1 ครั้งและดึงข้อมูลเนื้อหาเพิ่มเติมโดยใช้ JavaScript API
ตัวอย่างเช่น สมมติว่าคุณมีแบบฟอร์มสำหรับรับโอกาสในการขายจำนวนหนึ่ง แบบฟอร์มจะมี 3 หน้าจอดังนี้
- หน้าจอแรกเพื่อบันทึกข้อมูลลูกค้า
- หน้าจอที่ 2 ที่ลูกค้าระบุความสนใจในบริการบางอย่าง
- หน้าจอที่ 3 สำหรับลงชื่อสมัครใช้การสัมมนาผ่านเว็บที่เกี่ยวกับความสนใจของลูกค้า
กุญแจสำคัญในการวัดการดูหน้าเว็บจาก SPA อย่างถูกต้องคือการนับการดูหน้าเว็บสำหรับแต่ละหน้าจอที่ผู้ใช้โต้ตอบด้วยและทำให้referrerหน้าเว็บถูกต้อง เพื่อให้คุณติดตามเส้นทางของผู้ใช้ได้อย่างถูกต้อง
ก่อนเริ่มต้น
หน้านี้จะถือว่าคุณมี:
บัญชีและพร็อพเพอร์ตี้ Google Analytics 4 สําหรับเว็บไซต์ ดูวิธีตั้งค่า Google Analytics
แท็ก Google ที่ติดตั้งใช้งานในเว็บไซต์ซึ่งเริ่มทำงานเมื่อหน้าเว็บโหลดเป็นครั้งแรก ดูวิธีตั้งค่าแท็ก Google
ใช้การวัดผลแอปพลิเคชันหน้าเว็บเดียว
หากต้องการวัด SPA อย่างแม่นยำ ให้ใช้วิธีใดวิธีหนึ่งต่อไปนี้เพื่อทริกเกอร์การดูหน้าเว็บเสมือนใหม่
การเปลี่ยนแปลงประวัติของเบราว์เซอร์ (แนะนำ): หาก SPA ใช้ History API โดยเฉพาะเมธอด
pushState()
และreplaceState()
เพื่ออัปเดตหน้าจอ ให้ใช้ตัวเลือกนี้เหตุการณ์ที่กำหนดเอง: หากเว็บไซต์ใช้ออบเจ็กต์
DocumentFragment
ในการแสดงผลหน้าจอที่ต่างกัน ให้ใช้ตัวเลือกนี้