Mengukur aplikasi web satu halaman

Dokumen ini ditujukan bagi developer yang ingin mengukur tayangan halaman di aplikasi halaman tunggal menggunakan Google Analytics.

Aplikasi web satu halaman (SPA) adalah situs yang memuat dokumen HTML satu kali dan mengambil konten tambahan menggunakan JavaScript API.

Contoh: Misalkan Anda memiliki formulir untuk mendapatkan beberapa prospek. Formulir memiliki tiga layar:

• Layar pertama untuk mendapatkan informasi pelanggan.
• Layar kedua tempat pelanggan menunjukkan minat pada layanan tertentu.
• Halaman ketiga untuk mendaftar ke webinar yang terkait dengan 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 melacak perjalanan pengguna dengan benar.

Sebelum memulai

Halaman ini mengasumsikan bahwa Anda sudah memiliki:

• Akun dan properti Google Analytics 4 untuk situs Anda. Pelajari cara Menyiapkan Google Analytics.

• Tag Google yang diterapkan di situs Anda yang diaktifkan saat halaman dimuat pertama kali. Pelajari cara Menyiapkan tag Google.

Menerapkan pengukuran aplikasi web satu halaman

Untuk menerapkan pengukuran SPA yang akurat, gunakan salah satu metode berikut untuk memicu tayangan halaman virtual baru:

• Perubahan histori browser (direkomendasikan): Jika SPA Anda menggunakan History API, khususnya metode pushState() dan replaceState() untuk memperbarui layar, gunakan opsi ini.

• Peristiwa kustom: Jika situs Anda menggunakan objek DocumentFragment untuk merender layar yang berbeda, gunakan opsi ini.

Penerapan histori browser Penerapan peristiwa kustom

Penerapan perubahan histori browser

Mengaktifkan pengukuran yang ditingkatkan di GA4

Untuk mengukur page_views secara otomatis berdasarkan histori browser:

1. Buka Google Analytics

2. Di Admin, pada bagian Pengumpulan dan perubahan data, klik Aliran Data > Web.

3. Di bagian Pengukuran yang disempurnakan, geser tombol ke posisi Aktif untuk mengaktifkan semua opsi.

4. Klik untuk mengedit opsi satu per satu. Di bagian Tampilan Halaman, klik Tampilkan setelan lanjutan. Pastikan untuk mengaktifkan Pemuatan halaman dan Perubahan halaman berdasarkan peristiwa histori penjelajahan.

   

5. Simpan perubahan.

Memverifikasi penyiapan pengukuran Anda

Untuk memverifikasi bahwa aplikasi web satu halaman Anda mengukur tayangan halaman dengan benar:

1. Aktifkan mode debug untuk setiap tag dalam penyiapan pengukuran SPA Anda. Pelajari cara Memantau peristiwa di DebugView.

2. Klik aplikasi web satu halaman Anda. Saat mengklik layar virtual baru, Anda akan melihat peristiwa page_view baru di DebugView. Bandingkan parameter peristiwa page_view dengan peristiwa page_view sebelumnya untuk memeriksa apakah perujuk halaman dan lokasi halaman telah diperbarui dengan benar.