E-commerce GA4 (gtag.js): Mengirim peristiwa Universal Analytics dan GA4

Tetap teratur dengan koleksi Simpan dan kategorikan konten berdasarkan preferensi Anda.

Panduan ini menjelaskan cara mempertahankan penerapan e-commerce gtag.js Universal Analytics dan Google Analytics 4 yang terpisah.

Kunjungi Pusat migrasi developer untuk melihat panduan dan referensi upgrade tambahan.

Hasil

Dengan mengikuti panduan ini, Anda akan menerapkan peristiwa e-commerce Google Analytics 4 untuk properti GA4 baru dan memastikan penerapan e-commerce Universal Analytics yang sudah ada tidak berubah. Anda akan mengirim peristiwa e-commerce yang terpisah ke properti Universal Analytics dan GA4.

Sebelum memulai

  1. Gunakan alat pemandu migrasi e-commerce untuk memastikan bahwa pernyataan berikut sesuai dengan penerapan Anda saat ini:

    • Anda menggunakan properti Universal Analytics
    • Situs Anda menggunakan library gtag.js untuk mengirim peristiwa e-commerce
  2. Tinjau opsi upgrade untuk penerapan e-commerce guna mempelajari kompromi dari setiap opsi. Pastikan bahwa Anda memang ingin mengikuti panduan ini dan memiliki dua penerapan analisis: masing-masing untuk properti Universal Analytics dan Google Analytics 4.

Kompromi dan pertimbangan

Tinjau dan pertimbangkan informasi di bawah ini untuk sepenuhnya memahami implikasi penggunaan dua penerapan e-commerce, masing-masing untuk properti Universal Analytics dan Google Analytics 4.

Kelebihan Kekurangan
  • Memungkinkan Anda melihat data e-commerce dalam laporan GA4 dan Google Analytics.
  • Tidak ada perubahan pada cara data e-commerce dikumpulkan atau dilaporkan di properti Universal Analytics Anda.
  • Menggunakan parameter dan peristiwa GA4 akan memastikan kelengkapan laporan e-commerce GA4.
  • Mengharuskan Anda menerapkan peristiwa e-commerce GA4.
  • Situs Anda mengirim dua kumpulan peristiwa: satu untuk Universal Analytics dan satu untuk GA4. Hal ini dapat memengaruhi performa.

Penerapan

1. Membuat dan mengonfigurasi properti GA4 baru

Selesaikan langkah-langkah berikut untuk membuat dan mengonfigurasi properti Google Analytics 4 baru Anda:

  1. Buat properti Google Analytics 4 yang baru.
    • Gunakan Asisten Penyiapan GA4 untuk secara otomatis membuat properti GA4 baru dan menyalin setelan berikut dari properti Universal Analytics Anda: nama properti, URL situs, zona waktu, dan setelan mata uang. Namun, hapus centang opsi Aktifkan pengumpulan data menggunakan tag yang ada untuk menonaktifkan fitur tag situs yang terhubung. Atau, jika Anda tidak ingin menyalin setelan dari properti Universal Analytics Anda, buat properti Google Analytics 4 tanpa Asisten Penyiapan GA4.
  2. Temukan ID Pengukuran untuk properti Google Analytics 4. Anda akan menggunakannya di langkah berikutnya untuk mengonfigurasi properti GA4.
  3. Tambahkan properti GA4
    • Untuk memastikan bahwa peristiwa Universal Analytics hanya dikirim ke properti UA Anda dan bahwa peristiwa Google Analytics 4 hanya dikirim ke properti GA4 Anda, gunakan fungsi Perutean data yang disediakan oleh gtag.js Domain.
    • Tambahkan properti Google Analytics 4 ke cuplikan gtag.js Anda yang ada. Gunakan perintah config dan parameter groups dengan ID Pengukuran sehingga peristiwa dapat dirutekan ke properti GA4 secara terpisah dari properti Universal Analytics Anda.

Berikut adalah contoh cuplikan gtag.js yang telah mengonfigurasi properti Universal Analytics dan properti Google Analytics 4 yang ditetapkan ke grup GA4.

<!-- Global site tag (gtag.js) - Google Analytics -->
<script async src="https://www.googletagmanager.com/gtag/js?id=UA-XXXXX-Y"></script>
<script>
  window.dataLayer = window.dataLayer || [];
  function gtag(){dataLayer.push(arguments);}
  gtag('js', new Date());

  gtag('config', 'UA-XXXXX-Y');  // Universal Analytics property.
  
  gtag('config', 'GA_MEASUREMENT_ID', { 'groups': 'GA4' });  // Google Analytics 4 property.
  
</script>

2. Menerapkan peristiwa e-commerce GA4 dan merutekannya ke properti GA4 Anda

Setelah membuat dan mengonfigurasi properti Google Analytics 4 yang baru, Anda siap untuk menerapkan peristiwa e-commerce GA4. Untuk membantu membuat penerapan GA4 Anda sebanding dengan penerapan Universal Analytics Anda, gunakan referensi berikut:

Contoh berikut menunjukkan peristiwa purchase e-commerce Universal Analytics dan Google Analytics 4 yang terpisah yang dikirim ke properti masing-masing menggunakan parameter send_to untuk peristiwa GA4:

// Universal Analytics.
// The original UA implementation remains unchanged.
gtag('event', 'purchase', {
  "transaction_id": "24.031608523954162",
  "affiliation": "Google online store",
  "currency": "USD",
  "shipping": 7.50,
  "tax": 1.80,
  "value": 33.30,
  "items": [
    {
      "id": "P12345",
      "name": "Android Warhol T-Shirt",
      "brand": "Google",
      "category": "Apparel/T-Shirts",
      "variant": "Black",
      "list_name": "Search Results",
      "list_position": 1,
      "quantity": 2,
      "price": 12.00
    }
  ]
});

// The new Google Analytics 4 ecommerce implementation.
// Uses `send_to` to route data to the GA4 group defined in the tag config.
gtag('event', 'purchase', {
  "send_to": "GA4",
  "transaction_id": "24.031608523954162",
  "affiliation": "Google online store",
  "currency": "USD",
  "shipping": 7.50,
  "tax": 1.80,
  "value": 33.30,
  "items": [
    {
      "item_id": "P12345",
      "item_name": "Android Warhol T-Shirt",
      "item_brand": "Google",
      "item_category": "Apparel/T-Shirts",
      "item_variant": "Black",
      "quantity": 2,
      "price": 12.00
    }
  ],
});