Cara Mengatur Pelacakan E-niaga GA4 Di Shopify

Diterbitkan: 2022-07-19

Sekarang Anda harus tahu bahwa Google akan menghentikan Universal Analytics pada Juli 2023, dan memindahkan semuanya ke GA4. Ini berarti bahwa pemilik situs web harus menyiapkan GA4 sesegera mungkin. Untuk situs web e-niaga, ada komplikasi tambahan untuk membuat pelacakan e-niaga bekerja di GA4 juga. Untuk toko Shopify, proses ini sangat sederhana di Universal Analytics, tetapi lebih menantang di GA4.

Baca terus untuk proses mudah menyiapkan pelacakan e-niaga GA4 di situs web Shopify mana pun tanpa perlu memasang aplikasi atau menggunakan pengembang.

Meskipun semua orang dapat mengikuti panduan ini, akan lebih mudah jika Anda memiliki pemahaman dasar tentang cara kerja GTM.

Buat Lapisan Data Di Shopify

Tugas pertama kita adalah membuat lapisan data. Lapisan data adalah kode sederhana yang berisi informasi tentang sesi situs web pengunjung. Informasi ini kemudian dapat diteruskan ke platform lain seperti GTM.

Kami telah membuat lapisan data untuk Anda yang berada di halaman pesanan lengkap Shopify. Secara otomatis mengisi dirinya dengan informasi tentang pesanan pelanggan, seperti nilai pesanan, biaya pengiriman dan barang yang dibeli.

Salin dan tempel skrip di bawah ini ke dalam bidang skrip 'checkout' di pengaturan admin Shopify Anda. Ini dapat ditemukan dengan membuka 'Pengaturan > Checkout & Akun > Skrip Tambahan'
Lapisan data ini mendorong peristiwa 'pembelian' ke GTM yang berisi informasi tentang pesanan pelanggan.

 {% if first_time_accessed %} <script> dataLayer.push({ ecommerce: null }); // Clear the previous ecommerce object. window.dataLayer.push({ 'event': 'purchase', ecommerce: { 'transaction_id': '{{ order.name || order.order_number }}', 'value': {{ total_price | money_without_currency | remove:',' }}, // Includes tax & shipping 'tax': {{ tax_price | money_without_currency | remove:',' }}, 'shipping': {{ shipping_price | money_without_currency | remove:',' }}, 'currency': '{{ shop.currency }}', 'payment_type': '{{ order.transactions[0].gateway }}', //optional parameter 'items': [ {% for line_item in line_items %} { 'item_id': '{{ line_item.sku || line_item.product_id }}', //if no SKU exists, use product Id 'item_name': '{{ line_item.product.title }}', 'discount': {{ line_item.line_level_total_discount | money_without_currency }}, 'item_variant': '{{ line_item.variant.title }}', 'price': {{ line_item.final_price | money_without_currency }}, 'quantity': {{ line_item.quantity }} }, {% endfor %} ]} }); </script> {% endif %}**

Buat Pemicu Penembakan di GTM

Sekarang kita perlu menyiapkan pemicu yang menyala saat pelanggan menyelesaikan pesanan. Saat pemicu diaktifkan, tag yang berisi informasi pesanan dikirim ke GA4.

Kita perlu menentukan kondisi yang memicu pembelian kita. Kondisi untuk pemicu kami adalah saat peristiwa pembelian di lapisan data kami didorong. Untuk mengatur ini:

Masuk ke GTM, buka menu sebelah kiri dan pilih 'Pemicu'
Tekan tombol biru 'Baru'
Panggil pemicu Anda 'GA4 - Beli'
Tekan ikon 'edit' di sudut jendela 'Konfigurasi Pemicu'
Di bawah 'Pilih jenis pemicu' pilih 'Acara Khusus'
Di bidang 'Nama acara' ketik 'pembelian'
Setel 'Pemicu ini aktif' ke 'Beberapa peristiwa khusus'
Setel kondisi acara ke:
Acara - Setara - Beli

Ketika Anda selesai, itu akan terlihat seperti ini:

Buat Variabel Lapisan Data di GTM

Sebelum kita menyiapkan tag kita, kita perlu membuat variabel GTM untuk mengambil informasi dari lapisan data kita. Jika variabel baru bagi Anda, anggap mereka sebagai paket yang berisi sedikit informasi.

Nilai spesifik dari lapisan data ditambahkan ke variabel ini, dan kemudian dikirim ke GA4.

Kita perlu membuat variabel untuk mengekstrak nilai berikut dari datalayer Anda:

Pendapatan Pesanan
Id pemesanan
Mata uang
Pajak
Biaya pengiriman
Barang yang Dibeli
Di GTM, dari menu kiri klik ke halaman 'Variabel'
Di kotak 'Variabel Buatan Pengguna', klik tombol 'Baru'
Pada layar ini Anda dapat membuat variabel GTM baru. Anda perlu melakukan proses berikut untuk setiap variabel yang tercantum di atas. Rincian untuk setiap variabel individu tercantum di bawah ini:

Pendapatan Pesanan

Nama: dlv - Halaman Terima Kasih - Pendapatan Pesanan

Konfigurasi Variabel: