Halaman ini menjelaskan cara menggunakan gtag.js untuk mengukur interaksi dengan halaman di situs yang memuat konten secara dinamis, tanpa pemuatan halaman penuh yang biasa.
Ringkasan
Aplikasi web satu halaman (SPA) adalah aplikasi web atau situs yang memuat semua resource yang diperlukan untuk menjelajahi seluruh situs pada pemuatan halaman pertama. Saat pengguna mengklik link dan berinteraksi dengan halaman, konten berikutnya akan dimuat secara dinamis. Aplikasi ini akan sering memperbarui URL di kolom URL untuk mengemulasikan navigasi halaman biasa, tetapi permintaan halaman penuh terpisah tidak akan pernah dibuat.
Tag Google berfungsi baik pada situs biasa karena kode cuplikan dijalankan setiap kali pengguna memuat halaman baru. Namun, untuk aplikasi web satu halaman yang memuat konten halaman baru secara dinamis, dan bukan sebagai pemuatan halaman penuh, kode cuplikan gtag.js hanya dijalankan satu kali. Artinya pageview (virtual) berikutnya harus diukur secara manual saat konten baru dimuat.
Mengukur pageview virtual
Saat aplikasi Anda memuat konten secara dinamis dan memperbarui URL di kolom URL, URL halaman yang tersimpan di gtag.js juga akan diperbarui. Selanjutnya, Anda juga dapat mengukur perubahan pada alamat di situs Anda sebagai kunjungan halaman.
Untuk menetapkan laporan gtag.js jalur, gunakan perintah set agar dapat menentukan
nilai untuk parameter page_path:
gtag('set', 'page_path', page_path);
gtag('event', 'page_view');
Contoh:
gtag('set', 'page_path', '/new-page.html');
gtag('event', 'page_view');
Setelah Anda menambahkan nilai baru untuk page_path, semua peristiwa berikutnya yang dikirim
ke properti tersebut akan menggunakan nilai baru tersebut.
Menangani beberapa URL untuk resource yang sama
Beberapa aplikasi web satu halaman (SPA) hanya memperbarui bagian hash URL saat memuat konten
secara dinamis. Praktik ini dapat mengakibatkan situasi ketika banyak jalur halaman yang berbeda mengarah ke resource yang sama. Dalam kasus seperti itu, sebaiknya Anda memilih URL kanonis dan hanya mengirim nilai page_path tersebut ke Google Analytics.
Misalnya, pertimbangkan situs dengan halaman "Tentang Kami" yang dapat dijangkau melalui salah satu URL berikut:
/about/#/about/home/#/about
Untuk menghindari duplikasi dalam laporan, sebaiknya catat semua halaman ini menggunakan /about untuk page_path.