Anda dapat melacak semua pembelian dengan menyiapkan peristiwa pembelian di situs Anda dan menautkannya ke Merchant Center. Artikel ini menjelaskan cara menyiapkan peristiwa pembelian di situs Anda.
Sebelum memulai
Untuk melacak pembelian, pastikan tag Google ditambahkan ke situs Anda. Jika Anda belum menambahkannya, Anda dapat membuat tag Google yang baru lalu menggunakannya di situs Anda. Pelajari cara Menginstal tag Google (gtag.js).
Cara kerjanya
Untuk mengumpulkan data pembelian, Anda harus melacak peristiwa pembelian di situs Anda. Anda dapat melacak peristiwa ini dengan menentukannya di situs Anda.
Berikut adalah 2 contoh cara mengirim peristiwa pembelian dari situs Anda.
Contoh 1: Mengirim peristiwa pembelian saat halaman dibuka
Anda harus menempatkan peristiwa pembelian di halaman situs tempat seseorang melakukan pembelian. Misalnya, Anda dapat menambahkan peristiwa di halaman konfirmasi yang muncul saat seseorang melakukan pembelian. Tutorial ini menunjukkan cara menambahkan peristiwa ke halaman tempat seseorang mengklik tombol "Beli".
Tempatkan peristiwa dalam tag <script> di akhir tag <body>. Penempatan peristiwa secara langsung dalam tag <script> akan memicu peristiwa saat halaman dimuat.
Kode contoh
<!--
Catatan: Pada contoh kode berikut, ganti
"TAG_ID" dengan ID tag Anda.
Pelajari lebih lanjut: https://support.google.com/tagmanager/answer/12326985
-->
<!DOCTYPE html>
<html lang="en">
<head>
<!-- Instal tag Google (gtag.js) -->
<!-- Tag Google (gtag.js) -->
<script async src="https://www.googletagmanager.com/gtag/js?id=TAG_ID"></script>
<script>
window.dataLayer = window.dataLayer || [];
function gtag(){dataLayer.push(arguments);}
gtag('js', new Date());
gtag('config', 'TAG_ID');
</script>
</head>
<body>
<div> Konfirmasi pembelian akan ada di sini </div>
<script>
gtag("event", "purchase", {
transaction_id: "T_12345_1",
affiliation: "Google Merchandise Store",
value: 25.42,
tax: 4.90,
shipping: 5.99,
currency: "USD",
coupon: "SUMMER_SALE",
items: [
// Jika seseorang membeli lebih dari satu item,
// Anda dapat menambahkan item ke array item
{
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
}]
});
</script>
</body>
</html>
Contoh 2: Mengirim peristiwa pembelian saat tombol diklik
Anda dapat menyiapkan peristiwa pembelian dengan beberapa cara sehingga akan terpicu saat seseorang mengklik tombol "Beli". Salah satu caranya adalah menambahkan ID ke tombol "Beli", lalu menempatkan kode peristiwanya dalam pemroses peristiwa. Pada contoh di bawah, peristiwa hanya dikirim saat seseorang mengklik tombol dengan pembelian ID.
Kode contoh
<!--
Catatan: Pada contoh kode berikut, ganti
"TAG_ID" dengan ID tag Anda.
Pelajari lebih lanjut: https://support.google.com/tagmanager/answer/12326985
-->
<!DOCTYPE html>
<html lang="en">
<head>
<!-- Instal tag Google (gtag.js)-->
<!-- Tag Google (gtag.js) -->
<script async src="https://www.googletagmanager.com/gtag/js?id=TAG_ID"></script>
<script>
window.dataLayer = window.dataLayer || [];
function gtag(){dataLayer.push(arguments);}
gtag('js', new Date());
gtag('config', 'TAG_ID');
</script>
</head>
<body>
<div>Formulir pembelian akan ada di sini</div>
<button id="purchase">Beli</button>
<script>
document.getElementById("purchase").addEventListener("click", function () {
gtag("event", "purchase", {
// Peristiwa pembelian ini menggunakan ID transaksi berbeda
// dari peristiwa pembelian sebelumnya sehingga Analytics
// tidak menghapus duplikat peristiwa.
// Pelajari lebih lanjut: https://support.google.com/analytics/answer/12313109
transaction_id: "T_12345_2",
affiliation: "Google Merchandise Store",
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
}]
});
});
</script>
</body>
</html>
Menautkan peristiwa pembelian ke Merchant Center
Anda dapat menautkan peristiwa pembelian ke Merchant Center menggunakan sumber peristiwa utama.
Pelajari cara menambahkan sumber peristiwa utama di Merchant Center.