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

จัดทุกอย่างให้เป็นระเบียบอยู่เสมอด้วยคอลเล็กชัน บันทึกและจัดหมวดหมู่เนื้อหาตามค่ากำหนดของคุณ

เอกสารนี้มีไว้สําหรับนักพัฒนาซอฟต์แวร์ที่ต้องการวัดการดูหน้าเว็บในแอปพลิเคชันหน้าเว็บเดียวโดยใช้ 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 เพื่อแสดงผลหน้าจอต่างๆ ให้ใช้ตัวเลือกนี้