Migrasi piksel

Jika sebelumnya Anda telah menambahkan piksel secara manual ke toko di lokasi seperti theme.liquid, checkout.liquid (hanya paket Shopify Plus), Skrip tambahan di pengaturan checkout, atau halaman Preferensi, Anda dapat memigrasikan piksel tersebut agar kompatibel dengan piksel aplikasi Shopify atau piksel kustom. Beberapa manfaat memigrasikan piksel lama Anda meliputi:

Akses yang lebih mudah untuk melacak peristiwa pelanggan, termasuk peristiwa checkout.
Alat bawaan untuk kepatuhan privasi.
Pemeliharaan dan peningkatan berkelanjutan oleh Shopify dan penyedia piksel.

Pelajari selengkapnya tentang pengelola piksel Shopify, serta manfaat penuh dari migrasi ke piksel aplikasi Shopify atau piksel kustom.

Di halaman ini

Memigrasikan piksel Meta dan Google dari halaman Preferensi

Pengaturan pengelolaan piksel Meta dan Google Analytics di admin Shopify telah ditingkatkan agar sesuai dengan standar keamanan dan peraturan terbaru Standar Keamanan Data Industri Kartu Pembayaran (PCI DSS). Perubahan ini memastikan informasi bisnis dan pelanggan Anda tetap aman dari pelanggaran data dan penipuan. Pelajari selengkapnya tentang cara Shopify membantu toko Anda tetap mematuhi PCI DSS v4.

Untuk pelacakan dan performa yang paling akurat, migrasikan piksel ke salah satu saluran berikut:

Migrasikan piksel Meta Anda ke saluran Facebook & Instagram.
Migrasikan piksel Google Analytics Anda ke saluran Google & YouTube.

Memigrasikan piksel Google Analytics ke aplikasi saluran Google & YouTube

Jika Anda belum memindahkan tag ke aplikasi saluran Google & YouTube, tag tersebut telah dikonversi menjadi piksel kustom untuk menjaga kesinambungan pengukuran Anda. Hal ini dapat mengakibatkan penurunan performa pengukuran dan fitur di Google Analytics. Secara khusus, Anda dapat melihat dampak berikut:

Data yang dilaporkan di Google Analytics dapat berubah (atau, dalam beberapa kasus, hilang) karena perbedaan dalam pengukuran peristiwa dan perilaku tag.
Fitur inti Google Analytics seperti pengukuran yang ditingkatkan dan pengukuran lintas domain mungkin tidak berfungsi dengan benar.
Tag Assistant mungkin tidak berfungsi atau mungkin salah melaporkan tag GA4 Anda.
Diagnostik Tag mungkin tidak mengidentifikasi tag GA4 Anda dengan benar atau mungkin merekomendasikan fitur yang tidak berfungsi untuk Anda.
Pengaturan yang sebelumnya telah Anda tambahkan ke bagian Javascript Google Analytics Tambahan akan dihapus.
Perlakuan izin untuk tag Google Analytics Anda dapat berubah.

Memigrasikan piksel lama dari theme.liquid, checkout.liquid, atau Skrip tambahan

Anda dapat melakukan salah satu hal berikut saat memigrasikan piksel lama dari theme.liquid, checkout.liquid, atau Skrip tambahan:

Untuk menghindari duplikasi atau kehilangan peristiwa pelanggan, pertimbangkan untuk memigrasikan piksel selama periode yang tidak terlalu sibuk untuk toko.

Mempersiapkan migrasi piksel

Pertimbangkan hal berikut saat menentukan alur kerja migrasi Anda:

Jika Anda ingin meminimalkan kehilangan peristiwa pelanggan, hubungkan piksel kustom baru sebelum menghapus piksel lama.
Jika Anda ingin menghindari duplikasi pelacakan peristiwa pelanggan, hubungkan piksel kustom baru setelah menghapus piksel lama.
Untuk memigrasikan piksel lama, Anda perlu menemukan kode piksel lama agar dapat menghapus atau mengubahnya. Sebagian besar piksel memiliki dua komponen yang perlu Anda temukan:
- SDK Javascript dasar: SDK Javascript sering ditempatkan di header, dan dapat ditemukan di theme.liquid serta Skrip tambahan di pengaturan checkout.
- Kode piksel lama untuk mengumpulkan peristiwa pelanggan: Anda biasanya dapat menemukan kode ini di file liquid tema dan Skrip tambahan di pengaturan checkout. Lihat dokumentasi penyedia piksel pihak ketiga tentang lokasi peristiwa pelanggan agar Anda tahu apa yang harus dicari. Misalnya, piksel Meta memiliki metode yang disebut fbq(), dan piksel Google sering menggunakan gtag() atau dataLayer.push().

Memigrasikan piksel lama agar kompatibel dengan piksel aplikasi

Anda mungkin ingin memigrasikan piksel lama agar kompatibel dengan piksel aplikasi jika kedua kondisi berikut berlaku:

Anda telah menginstal piksel aplikasi Shopify yang mengumpulkan peristiwa pelanggan secara otomatis.
Anda juga telah menambahkan beberapa kode tambahan untuk peristiwa kustom yang tidak dilacak oleh piksel aplikasi.

Dalam kasus ini, Anda harus mengikuti instruksi pengembang aplikasi untuk memigrasikan piksel lama.

Memigrasikan piksel lama ke piksel kustom

Anda mungkin ingin memigrasikan piksel lama ke piksel kustom jika kedua kondisi berikut berlaku:

Anda sudah menginstal piksel dengan menulis kode secara manual, tanpa menggunakan aplikasi Shopify.
Tidak ada piksel aplikasi Shopify yang memenuhi persyaratan Anda.

Anda dapat menghubungkan piksel kustom baru sebelum atau sesudah menghapus kode piksel lama.

Langkah-langkah:

Buat piksel kustom yang berlangganan event pelanggan standar dan kustom yang Anda perlukan.
Hapus atau ganti kode piksel yang ditambahkan sebelumnya dari file liquid Anda atau Skrip tambahan di pengaturan checkout. Ini dapat mencakup kode piksel lama yang menyertakan SDK Javascript, mengumpulkan event standar, atau mengumpulkan event nonstandar.
Tambahkan piksel kustom Anda ke toko.
Hubungkan piksel kustom Anda.

Menghapus atau mengganti kode piksel lama

Saat Anda menemukan kode piksel lama, Anda perlu menghapusnya atau menggantinya dengan metode Shopify.analytics.publish() dari Shopify, bergantung pada jenis event yang dilacak oleh piksel:

Anda dapat menghapus semua instans SDK Javascript yang Anda temukan.
Jika piksel lama melacak event pelanggan standar, dan piksel kustom atau piksel aplikasi yang ingin Anda tambahkan mendukung pengumpulan event pelanggan standar, maka sebaiknya Anda menghapus kodenya.
Jika piksel lama melacak event pelanggan kustom, dan piksel kustom atau aplikasi yang ingin Anda tambahkan mendukung pengumpulan event pelanggan kustom, maka sebaiknya Anda mengganti kodenya.

Berikut ini contoh kode piksel lama yang melacak event pelanggan nonstandar:

<script>fbq("trackCustom", "my_custom_event");</script>

Berikut ini contoh kode yang setara untuk menggantinya:

<script>Shopify.analytics.publish("my_custom_event");</script>

Jika Anda membuat piksel kustom, maka Anda sebaiknya menyertakan kode yang berlangganan event kustom, seperti contoh berikut:

analytics.subscribe("my_custom_event", event => {
  fbq("trackCustom", "my_custom_event");
});

Penyelesaian masalah setelah migrasi

Setelah bermigrasi ke web pixel, Anda mungkin akan melihat perbedaan jumlah event yang dilacak dibandingkan pengaturan Anda sebelumnya. Karena ada beberapa bot yang tidak memicu sandbox web pixel, wajar jika terjadi penurunan pada jumlah event dengan persentase satu digit. Jika Anda melihat ketidaksesuaian yang lebih besar, tinjau bagian ini untuk mengetahui kemungkinan penyebabnya.

Gunakan daftar periksa berikut untuk membantu Anda mengidentifikasi sumber ketidaksesuaian:

Konfirmasikan bahwa semua event yang diharapkan telah terpicu.
Konfirmasikan bahwa logika implementasi pada pengaturan lama dan baru Anda adalah sama.
Konfirmasikan bahwa setiap event hanya dilacak 1 kali.
Konfirmasikan bahwa Anda membandingkan angka dari layanan analitik yang sama.
Konfirmasikan bahwa pengaturan privasi Anda cocok dengan pengaturan yang sebelumnya.
Jika persetujuan diperlukan, konfirmasikan bahwa Anda mengumpulkannya.

Pilih masalah yang sesuai dengan yang Anda alami, lalu ikuti langkah-langkah penyelesaian masalahnya.

Beberapa event tidak terpicu.

Verifikasikan bahwa semua event yang diharapkan telah terpicu. Jika event tidak terpicu, event tersebut tidak dapat dilacak.

Untuk men-debug, tambahkan console.log pada kode piksel Anda lalu periksa apakah data dikirim ke mitra analitik di fitur pengembang pada browser Anda. Jika event tidak terpicu, periksa apakah ada kesalahan pada kode piksel Anda.

Definisi atau logika event berubah.

Definisi event seperti page_viewed atau checkout_started bisa berbeda-beda untuk setiap implementasi. Contohnya, jika Anda sebelumnya melacak tayangan produk dengan pencocokan jalur URL, tetapi kini menggunakan event standar Shopify, hasilnya mungkin berbeda.

Pastikan implementasi baru Anda menggunakan logika yang sama dengan yang lama. Jika logika implementasinya berbeda, wajar apabila ada perbedaan dalam jumlah event.

Event dihitung lebih dari 1 kali.

Masalah umum yang terjadi saat bermigrasi adalah pelacakan event yang sama lebih dari 1 kali. Event yang sama dapat dilacak di lebih dari 1 tempat, seperti kode tema, aplikasi, atau di bagian Event pelanggan pada admin Anda. Jika Anda sebelumnya telah menambahkan kode pelacakan melalui Skrip tambahan atau checkout.liquid, sisa kode yang tertinggal juga bisa menyebabkan duplikasi pelacakan.

Untuk memeriksa duplikasi pelacakan, buka fitur pengembang di browser Anda lalu periksa apakah ada beberapa permintaan ke titik akhir analitik yang sama saat memuat satu halaman atau saat satu event berlangsung.

Angka berbeda-beda di berbagai layanan analitik.

Layanan analitik yang berbeda memproses dan menyaring data dengan cara berbeda. Sebagian layanan menyaring traffic yang dicurigai sebagai bot. Layanan lainnya membuat estimasi untuk data yang hilang. Jangan bandingkan jumlah peristiwa di layanan yang berbeda-beda, bahkan antara Google Analytics dan GA4, yang memproses data dengan cara berbeda.

Untuk membandingkan hasil secara akurat, buat akun atau piksel terpisah untuk layanan yang sama dan jalankan secara paralel.

Pengaturan privasi memblokir peristiwa.

Web pixel selalu mematuhi pengaturan privasi toko Anda. Jika pengaturan piksel Anda sebelumnya tidak mematuhinya, Anda mungkin melihat jumlah peristiwa terlacak yang lebih sedikit setelah migrasi.

Dari admin Shopify Anda, buka Pengaturan > Privasi pelanggan dan pastikan pengaturan Anda cocok dengan konfigurasi sebelumnya.

Alat persetujuan pihak ketiga tidak tersinkronisasi ke Shopify.

Jika Anda menggunakan alat persetujuan pihak ketiga untuk mengelola persetujuan cookie, web pixel Anda mungkin tidak terpicu untuk pelanggan yang persetujuannya belum disinkronkan ke Shopify. Hal ini bisa terjadi apabila alat persetujuan Anda tidak menggunakan Customer Privacy API.

Untuk memperbaikinya, pastikan alat persetujuan Anda menyinkronkan status persetujuan ke Shopify menggunakan Customer Privacy API.