Dokumen ini ditujukan untuk developer yang ingin mengukur kunjungan halaman di
aplikasi web satu halaman menggunakan Google Analytics.
Aplikasi web satu halaman
(SPA) adalah situs web yang memuat dokumen HTML sekali dan mengambil
konten menggunakan JavaScript API.
Contoh: Misalnya Anda memiliki formulir untuk mengakuisisi beberapa prospek. Formulir ini memiliki tiga
layar:
Layar pertama yang mengambil informasi pelanggan.
Layar kedua tempat pelanggan menunjukkan minat pada layanan tertentu.
Halaman layar ketiga untuk mendaftar ke webinar terkait minat pelanggan.
Kunci untuk mengukur tayangan halaman dari SPA dengan benar adalah menghitung tayangan halaman untuk
setiap layar yang berinteraksi dengan pengguna dan mendapatkan perujuk halaman yang tepat, sehingga Anda dapat
menelusuri {i>user journey<i}.
Sebelum memulai
Halaman ini mengasumsikan bahwa Anda sudah:
Akun dan properti Google Analytics 4 untuk situs Anda. Pelajari cara
Siapkan Google
Analisis.
Tag Google yang diterapkan di situs Anda dan diaktifkan saat halaman pertama kali diaktifkan
memuat. Pelajari cara Menyiapkan Google
tag.
Menerapkan pengukuran aplikasi web satu halaman
Untuk menerapkan pengukuran SPA yang akurat, gunakan salah satu metode berikut untuk memicu
tayangan halaman virtual:
Perubahan histori browser (direkomendasikan): Jika SPA Anda menggunakan Histori
API, khususnya
metode pushState() dan replaceState() untuk memperbarui layar, gunakan metode ini
sebelumnya.
Peristiwa kustom: Jika situs Anda menggunakan DocumentFragment
untuk merender layar berbeda, gunakan opsi ini.
Implementasi perubahan histori browser
Mengaktifkan pengukuran yang ditingkatkan di GA4
Untuk mengukur page_views secara otomatis berdasarkan histori browser:
Di Admin, pada bagian
Pengumpulan dan perubahan data, klik Aliran Data > Web.
Di bagian Pengukuran yang disempurnakan, geser tombol ke posisi Aktif untuk mengaktifkan semua opsi.
Klik untuk mengedit opsi individual. Di bagian Kunjungan Halaman, klik Tampilkan
setelan lanjutan. Pastikan untuk mengaktifkan Pemuatan halaman dan Halaman
perubahan berdasarkan peristiwa histori browser.
Simpan perubahan.
Memverifikasi konfigurasi pengukuran Anda
Untuk memverifikasi bahwa aplikasi web satu halaman mengukur kunjungan halaman dengan benar:
Klik aplikasi web satu halaman. Saat Anda mengklik
Anda akan melihat peristiwa page_view baru di DebugView. Bandingkan
Parameter peristiwa page_view dengan peristiwa page_view sebelumnya yang akan diperiksa
jika perujuk halaman dan lokasi halaman telah diperbarui dengan benar.
[null,null,["Terakhir diperbarui pada 2024-08-22 UTC."],[[["This guide helps developers track page views within single-page applications using Google Analytics 4."],["Accurate tracking involves counting views for each screen a user interacts with and ensuring correct referral data for user journey analysis."],["Implementation relies on leveraging browser history changes or custom events to trigger virtual page views for different screens within the application."],["Before starting, ensure you have a Google Analytics 4 account and a Google tag implemented on your website."],["Verification involves enabling debug mode and confirming that new `page_view` events are triggered with updated page referrer and location data upon screen transitions."]]],["Developers using Google Analytics to measure page views on single-page applications (SPAs) should count page views for each user-interacted screen and accurately track the page referrer. To implement this, they can trigger virtual page views via browser history changes using the History API's `pushState()` and `replaceState()` methods, or through custom events with the `DocumentFragment` object. After implementation, debug mode should be enabled to verify new `page_view` events for each virtual screen, ensuring referrer and location data updates correctly.\n"]]
Klik aplikasi web satu halaman. Saat Anda mengklik
Anda akan melihat peristiwa page_view baru di DebugView. Bandingkan
Parameter peristiwa page_view dengan peristiwa page_view sebelumnya yang akan diperiksa
jika perujuk halaman dan lokasi halaman telah diperbarui dengan benar.
[null,null,["Terakhir diperbarui pada 2024-08-22 UTC."],[[["This guide helps developers track page views within single-page applications using Google Analytics 4."],["Accurate tracking involves counting views for each screen a user interacts with and ensuring correct referral data for user journey analysis."],["Implementation relies on leveraging browser history changes or custom events to trigger virtual page views for different screens within the application."],["Before starting, ensure you have a Google Analytics 4 account and a Google tag implemented on your website."],["Verification involves enabling debug mode and confirming that new `page_view` events are triggered with updated page referrer and location data upon screen transitions."]]],["Developers using Google Analytics to measure page views on single-page applications (SPAs) should count page views for each user-interacted screen and accurately track the page referrer. To implement this, they can trigger virtual page views via browser history changes using the History API's `pushState()` and `replaceState()` methods, or through custom events with the `DocumentFragment` object. After implementation, debug mode should be enabled to verify new `page_view` events for each virtual screen, ensuring referrer and location data updates correctly.\n"]]
