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

Panduan ini menjelaskan cara menggunakan penerapan e-commerce gtag.js Universal Analytics yang ada untuk mengirimkan peristiwa e-commerce ke properti Google Analytics 4.

Buka Pusat migrasi developer untuk melihat panduan dan referensi migrasi lainnya.

Hasil

Dengan mengikuti panduan ini, penerapan Universal Analytics yang ada akan digunakan untuk mengisi properti Google Analytics 4 yang baru. Penerapan Universal Analytics yang ada tidak akan berubah, laporan e-commerce UA Anda akan terus diisi dengan data, dan properti Google Analytics 4 yang baru akan mulai menerima data.

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 migrasi untuk penerapan e-commerce guna mempelajari kompromi dari setiap opsi. Pastikan bahwa Anda memang ingin mengikuti panduan ini untuk menggunakan penerapan gtag.js Universal Analytics yang ada untuk Google Analytics 4.

  3. Tinjau Referensi kompatibilitas peristiwa untuk mempelajari cara peristiwa UA diterjemahkan saat dikirim ke properti GA4.

Kompromi dan pertimbangan

Tinjau dan pertimbangkan informasi di bawah untuk sepenuhnya memahami implikasi penggunaan penerapan e-commerce gtag.js (Universal Analytics) yang ada dengan properti Google Analytics 4.

Kelebihan Kekurangan
  • Opsi termudah untuk diterapkan karena Anda tidak mengubah tag peristiwa e-commerce yang ada.
  • Memungkinkan Anda melihat data e-commerce dalam laporan GA4 dan Universal Analytics.
  • Tidak ada perubahan pada cara data e-commerce dikumpulkan atau dilaporkan di properti Universal Analytics Anda.
  • Peristiwa select_content, checkout_progress, set_checkout_option, dan view_refund tidak dikenali di GA4 dan tidak akan muncul dalam laporan e-commerce GA4.
    • Peristiwa di atas dan parameter terkaitnya akan diperlakukan sebagai peristiwa kustom dan parameter kustom di GA4. Namun, data tidak akan dikirim ke Google Analytics untuk parameter items (tidak didukung sebagai parameter kustom).
  • Langkah Tambahkan Info Pengiriman di laporan Funnel Hasil/Detail Keranjang GA4 akan kosong.
  • Langkah Klik Daftar di laporan Funnel Daftar Item/Produk/Merchandise GA4 akan kosong.
  • Pembatas / untuk kategori tidak dikenali di GA4. GA4 akan melaporkancat1/cat2/cat3 sebagai satu kategori, bukan tiga kategori, yaitu cat1, cat2, dan cat3.

Penerapan

Selesaikan salah satu opsi berikut untuk menggunakan penerapan gtag.js Universal Analytics yang ada untuk mengirim peristiwa e-commerce ke properti Google Analytics 4.

Opsi 1: Gunakan Asisten Penyiapan GA4 dan aktifkan tag situs yang terhubung

Asisten Penyiapan GA4 akan otomatis membuat properti GA4 baru dan menyalin setelan berikut dari properti Universal Analytics Anda: setelan nama properti, URL situs, zona waktu, dan mata uang. Ini juga dapat mengaktifkan fitur tag situs yang terhubung untuk menggunakan kembali penerapan gtag.js Universal Analytics yang ada untuk memuat properti GA4 yang baru.

Ikuti langkah-langkah yang dijelaskan di Asisten Penyiapan GA4 untuk membuat dan mengonfigurasi properti Google Analytics 4 yang baru. Pastikan Anda mencentang opsi Aktifkan pengumpulan data menggunakan tag yang ada untuk menggunakan fitur tag situs yang terhubung.

Opsi 2: Perbarui cuplikan gtag.js Anda

  1. Buat properti Google Analytics 4 yang baru.
    • Gunakan Asisten Penyiapan GA4 untuk menambahkan properti Google Analytics 4. Namun, hapus centang opsi Aktifkan pengumpulan data menggunakan tag yang ada saat diminta selama penyiapan. Atau, buat properti Google Analytics 4 tanpa Asisten Penyiapan GA4. Keuntungan menggunakan asisten adalah asisten tersebut akan menyalin beberapa setelan dasar dari properti Universal Analytics Anda.
  2. Temukan ID Pengukuran untuk properti Google Analytics 4.
  3. Tambahkan properti Google Analytics 4 ke cuplikan gtag.js yang ada menggunakan perintah config dengan ID Pengukuran.

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

<!-- Google tag (gtag.js) -->
<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', 'TAG_ID');  // Google Analytics 4 property.
  
</script>