Pengukuran aplikasi web satu halaman dengan gtag.js

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 melihat seluruh situs pada pemuatan halaman pertama. Saat pengguna mengklik link dan berinteraksi dengan halaman, konten berikutnya dimuat secara dinamis. Aplikasi ini akan sering memperbarui URL di kolom URL untuk mengemulasikan navigasi halaman biasa, tetapi permintaan halaman penuh lainnya tidak akan pernah dibuat.

Tag situs global Google Analytics 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. Ini berarti 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.