Memvalidasi penyiapan e-commerce (gtag.js)

Dokumen ini memberikan ringkasan tentang cara memvalidasi bahwa Analytics mengumpulkan peristiwa e-commerce dari situs saat Anda menggunakan gtag.js. Dokumen ini berasumsi bahwa Anda telah membaca artikel Mengukur e-commerce.

Melihat peristiwa e-commerce secara real time

Setelah Anda menambahkan peristiwa e-commerce ke situs dan mulai memicu peristiwa, gunakan laporan DebugView untuk memvalidasi bahwa Analytics telah menerima peristiwa dan parameter peristiwa e-commerce. Laporan DebugView dapat digunakan untuk melihat setiap parameter tingkat peristiwa dan tingkat item yang dikumpulkan Analytics dari situs Anda.

Laporan DebugView terus mengalirkan peristiwa dan menampilkan nama peristiwa setiap kali peristiwa dikumpulkan. Untuk melihat parameter yang terkait dengan peristiwa, klik nama peristiwa tersebut. Jika telah menyertakan array items, Anda akan melihat tab tambahan untuk item yang dikirim dengan peristiwa.

Memecahkan masalah peristiwa e-commerce yang tidak ada

Berikut kemungkinan alasan Anda tidak melihat peristiwa e-commerce di Analytics.

Memeriksa koma

Anda harus menyertakan koma setelah setiap nilai parameter. Analytics mengabaikan peristiwa e-commerce yang memiliki parameter tanpa koma, serta peristiwa lain yang terjadi setelah peristiwa yang diabaikan. Misalnya, peristiwa berikut tidak akan dikumpulkan:

gtag("event", "refund", {
  currency: "USD",
  transaction_id: "T_12345" // Missing a trailing comma
  value: 30.03,
  coupon: "SUMMER_FUN",
  shipping: 3.33,
  tax: 1.11
});

Memeriksa penempatan

Anda harus menempatkan peristiwa e-commerce di JavaScript, bukan HTML, dan peristiwa ini harus ditempatkan setelah tag Google, bukan sebelum tag Google.

Baik:

<body>
  <p>Hello, World!</p>
  <script>
    gtag("event", "<event-name>");
  </script>
</body>

Baik:

<body>
  <p>Hello, World!</p>
  <script src="my_events.js"></script>
</body>

Buruk:

<body>
  <p>Hello, World!</p>
  gtag("event", "<event-name>");
</body>

Buruk:

<head>
  <script>
    gtag("event", "<event-name>");
  </script>
  <!-- the Google tag -->
</head>

Memeriksa sintaksis peristiwa

Peristiwa purchase berikut menggunakan sintaksis yang benar: 

gtag('event', 'purchase', {
    transaction_id: "T_12345",
    value: 72.05,
    currency: "USD",
    items: [
     {
      item_id: "SKU_12345",
      item_name: "Stan and Friends Tee",
     },
     {
      item_id: "SKU_12346",
      item_name: "Google Grey Women's Tee",
     }]
});

Pastikan pemisah dalam peristiwa Anda ditempatkan dengan benar:

  • Tanda kurung setelah gtag dan sebelum tanda titik koma penutup
  • Tanda kurung kurawal sebelum dan setelah parameter peristiwa
  • Tanda kurung siku sebelum dan setelah parameter peristiwa cakupan item

Selain itu, pastikan Anda menyertakan semua parameter peristiwa yang diperlukan. Jika tidak menyertakan parameter yang diperlukan, Anda tetap akan melihat peristiwa dan parameter di Google Analytics, tetapi Analytics akan memperlakukan peristiwa tersebut sebagai peristiwa kustom, bukan peristiwa e-commerce.

Memeriksa nama peristiwa

Saat menyiapkan peristiwa e-commerce, pastikan Anda menggunakan nama peristiwa yang direkomendasikan yang benar. Misalnya, gunakan nama peristiwa "add_to_cart" dan bukan "add_to_basket" untuk memastikan Analytics mendaftarkan peristiwa tersebut sebagai salah satu peristiwa e-commerce yang direkomendasikan. Selain itu, pastikan Anda menggunakan ejaan nama peristiwa yang benar dan tidak ada salah ketik.

Memeriksa ID transaksi

Jika peristiwa e-commerce yang sama dipicu dua kali dengan ID transaksi yang sama, Google Analytics hanya akan mengumpulkan peristiwa pertama dan mengabaikan peristiwa kedua, meskipun jika Anda mengubah beberapa nilai dalam peristiwa yang baru.

Jika Anda tidak melihat peristiwa e-commerce saat melakukan pengujian, coba ubah ID transaksi atau hapus ID transaksi selama pengujian sehingga Anda melihat setiap versi peristiwa.

Memecahkan masalah peristiwa e-commerce duplikat

Berikut kemungkinan alasan Anda melihat peristiwa e-commerce duplikat di Analytics.

Menggunakan satu tag di setiap halaman

Pastikan Anda menambahkan cuplikan tag Google ke setiap halaman situs. Selain itu, pastikan Anda menggunakan tag Google (gtag.js) atau Google Tag Manager, tetapi tidak keduanya. Menggunakan kedua opsi tersebut akan menggandakan penghitungan peristiwa tertentu dan memiliki konsekuensi lain yang tidak diinginkan.