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

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

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

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

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

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

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

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

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

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

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

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

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

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

การใช้งานการเปลี่ยนแปลงประวัติของเบราว์เซอร์

เปิดใช้การวัดที่ปรับปรุงแล้วใน GA4

หากต้องการวัด page_views โดยอัตโนมัติตามประวัติของเบราว์เซอร์ ให้ทำดังนี้

  1. เปิด Google Analytics

  2. ในส่วนผู้ดูแลระบบ ภายใน การเก็บรวบรวมและการแก้ไขข้อมูล คลิกสตรีมข้อมูล > เว็บ

  3. ในส่วนการวัดที่ปรับปรุงแล้ว ให้เลื่อนสวิตช์เป็นเปิด เพื่อเปิดใช้ตัวเลือกทั้งหมด

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

    รูปภาพแสดงการตั้งค่าการดูหน้าเว็บ

  5. บันทึกการเปลี่ยนแปลง