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()
danreplaceState()
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:
Buka Google Analytics
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.