Mengukur aplikasi web satu halaman

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:

  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 individual. Di bagian Kunjungan Halaman, klik Tampilkan setelan lanjutan. Pastikan untuk mengaktifkan Pemuatan halaman dan Halaman perubahan berdasarkan peristiwa histori browser.

    Gambar yang menunjukkan setelan tayangan halaman

  5. Simpan perubahan.