Mengukur e-commerce

Anda dapat menyiapkan peristiwa e-commerce untuk mengumpulkan informasi tentang perilaku belanja pengguna. Peristiwa tersebut memungkinkan Anda mengukur produk yang paling populer dan melihat pengaruh promosi dan penempatan produk terhadap pendapatan.

Artikel ini menjelaskan setiap peristiwa e-commerce dan kapan Anda harus menyiapkannya. Untuk contoh langkah demi langkah cara menyiapkan peristiwa e-commerce, lihat artikel Menyiapkan peristiwa pembelian.

Punya waktu sebentar? Bantu kami meningkatkan kualitas dokumentasi e-commerce GA4 dengan mengisi survei online singkat.

Tag Google Tag Manager

Sebelum memulai

Menambahkan tag konfigurasi GA4 ke situs

Pastikan Anda telah menambahkan tag Google Analytics: Konfigurasi GA4 ke situs Anda serta dapat mengakses Analytics dan kode sumber situs tersebut.

Mengukur peristiwa e-commerce dengan tag Peristiwa GA4

Untuk mengirim peristiwa dan parameter e-commerce ke properti GA4 Anda:

1. Buka Google Tag Manager
2. Di ruang kerja Anda, buka menu Tag.
3. Buat tag Baru. Centang kotak Konfigurasi Tag dan pilih tag Google Analytics: Peristiwa GA4.
4. Untuk Nama Peristiwa, gunakan variabel bawaan {{Event}}. Nama ini akan menggunakan nama peristiwa e-commerce GA4 yang dikirim menggunakan gtag.js API.
5. Di bagian Setelan Lainnya > E-commerce, centang Kirim data E-commerce.
6. Untuk Sumber Data, pilih Lapisan Data.
7. Siapkan pemicu untuk Peristiwa GA4, misalnya saat pengguna mengklik tombol checkout. Lihat semua jenis pemicu yang tersedia.
8. Beri nama dan Simpan tag.

Rekomendasi

• Aktifkan mode debug agar Anda dapat melihat peristiwa secara real time dan dapat memecahkan masalah dengan lebih mudah
• Tinjau batas dimensi dan metrik kustom saat mengirim parameter kustom dengan peristiwa e-commerce
• Tetapkan currency saat mengirim data value (pendapatan) untuk memastikan metrik pendapatan dihitung dengan benar
• Tetapkan setiap parameter e-commerce yang datanya Anda miliki, terlepas dari apakah parameter tersebut opsional atau tidak
• Gunakan contoh situs e-commerce untuk melihat contoh cara memberi tag pada situs

Penerapan

Penerapan e-commerce standar akan mengukur tindakan-tindakan berikut:

• Memilih item dari daftar
• Melihat detail item
• Menambahkan/menghapus produk dari keranjang belanja
• Memulai proses checkout
• Melakukan pembelian atau pengembalian dana
• Menerapkan promosi

Komponen penting dari semua tindakan tersebut adalah produk dan layanan yang Anda tawarkan. Anda dapat merepresentasikan produk dan layanan sebagai array item yang dapat ditambahkan ke peristiwa e-commerce. Anda dapat menyertakan hingga 27 parameter kustom dalam array item, selain parameter yang telah ditentukan.

Contoh berikut menunjukkan cara membuat kumpulan items yang dirujuk di seluruh panduan ini. Array items dapat berisi hingga 200 elemen.

items: [
    {
      item_id: "SKU_12345",
      item_name: "Stan and Friends Tee",
      affiliation: "Google Merchandise Store",
      coupon: "SUMMER_FUN",
      discount: 2.22,
      index: 0,
      item_brand: "Google",
      item_category: "Apparel",
      item_category2: "Adult",
      item_category3: "Shirts",
      item_category4: "Crew",
      item_category5: "Short sleeve",
      item_list_id: "related_products",
      item_list_name: "Related Products",
      item_variant: "green",
      location_id: "ChIJIQBpAG2ahYAR_6128GcTUEo",
      price: 9.99,
      quantity: 1
    },
    {
      item_id: "SKU_12346",
      item_name: "Google Grey Women's Tee",
      affiliation: "Google Merchandise Store",
      coupon: "SUMMER_FUN",
      discount: 3.33,
      index: 1,
      item_brand: "Google",
      item_category: "Apparel",
      item_category2: "Adult",
      item_category3: "Shirts",
      item_category4: "Crew",
      item_category5: "Short sleeve",
      item_list_id: "related_products",
      item_list_name: "Related Products",
      item_variant: "gray",
      location_id: "ChIJIQBpAG2ahYAR_6128GcTUEo",
      price: 20.99,
      quantity: 1
    }
]

Bermigrasi dari penerapan e-commerce UA

Jika telah menerapkan e-commerce untuk Universal Analytics, Anda dapat melakukan salah satu tindakan berikut untuk bermigrasi ke Google Analytics 4:

• Gunakan penerapan e-commerce UA untuk mengisi peristiwa e-commerce GA4
• Ganti penerapan e-commerce UA Anda dengan peristiwa e-commerce GA4

Untuk mendapatkan informasi tentang cara mengalihkan penerapan e-commerce Anda dari Universal Analytics ke Google Analytics 4, lihat Panduan migrasi e-commerce GA4 untuk Google Tag Manager.

Menghapus objek e-commerce

Sebaiknya gunakan perintah berikut untuk menghapus objek e-commerce sebelum mengirim peristiwa e-commerce ke lapisan data. Dengan menghapus objek, beberapa peristiwa e-commerce di halaman tidak akan memengaruhi satu sama lain.

dataLayer.push({ ecommerce: null });  // Clear the previous ecommerce object.

Memilih item dari daftar

Saat pengguna diberi daftar hasil, kirim peristiwa view_item_list termasuk parameter array items yang berisi item yang ditampilkan. Untuk melihat detail tentang parameter yang akan dikirim, lihat Referensi peristiwa.

Catatan: Opsi Kirim data E-commerce dapat digunakan sebagai alternatif untuk konfigurasi tag berikut.

Tampilkan konfigurasi tag

Konfigurasi tag:

• Jenis tag: Peristiwa GA4
• Nama Peristiwa: view_item_list
• Variabel Lapisan Data (Nama - Nama Variabel Lapisan Data)
• Item E-commerce - ecommerce.items
• ID Daftar Item E-commerce - ecommerce.item_list_id
• Nama Daftar Item E-commerce - ecommerce.item_list_name
• Parameter Peristiwa (Nama Parameter - Nilai):
• items - {{Ecommerce Items}}
• item_list_id - {{Ecommerce Item List ID}}
• item_list_name - {{Ecommerce Item List Name}}
• Pemicu: peristiwa sama dengan view_item_list

Konfigurasi pemicu:

• Jenis Pemicu: Peristiwa Kustom
• Nama Peristiwa: view_item_list
• Pemicu ini diaktifkan pada: Semua Peristiwa Kustom

dataLayer.push({ ecommerce: null });  // Clear the previous ecommerce object.
dataLayer.push({
  event: "view_item_list",
  ecommerce: {
    item_list_id: "related_products",
    item_list_name: "Related products",
    items: [
     {
      item_id: "SKU_12345",
      item_name: "Stan and Friends Tee",
      affiliation: "Google Merchandise Store",
      coupon: "SUMMER_FUN",
      discount: 2.22,
      index: 0,
      item_brand: "Google",
      item_category: "Apparel",
      item_category2: "Adult",
      item_category3: "Shirts",
      item_category4: "Crew",
      item_category5: "Short sleeve",
      item_list_id: "related_products",
      item_list_name: "Related Products",
      item_variant: "green",
      location_id: "ChIJIQBpAG2ahYAR_6128GcTUEo",
      price: 9.99,
      quantity: 1
    },
    {
      item_id: "SKU_12346",
      item_name: "Google Grey Women's Tee",
      affiliation: "Google Merchandise Store",
      coupon: "SUMMER_FUN",
      discount: 3.33,
      index: 1,
      item_brand: "Google",
      item_category: "Apparel",
      item_category2: "Adult",
      item_category3: "Shirts",
      item_category4: "Crew",
      item_category5: "Short sleeve",
      item_list_id: "related_products",
      item_list_name: "Related Products",
      item_variant: "gray",
      location_id: "ChIJIQBpAG2ahYAR_6128GcTUEo",
      price: 20.99,
      promotion_id: "P_12345",
      promotion_name: "Summer Sale",
      quantity: 1
    }]
  }
});

Setelah pengguna memilih item dari daftar, kirim peristiwa select_item dengan item yang dipilih di parameter array items. Untuk melihat detail tentang parameter yang akan dikirim, lihat Referensi peristiwa.

Catatan: Opsi Kirim data E-commerce dapat digunakan sebagai alternatif untuk konfigurasi tag berikut.

Tampilkan konfigurasi tag

Konfigurasi tag:

• Jenis tag: Peristiwa GA4
• Nama Peristiwa: select_item
• Variabel Lapisan Data (Nama - Nama Variabel Lapisan Data)
• Item E-commerce - ecommerce.items
• ID Daftar Item E-commerce - ecommerce.item_list_id
• Nama Daftar Item E-commerce - ecommerce.item_list_name
• Parameter Peristiwa (Nama Parameter - Nilai):
• items - {{Ecommerce Items}}
• item_list_id - {{Ecommerce Item List ID}}
• item_list_name - {{Ecommerce Item List Name}}
• Pemicu: peristiwa sama dengan select_item

Konfigurasi pemicu:

• Jenis Pemicu: Peristiwa Kustom
• Nama Peristiwa: select_item
• Pemicu ini diaktifkan pada: Semua Peristiwa Kustom

dataLayer.push({ ecommerce: null });  // Clear the previous ecommerce object.
dataLayer.push({
  event: "select_item",
  ecommerce: {
    item_list_id: "related_products",
    item_list_name: "Related products",
    items: [
    {
      item_id: "SKU_12345",
      item_name: "Stan and Friends Tee",
      affiliation: "Google Merchandise Store",
      coupon: "SUMMER_FUN",
      discount: 2.22,
      index: 0,
      item_brand: "Google",
      item_category: "Apparel",
      item_category2: "Adult",
      item_category3: "Shirts",
      item_category4: "Crew",
      item_category5: "Short sleeve",
      item_list_id: "related_products",
      item_list_name: "Related Products",
      item_variant: "green",
      location_id: "ChIJIQBpAG2ahYAR_6128GcTUEo",
      price: 9.99,
      quantity: 1
    }
    ]
  }
});

Melihat detail item

Untuk mengukur berapa kali detail item dilihat, kirim peristiwa view_item setiap kali pengguna melihat layar detail item. Untuk melihat detail tentang parameter yang akan dikirim, lihat Referensi peristiwa.

Catatan: Opsi Kirim data E-commerce dapat digunakan sebagai alternatif untuk konfigurasi tag berikut.

Tampilkan konfigurasi tag

Konfigurasi tag:

• Jenis tag: Peristiwa GA4
• Nama Peristiwa: view_item
• Variabel Lapisan Data (Nama - Nama Variabel Lapisan Data)
• Item E-commerce - ecommerce.items
• Nilai E-commerce - ecommerce.value
• Mata Uang E-commerce - ecommerce.currency
• Parameter Peristiwa (Nama Parameter - Nilai):
• items - {{Ecommerce Items}}
• value - {{Ecommerce Value}}
• currency - {{Ecommerce Currency}}
• Pemicu: peristiwa sama dengan view_item

Konfigurasi pemicu:

• Jenis Pemicu: Peristiwa Kustom
• Nama Peristiwa: view_item
• Pemicu ini diaktifkan pada: Semua Peristiwa Kustom

dataLayer.push({ ecommerce: null });  // Clear the previous ecommerce object.
dataLayer.push({
  event: "view_item",
  ecommerce: {
    currency: "USD",
    value: 7.77,
    items: [
    {
      item_id: "SKU_12345",
      item_name: "Stan and Friends Tee",
      affiliation: "Google Merchandise Store",
      coupon: "SUMMER_FUN",
      discount: 2.22,
      index: 0,
      item_brand: "Google",
      item_category: "Apparel",
      item_category2: "Adult",
      item_category3: "Shirts",
      item_category4: "Crew",
      item_category5: "Short sleeve",
      item_list_id: "related_products",
      item_list_name: "Related Products",
      item_variant: "green",
      location_id: "ChIJIQBpAG2ahYAR_6128GcTUEo",
      price: 9.99,
      quantity: 1
    }
    ]
  }
});

Menambahkan atau menghapus item dari keranjang belanja

Ukur item yang ditambahkan ke keranjang belanja dengan mengirim peristiwa add_to_cart bersama item yang relevan di array items. Untuk melihat detail tentang parameter yang akan dikirim, lihat Referensi peristiwa.

Catatan: Opsi Kirim data E-commerce dapat digunakan sebagai alternatif untuk konfigurasi tag berikut.

Tampilkan konfigurasi tag

Konfigurasi tag:

• Jenis tag: Peristiwa GA4
• Nama Peristiwa: add_to_cart
• Variabel Lapisan Data (Nama - Nama Variabel Lapisan Data)
• Item E-commerce - ecommerce.items
• Nilai E-commerce - ecommerce.value
• Mata Uang E-commerce - ecommerce.currency
• Parameter Peristiwa (Nama Parameter - Nilai):
• items - {{Ecommerce Items}}
• value - {{Ecommerce Value}}
• currency - {{Ecommerce Currency}}
• Pemicu: peristiwa sama dengan add_to_cart

Konfigurasi pemicu:

• Jenis Pemicu: Peristiwa Kustom
• Nama Peristiwa: add_to_cart
• Pemicu ini diaktifkan pada: Semua Peristiwa Kustom

dataLayer.push({ ecommerce: null });  // Clear the previous ecommerce object.
dataLayer.push({
  event: "add_to_cart",
  ecommerce: {
    currency: "USD",
    value: 7.77,
    items: [
    {
      item_id: "SKU_12345",
      item_name: "Stan and Friends Tee",
      affiliation: "Google Merchandise Store",
      coupon: "SUMMER_FUN",
      discount: 2.22,
      index: 0,
      item_brand: "Google",
      item_category: "Apparel",
      item_category2: "Adult",
      item_category3: "Shirts",
      item_category4: "Crew",
      item_category5: "Short sleeve",
      item_list_id: "related_products",
      item_list_name: "Related Products",
      item_variant: "green",
      location_id: "ChIJIQBpAG2ahYAR_6128GcTUEo",
      price: 9.99,
      quantity: 1
    }
    ]
  }
});

Anda juga dapat mengukur kapan item ditambahkan ke wishlist dengan mengirimkan peristiwa add_to_wishlist bersama item yang relevan di array items. Untuk melihat detail tentang parameter yang akan dikirim, lihat Referensi peristiwa.

Catatan: Opsi Kirim data E-commerce dapat digunakan sebagai alternatif untuk konfigurasi tag berikut.

Tampilkan konfigurasi tag

Konfigurasi tag:

• Jenis tag: Peristiwa GA4
• Nama Peristiwa: add_to_wishlist
• Variabel Lapisan Data (Nama - Nama Variabel Lapisan Data)
• Item E-commerce - ecommerce.items
• Nilai E-commerce - ecommerce.value
• Mata Uang E-commerce - ecommerce.currency
• Parameter Peristiwa (Nama Parameter - Nilai):
• items - {{Ecommerce Items}}
• value - {{Ecommerce Value}}
• currency - {{Ecommerce Currency}}
• Pemicu: peristiwa sama dengan add_to_wishlist

Konfigurasi pemicu:

• Jenis Pemicu: Peristiwa Kustom
• Nama Peristiwa: add_to_wishlist
• Pemicu ini diaktifkan pada: Semua Peristiwa Kustom

dataLayer.push({ ecommerce: null });  // Clear the previous ecommerce object.
dataLayer.push({
  event: "add_to_wishlist",
  ecommerce: {
    currency: "USD",
    value: 7.77,
    items: [
    {
      item_id: "SKU_12345",
      item_name: "Stan and Friends Tee",
      affiliation: "Google Merchandise Store",
      coupon: "SUMMER_FUN",
      discount: 2.22,
      index: 0,
      item_brand: "Google",
      item_category: "Apparel",
      item_category2: "Adult",
      item_category3: "Shirts",
      item_category4: "Crew",
      item_category5: "Short sleeve",
      item_list_id: "related_products",
      item_list_name: "Related Products",
      item_variant: "green",
      location_id: "ChIJIQBpAG2ahYAR_6128GcTUEo",
      price: 9.99,
      quantity: 1
    }
    ]
  }
});

Jika pengguna kemudian melihat keranjang, kirim peristiwa view_cart dengan semua item di keranjang. Untuk melihat detail tentang parameter yang akan dikirim, lihat Referensi peristiwa.

Catatan: Opsi Kirim data E-commerce dapat digunakan sebagai alternatif untuk konfigurasi tag berikut.

Tampilkan konfigurasi tag

Konfigurasi tag:

• Jenis tag: Peristiwa GA4
• Nama Peristiwa: view_cart
• Variabel Lapisan Data (Nama - Nama Variabel Lapisan Data)
• Item E-commerce - ecommerce.items
• Nilai E-commerce - ecommerce.value
• Mata Uang E-commerce - ecommerce.currency
• Parameter Peristiwa (Nama Parameter - Nilai):
• items - {{Ecommerce Items}}
• value - {{Ecommerce Value}}
• currency - {{Ecommerce Currency}}
• Pemicu: peristiwa sama dengan view_cart

Konfigurasi pemicu:

• Jenis Pemicu: Peristiwa Kustom
• Nama Peristiwa: view_cart
• Pemicu ini diaktifkan pada: Semua Peristiwa Kustom

dataLayer.push({ ecommerce: null });  // Clear the previous ecommerce object.
dataLayer.push({
  event: "view_cart",
  ecommerce: {
    currency: "USD",
    value: 7.77,
    items: [
    {
      item_id: "SKU_12345",
      item_name: "Stan and Friends Tee",
      affiliation: "Google Merchandise Store",
      coupon: "SUMMER_FUN",
      discount: 2.22,
      index: 0,
      item_brand: "Google",
      item_category: "Apparel",
      item_category2: "Adult",
      item_category3: "Shirts",
      item_category4: "Crew",
      item_category5: "Short sleeve",
      item_list_id: "related_products",
      item_list_name: "Related Products",
      item_variant: "green",
      location_id: "ChIJIQBpAG2ahYAR_6128GcTUEo",
      price: 9.99,
      quantity: 1
    }
    ]
  }
});

Untuk mengukur kapan pengguna menghapus item dari keranjang, kirim peristiwa remove_from_cart. Untuk melihat detail tentang parameter yang akan dikirim, lihat Referensi peristiwa.

Catatan: Opsi Kirim data E-commerce dapat digunakan sebagai alternatif untuk konfigurasi tag berikut.

Tampilkan konfigurasi tag

Konfigurasi tag:

• Jenis tag: Peristiwa GA4
• Nama Peristiwa: remove_from_cart
• Variabel Lapisan Data (Nama - Nama Variabel Lapisan Data)
• Item E-commerce - ecommerce.items
• Nilai E-commerce - ecommerce.value
• Mata Uang E-commerce - ecommerce.currency
• Parameter Peristiwa (Nama Parameter - Nilai):
• items - {{Ecommerce Items}}
• value - {{Ecommerce Value}}
• currency - {{Ecommerce Currency}}
• Pemicu: peristiwa sama dengan remove_from_cart

Konfigurasi pemicu:

• Jenis Pemicu: Peristiwa Kustom
• Nama Peristiwa: remove_from_cart
• Pemicu ini diaktifkan pada: Semua Peristiwa Kustom

dataLayer.push({ ecommerce: null });  // Clear the previous ecommerce object.
dataLayer.push({
  event: "remove_from_cart",
  ecommerce: {
    currency: "USD",
    value: 7.77,
    items: [
    {
      item_id: "SKU_12345",
      item_name: "Stan and Friends Tee",
      affiliation: "Google Merchandise Store",
      coupon: "SUMMER_FUN",
      discount: 2.22,
      index: 0,
      item_brand: "Google",
      item_category: "Apparel",
      item_category2: "Adult",
      item_category3: "Shirts",
      item_category4: "Crew",
      item_category5: "Short sleeve",
      item_list_id: "related_products",
      item_list_name: "Related Products",
      item_variant: "green",
      location_id: "ChIJIQBpAG2ahYAR_6128GcTUEo",
      price: 9.99,
      quantity: 1
    }
    ]
  }
});

Memulai proses checkout

Ukur langkah pertama dalam proses checkout dengan mengirim peristiwa begin_checkout bersama satu atau beberapa item yang ditentukan dengan kolom yang relevan: Pada tahap ini, kupon juga dapat ditambahkan ke seluruh pesanan dengan menambahkannya ke peristiwa, atau diterapkan ke item tertentu dengan menambahkannya ke elemen tertentu di array items. Untuk melihat detail tentang parameter yang akan dikirim, lihat Referensi peristiwa.

Catatan: Opsi Kirim data E-commerce dapat digunakan sebagai alternatif untuk konfigurasi tag berikut.

Tampilkan konfigurasi tag

Konfigurasi tag:

• Jenis tag: Peristiwa GA4
• Nama Peristiwa: begin_checkout
• Variabel Lapisan Data (Nama - Nama Variabel Lapisan Data)
• Item E-commerce - ecommerce.items
• Nilai E-commerce - ecommerce.value
• Mata Uang E-commerce - ecommerce.currency
• Kupon E-Commerce - ecommerce.coupon
• Parameter Peristiwa (Nama Parameter - Nilai):
• items - {{Ecommerce Items}}
• value - {{Ecommerce Value}}
• currency - {{Ecommerce Currency}}
• coupon - {{Ecommerce Coupon}}
• Pemicu: peristiwa sama dengan begin_checkout

Konfigurasi pemicu:

• Jenis Pemicu: Peristiwa Kustom
• Nama Peristiwa: begin_checkout
• Pemicu ini diaktifkan pada: Semua Peristiwa Kustom

dataLayer.push({ ecommerce: null });  // Clear the previous ecommerce object.
dataLayer.push({
  event: "begin_checkout",
  ecommerce: {
    currency: "USD",
    value: 7.77,
    coupon: "SUMMER_FUN",
    items: [
    {
      item_id: "SKU_12345",
      item_name: "Stan and Friends Tee",
      affiliation: "Google Merchandise Store",
      coupon: "SUMMER_FUN",
      discount: 2.22,
      index: 0,
      item_brand: "Google",
      item_category: "Apparel",
      item_category2: "Adult",
      item_category3: "Shirts",
      item_category4: "Crew",
      item_category5: "Short sleeve",
      item_list_id: "related_products",
      item_list_name: "Related Products",
      item_variant: "green",
      location_id: "ChIJIQBpAG2ahYAR_6128GcTUEo",
      price: 9.99,
      quantity: 1
    }
    ]
  }
});

Saat pengguna melanjutkan ke langkah berikutnya dalam proses checkout dan menambahkan informasi pengiriman, kirim peristiwa add_shipping_info. Gunakan parameter shipping_tier untuk menentukan opsi pengiriman pengguna, seperti "Darat", "Udara", atau "Hari berikutnya". Untuk melihat detail tentang parameter yang akan dikirim, lihat Referensi peristiwa.

Catatan: Opsi Kirim data E-commerce dapat digunakan sebagai alternatif untuk konfigurasi tag berikut.

Tampilkan konfigurasi tag

Konfigurasi tag:

• Jenis tag: Peristiwa GA4
• Nama Peristiwa: add_shipping_info
• Variabel Lapisan Data (Nama - Nama Variabel Lapisan Data)
• Item E-commerce - ecommerce.items
• Nilai E-commerce - ecommerce.value
• Mata Uang E-commerce - ecommerce.currency
• Kupon E-Commerce - ecommerce.coupon
• Jenis Pengiriman E-commerce - ecommerce.shipping_tier
• Parameter Peristiwa (Nama Parameter - Nilai):
• items - {{Ecommerce Items}}
• value - {{Ecommerce Value}}
• currency - {{Ecommerce Currency}}
• coupon - {{Ecommerce Coupon}}
• shipping_tier - {{Ecommerce Shipping Tier}}
• Pemicu: peristiwa sama dengan add_shipping_info

Konfigurasi pemicu:

• Jenis Pemicu: Peristiwa Kustom
• Nama Peristiwa: add_shipping_info
• Pemicu ini diaktifkan pada: Semua Peristiwa Kustom

dataLayer.push({ ecommerce: null });  // Clear the previous ecommerce object.
dataLayer.push({
  event: "add_shipping_info",
  ecommerce: {
    currency: "USD",
    value: 7.77,
    coupon: "SUMMER_FUN",
    shipping_tier: "Ground",
    items: [
    {
      item_id: "SKU_12345",
      item_name: "Stan and Friends Tee",
      affiliation: "Google Merchandise Store",
      coupon: "SUMMER_FUN",
      discount: 2.22,
      index: 0,
      item_brand: "Google",
      item_category: "Apparel",
      item_category2: "Adult",
      item_category3: "Shirts",
      item_category4: "Crew",
      item_category5: "Short sleeve",
      item_list_id: "related_products",
      item_list_name: "Related Products",
      item_variant: "green",
      location_id: "ChIJIQBpAG2ahYAR_6128GcTUEo",
      price: 9.99,
      quantity: 1
    }
    ]
  }
});

Kirim peristiwa add_payment_info saat pengguna mengirimkan informasi pembayaran mereka. Jika berlaku, sertakan payment_type dalam peristiwa ini untuk metode pembayaran yang dipilih. Untuk melihat detail tentang parameter yang akan dikirim, lihat Referensi peristiwa.

Catatan: Opsi Kirim data E-commerce dapat digunakan sebagai alternatif untuk konfigurasi tag berikut.

Tampilkan konfigurasi tag

Konfigurasi tag:

• Jenis tag: Peristiwa GA4
• Nama Peristiwa: add_payment_info
• Variabel Lapisan Data (Nama - Nama Variabel Lapisan Data)
• Item E-commerce - ecommerce.items
• Nilai E-commerce - ecommerce.value
• Mata Uang E-commerce - ecommerce.currency
• Kupon E-Commerce - ecommerce.coupon
• Jenis Pembayaran E-commerce - ecommerce.payment_type
• Parameter Peristiwa (Nama Parameter - Nilai):
• items - {{Ecommerce Items}}
• value - {{Ecommerce Value}}
• currency - {{Ecommerce Currency}}
• coupon - {{Ecommerce Coupon}}
• payment_type - {{Jenis Pembayaran E-commerce}}
• Pemicu: peristiwa sama dengan add_payment_info

Konfigurasi pemicu:

• Jenis Pemicu: Peristiwa Kustom
• Nama Peristiwa: add_payment_info
• Pemicu ini diaktifkan pada: Semua Peristiwa Kustom

dataLayer.push({ ecommerce: null });  // Clear the previous ecommerce object.
dataLayer.push({
  event: "add_payment_info",
  ecommerce: {
    currency: "USD",
    value: 7.77,
    coupon: "SUMMER_FUN",
    payment_type: "Credit Card",
    items: [
    {
      item_id: "SKU_12345",
      item_name: "Stan and Friends Tee",
      affiliation: "Google Merchandise Store",
      coupon: "SUMMER_FUN",
      discount: 2.22,
      index: 0,
      item_brand: "Google",
      item_category: "Apparel",
      item_category2: "Adult",
      item_category3: "Shirts",
      item_category4: "Crew",
      item_category5: "Short sleeve",
      item_list_id: "related_products",
      item_list_name: "Related Products",
      item_variant: "green",
      location_id: "ChIJIQBpAG2ahYAR_6128GcTUEo",
      price: 9.99,
      quantity: 1
    }
    ]
  }
});

Melakukan pembelian atau pengembalian dana

Ukur pembelian dengan mengirimkan peristiwa purchase dengan satu atau beberapa item yang ditentukan dengan kolom yang relevan. Untuk melihat detail tentang parameter yang akan dikirim, lihat Referensi peristiwa.

Catatan: Opsi Kirim data E-commerce dapat digunakan sebagai alternatif untuk konfigurasi tag berikut.

Tampilkan konfigurasi tag

Konfigurasi tag:

• Jenis tag: Peristiwa GA4
• Nama Peristiwa: purchase
• Item E-commerce - ecommerce.items
• ID Transaksi E-commerce - ecommerce.transaction_id
• Nilai E-commerce - ecommerce.value
• Pajak E-commerce - ecommerce.tax
• Pengiriman E-commerce - ecommerce.shipping
• Mata Uang E-commerce - ecommerce.currency
• Kupon E-Commerce - ecommerce.coupon
• Parameter Peristiwa (Nama Parameter - Nilai):
• items - {{Ecommerce Items}}
• transaction_id - {{Ecommerce Transaction ID}}
• value - {{Ecommerce Value}}
• tax - {{Ecommerce Tax}}
• shipping - {{Ecommerce Shipping}}
• currency - {{Ecommerce Currency}}
• coupon - {{Ecommerce Coupon}}
• Pemicu: peristiwa sama dengan purchase

Konfigurasi pemicu:

• Jenis Pemicu: Peristiwa Kustom
• Nama Peristiwa: purchase
• Pemicu ini diaktifkan pada: Semua Peristiwa Kustom

dataLayer.push({ ecommerce: null });  // Clear the previous ecommerce object.
dataLayer.push({
  event: "purchase",
  ecommerce: {
      transaction_id: "T_12345",
      value: 25.42,
      tax: 4.90,
      shipping: 5.99,
      currency: "USD",
      coupon: "SUMMER_SALE",
      items: [
       {
        item_id: "SKU_12345",
        item_name: "Stan and Friends Tee",
        affiliation: "Google Merchandise Store",
        coupon: "SUMMER_FUN",
        discount: 2.22,
        index: 0,
        item_brand: "Google",
        item_category: "Apparel",
        item_category2: "Adult",
        item_category3: "Shirts",
        item_category4: "Crew",
        item_category5: "Short sleeve",
        item_list_id: "related_products",
        item_list_name: "Related Products",
        item_variant: "green",
        location_id: "ChIJIQBpAG2ahYAR_6128GcTUEo",
        price: 9.99,
        quantity: 1
      },
      {
        item_id: "SKU_12346",
        item_name: "Google Grey Women's Tee",
        affiliation: "Google Merchandise Store",
        coupon: "SUMMER_FUN",
        discount: 3.33,
        index: 1,
        item_brand: "Google",
        item_category: "Apparel",
        item_category2: "Adult",
        item_category3: "Shirts",
        item_category4: "Crew",
        item_category5: "Short sleeve",
        item_list_id: "related_products",
        item_list_name: "Related Products",
        item_variant: "gray",
        location_id: "ChIJIQBpAG2ahYAR_6128GcTUEo",
        price: 20.99,
        promotion_id: "P_12345",
        promotion_name: "Summer Sale",
        quantity: 1
      }]
  }
});

Catatan: Peristiwa purchase akan menggantikan ecommerce_purchase dan berbeda dengan peristiwa in_app_purchase, yang dilaporkan secara otomatis.

Ukur pengembalian dana dengan mengirim peristiwa refund dengan transaction_id relevan yang ditentukan serta satu atau beberapa item yang ditetapkan dengan item_id dan quantity. Sebaiknya sertakan informasi item dalam peristiwa refund untuk melihat metrik pengembalian dana tingkat item di Analytics.

Untuk melihat detail tentang parameter yang akan dikirim, lihat Referensi peristiwa.

Catatan: Opsi Kirim data E-commerce dapat digunakan sebagai alternatif untuk konfigurasi tag berikut.

Tampilkan konfigurasi tag

Konfigurasi tag:

• Jenis tag: Peristiwa GA4
• Nama Peristiwa: refund
• Variabel Lapisan Data (Nama - Nama Variabel Lapisan Data)
• Item E-commerce - ecommerce.items
• ID Transaksi E-commerce - ecommerce.transaction_id
• Nilai E-commerce - ecommerce.value
• Pajak E-commerce - ecommerce.tax
• Pengiriman E-commerce - ecommerce.shipping
• Mata Uang E-commerce - ecommerce.currency
• Kupon E-Commerce - ecommerce.coupon
• Parameter Peristiwa (Nama Parameter - Nilai):
• items - {{Ecommerce Items}}
• transaction_id - {{Ecommerce Transaction ID}}
• value - {{Ecommerce Value}}
• tax - {{Ecommerce Tax}}
• shipping - {{Ecommerce Shipping}}
• currency - {{Ecommerce Currency}}
• coupon - {{Ecommerce Coupon}}
• Pemicu: peristiwa sama dengan refund

Konfigurasi pemicu:

• Jenis Pemicu: Peristiwa Kustom
• Nama Peristiwa: refund
• Pemicu ini diaktifkan pada: Semua Peristiwa Kustom

dataLayer.push({ ecommerce: null });  // Clear the previous ecommerce object.
dataLayer.push({
  event: "refund",
  ecommerce: {
    currency: "USD",
    transaction_id: "T_12345", // Transaction ID. Required for purchases and refunds.
    value: 12.21,
    coupon: "SUMMER_FUN",
    shipping: 3.33,
    tax: 1.11,
    items: [
    {
      item_id: "SKU_12345",
      item_name: "Stan and Friends Tee",
      affiliation: "Google Merchandise Store",
      coupon: "SUMMER_FUN",
      discount: 2.22,
      index: 0,
      item_brand: "Google",
      item_category: "Apparel",
      item_category2: "Adult",
      item_category3: "Shirts",
      item_category4: "Crew",
      item_category5: "Short sleeve",
      item_list_id: "related_products",
      item_list_name: "Related Products",
      item_variant: "green",
      location_id: "ChIJIQBpAG2ahYAR_6128GcTUEo",
      price: 9.99,
      quantity: 1
    }
    ]
  }
});

Catatan: Peristiwa pengembalian dana akan menggantikan ecommerce_refund.

Menerapkan promosi

E-commerce menyertakan dukungan untuk mengukur tayangan dan klik promosi internal, seperti banner yang ditampilkan untuk mempromosikan diskon.

Tayangan promosi biasanya diukur menggunakan tampilan layar awal dengan mengirimkan peristiwa view_promotion bersama parameter item untuk menentukan item yang dipromosikan. Untuk melihat detail tentang parameter yang akan dikirim, lihat Referensi peristiwa.

Catatan: Opsi Kirim data E-commerce dapat digunakan sebagai alternatif untuk konfigurasi tag berikut.

Tampilkan konfigurasi tag

Konfigurasi tag:

• Jenis tag: Peristiwa GA4
• Nama Peristiwa: view_promotion
• Variabel Lapisan Data (Nama - Nama Variabel Lapisan Data)
• Nama Materi Iklan E-commerce - ecommerce.creative_name
• Slot Materi Iklan E-commerce - ecommerce.creative_slot
• ID Promosi E-commerce - ecommerce.promotion_id
• Nama Promosi E-commerce - ecommerce.promotion_name
• Item E-commerce - ecommerce.items
• Parameter Peristiwa (Nama Parameter - Nilai):
• creative_name - {{Ecommerce Creative Name}}
• creative_slot - {{Ecommerce Creative Slot}}
• promotion_id - {{Ecommerce Promotion ID}}
• promotion_name - {{Ecommerce Promotion Name}}
• items - {{Ecommerce Items}}
• Pemicu: peristiwa sama dengan view_promotion

Konfigurasi pemicu:

• Jenis Pemicu: Peristiwa Kustom
• Nama Peristiwa: view_promotion
• Pemicu ini diaktifkan pada: Semua Peristiwa Kustom

dataLayer.push({ ecommerce: null });  // Clear the previous ecommerce object.
dataLayer.push({
  event: "view_promotion",
  ecommerce: {
    creative_name: "Summer Banner",
    creative_slot: "featured_app_1",
    promotion_id: "P_12345",
    promotion_name: "Summer Sale",
    items: [
    {
      item_id: "SKU_12345",
      item_name: "Stan and Friends Tee",
      affiliation: "Google Merchandise Store",
      coupon: "SUMMER_FUN",
      discount: 2.22,
      index: 0,
      item_brand: "Google",
      item_category: "Apparel",
      item_category2: "Adult",
      item_category3: "Shirts",
      item_category4: "Crew",
      item_category5: "Short sleeve",
      item_list_id: "related_products",
      item_list_name: "Related Products",
      item_variant: "green",
      location_id: "ChIJIQBpAG2ahYAR_6128GcTUEo",
      price: 9.99,
      quantity: 1
    }
    ]
  }
});

Untuk menunjukkan bahwa pengguna mengklik promosi, kirim peristiwa select_promotion bersama item tersebut sebagai parameter item. Untuk melihat detail tentang parameter yang akan dikirim, lihat Referensi peristiwa.

Catatan: Opsi Kirim data E-commerce dapat digunakan sebagai alternatif untuk konfigurasi tag berikut.

Tampilkan konfigurasi tag

Konfigurasi tag:

• Jenis tag: Peristiwa GA4
• Variabel Lapisan Data (Nama - Nama Variabel Lapisan Data)
• Nama Materi Iklan E-commerce - ecommerce.creative_name
• Slot Materi Iklan E-commerce - ecommerce.creative_slot
• ID Promosi E-commerce - ecommerce.promotion_id
• Nama Promosi E-commerce - ecommerce.promotion_name
• Item E-commerce - ecommerce.items
• Parameter Peristiwa (Nama Parameter - Nilai):
• creative_name - {{Ecommerce Creative Name}}
• creative_slot - {{Ecommerce Creative Slot}}
• promotion_id - {{Ecommerce Promotion ID}}
• promotion_name - {{Ecommerce Promotion Name}}
• items - {{Ecommerce Items}}
• Jenis Variabel: Variabel lapisan data - 'ecommerce.items'
• Pemicu: peristiwa sama dengan select_promotion

Konfigurasi pemicu:

• Jenis Pemicu: Peristiwa Kustom
• Nama Peristiwa: select_promotion
• Pemicu ini diaktifkan pada: Semua Peristiwa Kustom

dataLayer.push({ ecommerce: null });  // Clear the previous ecommerce object.
dataLayer.push({
  event: "select_promotion",
  ecommerce: {
    creative_name: "Summer Banner",
    creative_slot: "featured_app_1",
    promotion_id: "P_12345",
    promotion_name: "Summer Sale",
    items: [
    {
      item_id: "SKU_12345",
      item_name: "Stan and Friends Tee",
      affiliation: "Google Merchandise Store",
      coupon: "SUMMER_FUN",
      discount: 2.22,
      index: 0,
      item_brand: "Google",
      item_category: "Apparel",
      item_category2: "Adult",
      item_category3: "Shirts",
      item_category4: "Crew",
      item_category5: "Short sleeve",
      item_list_id: "related_products",
      item_list_name: "Related Products",
      item_variant: "green",
      location_id: "ChIJIQBpAG2ahYAR_6128GcTUEo",
      price: 9.99,
      quantity: 1
    }
    ]
  }
});

Menggunakan Variabel JavaScript Kustom

Jika situs Anda tidak mendukung lapisan data, Anda dapat menggunakan Variabel JavaScript Kustom untuk memanggil fungsi yang menampilkan objek data e-commerce. Objek ini harus menggunakan sintaksis lapisan data yang ditunjukkan sebelumnya dalam panduan ini; misalnya:

// A Custom JavaScript Variable that returns an ecommerceData object
// that follows the data layer syntax.
function getEcommerceData() {
  var ecommerceProductData = [
    {
      item_name: "Stan and Friends Tee",
      item_id: "SKU_12345",  // ID is required.
      // Rest of the product data should follow the data layer syntax.
    },
    // Multiple products may be included.
  ];
  return ecommerceProductData;
}

Jika memilih untuk menggunakan Variabel JavaScript Kustom, Anda dapat menggunakannya dengan cara yang sama seperti menggunakan lapisan data. Anda dapat menyediakan nilai dari parameter 'items' sebagai parameter peristiwa di konfigurasi tag.

Konfigurasi tag:

• Jenis tag: Peristiwa GA4
• Nama Peristiwa: apa pun
• Baca data dari Variabel: {{gaEcommerceData}}
• Pemicu: peristiwa sama dengan gtm.dom

Setelan Variabel gaEcommerceData

• Jenis variabel: JavaScript Kustom
• Isi fungsi: Gunakan contoh di atas

Catatan: Contoh konfigurasi tag menggunakan DOM Siap Pakai (gtm.dom) untuk memicu tag Peristiwa Google Analytics 4. Anda harus menggunakan DOM Siap Pakai jika ingin memuat semua elemen di halaman sebelum mengirimkan peristiwa sehingga Anda dapat mengambil nilai dari Document Object Model (DOM). Misalnya, Anda dapat menggunakan DOM Siap Pakai untuk peristiwa view_item_list agar item yang dilihat seseorang dimuat sebelum mengirimkan peristiwa.