Menghapus tag duplikat setelah bermigrasi ke aplikasi Google & YouTube di Shopify

Setelah memigrasikan pengukuran Google Ads dan Google Analytics toko Shopify Anda ke aplikasi Google & YouTube, Anda harus menghapus tag duplikat yang sebelumnya diinstal. Jika saat ini Anda mengajukan bid untuk konversi Shopify yang dilacak piksel kustom, pastikan untuk mengalihkan tindakan konversi ke tindakan yang diukur oleh aplikasi Google & YouTube. Pelajari lebih lanjut cara Memigrasikan tag ke aplikasi Google & YouTube

Jika tidak menghapus pemberian tag duplikat, Anda mungkin melihat:

  • Pelacakan duplikat
  • Data yang tidak akurat
  • Dampak negatif pada pengoptimalan kampanye iklan Anda

Cara memperbaiki masalah

Baca bagian berikut di bawah untuk mengetahui petunjuk tentang cara menghapus tag duplikat berdasarkan tempat Anda menerapkannya:

Menghapus tag piksel kustom duplikat

Google Analytics [Video] Remove duplicate custom pixel 2nd entry

  1. Dari admin Shopify, buka Settings, lalu Customer events.
  2. Temukan piksel kustom yang ingin Anda nonaktifkan.
  3. Klik Disconnect di samping piksel.
  4. Untuk menghapus piksel sepenuhnya, klik Delete, lalu konfirmasi penghapusan.

Menghapus tag langsung duplikat dari skrip tambahan

Catatan: Bagian Order status page additional scripts di admin Shopify Anda tidak dapat diperluas. Jika Anda memiliki banyak kode di bagian ini, pertimbangkan untuk menyalin dan menempelkan kode ke alat editor teks eksternal untuk menemukan skrip tertentu yang ingin Anda nonaktifkan.

Jika Anda telah mengupgrade halaman Terima Kasih, skrip tambahan tidak lagi dapat diakses atau didukung dalam alur checkout baru. Skrip ini seharusnya berhenti berfungsi secara otomatis, sehingga tidak perlu dihapus secara manual.

  1. Dari admin Shopify, buka Settings, lalu Checkout.
  2. Di bagian "Additional scripts", temukan skrip yang ingin Anda hapus.
  3. Klik Disable script.
  4. Periksa tag Google Anda untuk memastikan bahwa peristiwa masih diterima.

Menghapus tag langsung duplikat dari checkout.liquid

Jika Anda telah mengupgrade halaman Terima Kasih, skrip check.liquid tidak lagi dapat diakses atau didukung dalam alur checkout baru. Skrip ini seharusnya berhenti berfungsi secara otomatis, sehingga tidak perlu dihapus secara manual.

Google Analytics [Video] Remove duplicate direct tags from checkout liquid All steps

Langkah 1: Cadangkan tema Anda

Google Analytics [Video] Remove duplicate direct tags from checkout liquid Step 1

  1. Dari admin Shopify, buka Online Store, lalu Themes.
  2. Temukan tema yang saat ini Anda gunakan dengan label “Current theme”, lalu klik tiga titik, kemudian Duplicate. Tindakan ini akan membuat salinan lengkap tema Anda, sehingga Anda dapat mengembalikannya jika terjadi kesalahan.

Langkah 2: Akses checkout.liquid

Google Analytics [Video] Remove duplicate direct tags from checkout liquid Step 2

  1. Dari admin Shopify, buka Online Store, lalu Themes.
  2. Temukan tema yang saat ini Anda gunakan dengan label “Current theme” (atau salinan duplikat yang baru saja Anda buat, jika Anda lebih suka mengerjakannya di salinan) dan klik ikon tiga titik, lalu Edit code.
  3. Di sidebar sebelah kiri, scroll ke bawah ke bagian "Layout", lalu klik checkout.liquid.

Langkah 3: Identifikasi dan hapus tag duplikat

Google Analytics [Video] Remove duplicate direct tags from checkout liquid Steps 3 4

Identifikasi dengan cermat tag yang sebelumnya digunakan untuk pelacakan dan kini ditangani oleh aplikasi Google & YouTube. Tag ini biasanya mencakup Google Analytics, pengukuran konversi Google Ads, Merchant Center, Floodlight, dan mungkin Google Tag Manager. Ikuti langkah-langkah di bawah untuk mengidentifikasi dan menghapus tag duplikat:

Cuplikan kode umum yang harus dicari (dan dihapus):

  • Tag Google Analytics lama (Universal Analytics atau GA4)

Cari tag skrip yang berisi google-analytics.com/analytics.js.

  • Universal Analytics (UA-XXXXX-Y):

<script>

(function(i,s,o,g,r,a,m){i['GoogleAnalyticsObject']=r;i[r]=i[r]||function(){

(i[r].q=i[r].q||[]).push(arguments)},i[r].l=1*new Date();a=s.createElement(o),

m=s.getElementsByTagName(o)[0];a.async=1;a.src=g;m.parentNode.insertBefore(a,m)

})(window,document,'script','https://www.google-analytics.com/analytics.js','ga');

ga('create', 'UA-XXXXX-Y', 'auto');

ga('send', 'pageview');

</script>

  • gtag.js untuk Google Analytics (GA4) , Tracking Konversi Google Ads, Merchant Center, atau Floodlight: Cari tag <script> yang berisi googletagmanager.com/gtag/js?

<script async src="https://www.googletagmanager.com/gtag/js?id=X-XXXXXXXXXX"></script>

<script>

  window.dataLayer = window.dataLayer || [];

  function gtag(){dataLayer.push(arguments);}

  gtag('js', new Date());

  gtag('config', 'X-XXXXXXXXXX');

</script>

  • Cuplikan peristiwa
    • Cari tag <script> yang berisi gtag (‘event’...)

<script>

  gtag('event', 'XXXX', {

      'send_to': 'XX-XXXXXXXXX/YYYYYYYYYY',

      'value': {{ checkout.total_price | money_without_currency | remove: "," }},

      'currency': '{{ shop.currency }}',

      'transaction_id': '{{ order.order_number }}'

  });

</script>

  • Cuplikan Google Tag Manager (GTM)
  • Jika menggunakan GTM, Anda biasanya akan memiliki dua bagian: tag <script> di <head> dan tag <noscript> tepat setelah tag <body>.

<script>(function(w,d,s,l,i){w[l]=w[l]||[];w[l].push({'gtm.start':

new Date().getTime(),event:'gtm.js'});var f=d.getElementsByTagName(s)[0],

j=d.createElement(s),dl=l!='dataLayer'?'&l='+l:'';j.async=true;j.src=

'https://www.googletagmanager.com/gtm.js?id='+i+dl;f.parentNode.insertBefore(j,f);

})(window,document,'script','dataLayer','GTM-XXXXXXX');</script>
  • Untuk bagian <noscript>:

<noscript><iframe src="https://www.googletagmanager.com/ns.html?id=GTM-XXXXXXX"

height="0" width="0" style="display:none;visibility:hidden"></iframe></noscript>

Langkah-langkah untuk Menghapus:

  1. Periksa file checkout.liquid Anda dengan cermat. Scroll dan cari cuplikan kode yang mirip dengan contoh di atas.
  2. Tandai seluruh blok kode yang terkait dengan tag duplikat. Tandai juga tag skrip pembuka dan penutup, serta komentar apa pun yang terkait dengannya.
  3. Hapus kode yang ditandai.

Pertimbangan Penting:

  • Jangan menghapus kode Liquid Shopify yang penting: Berhati-hatilah agar tidak menghapus objek atau tag Liquid yang merupakan bagian dari fungsi inti Shopify (misalnya: {{ content_for_header }}, {{ content_for_layout }}, {{ page_title }}, dan lainnya).
  • Cari pernyataan bersyarat: Terkadang, kode pelacakan digabungkan dalam {% if first_time_accessed %} atau {% if thank_you_page %}. Pastikan untuk menghapus kode dalam kondisi ini juga.
  • Fungsi penelusuran: Gunakan fungsi penelusuran dalam editor kode (Cmd/Ctrl + F) untuk menelusuri ID umum seperti gtag, UA-, AW-, GTM-, google-analytics.com, googletagmanager.com, googleadservices.com.

Langkah 4: Simpan perubahan Anda

  1. Setelah menghapus kode duplikat, klik tombol Save di sudut kanan atas editor.

Langkah 5: Uji proses checkout Anda

  1. Yang terpenting, lakukan pembelian percobaan di toko Anda. Lakukan seluruh proses checkout untuk memastikan semuanya berfungsi dengan benar.
  2. Verifikasi pelacakan: Gunakan alat seperti Google Tag Assistant untuk memverifikasi bahwa tag Anda diaktifkan dengan benar hanya dari aplikasi Google & YouTube dan bukan dari file checkout.liquid.

Jika Anda tidak yakin dengan kode tertentu, sebaiknya konsultasikan dengan developer atau pakar Shopify.

Menghapus tag duplikat dari theme.liquid

Google Analytics [Video] Remove duplicate tags from theme liquid All steps

Langkah 1: Cadangkan tema Anda

  1. Dari admin Shopify, buka Online Store, lalu Themes.
  2. Temukan tema yang saat ini Anda gunakan dan klik ikon tiga titik, lalu Duplicate. Tindakan ini akan membuat salinan lengkap tema Anda, sehingga Anda dapat mengembalikannya jika terjadi kesalahan.

Langkah 2: Akses theme.liquid

Google Analytics [Video] Remove duplicate tags from theme liquid Step 2

  1. Dari admin Shopify, buka Online Store, lalu Themes.
  2. Temukan tema yang saat ini Anda gunakan (atau salinan duplikat yang baru saja Anda buat) dan klik ikon tiga titik, lalu Edit code.
  3. Di sidebar sebelah kiri, di bagian "Layout", klik theme.liquid.

Langkah 3: Identifikasi dan hapus tag duplikat

Google Analytics [Video] Remove duplicate tags from theme liquid Steps 3 4

Sama seperti checkout.liquid, Anda perlu mencari cuplikan kode yang terkait dengan Google Analytics, Google Ads, dan Google Tag Manager yang sebelumnya Anda tambahkan secara manual dan kini ditangani oleh aplikasi Google & YouTube. Cuplikan ini biasanya ditempatkan dalam bagian <head> pada file theme.liquid Anda. Ikuti langkah-langkah di bawah untuk mengidentifikasi dan menghapus tag duplikat:

Cuplikan kode umum yang harus dicari (dan dihapus):

  • Tag Google Analytics lama (Universal Analytics atau GA4)

Cari tag skrip yang berisi google-analytics.com/analytics.js.

  • Universal Analytics (UA-XXXXX-Y):

<script>

(function(i,s,o,g,r,a,m){i['GoogleAnalyticsObject']=r;i[r]=i[r]||function(){

(i[r].q=i[r].q||[]).push(arguments)},i[r].l=1*new Date();a=s.createElement(o),

m=s.getElementsByTagName(o)[0];a.async=1;a.src=g;m.parentNode.insertBefore(a,m)

})(window,document,'script','https://www.google-analytics.com/analytics.js','ga');

ga('create', 'UA-XXXXX-Y', 'auto');

ga('send', 'pageview');

</script>

  • gtag.js untuk Google Analytics (GA4) , Tracking Konversi Google Ads, Merchant Center, atau Floodlight: Cari tag <script> yang berisi googletagmanager.com/gtag/js?

<script async src="https://www.googletagmanager.com/gtag/js?id=X-XXXXXXXXXX"></script>

<script>

  window.dataLayer = window.dataLayer || [];

  function gtag(){dataLayer.push(arguments);}

  gtag('js', new Date());

  gtag('config', 'X-XXXXXXXXXX');

</script>

  • Cuplikan peristiwa
    • Cari tag <script> yang berisi gtag (‘event’...)

<script>

  gtag('event', 'XXXX', {

      'send_to': 'XX-XXXXXXXXX/YYYYYYYYYY',

      'value': {{ checkout.total_price | money_without_currency | remove: "," }},

      'currency': '{{ shop.currency }}',

      'transaction_id': '{{ order.order_number }}'

  });

</script>

  • Cuplikan Google Tag Manager (GTM)
  • Jika menggunakan GTM, Anda biasanya akan memiliki dua bagian: tag <script> di <head> dan tag <noscript> tepat setelah tag <body>.

<script>(function(w,d,s,l,i){w[l]=w[l]||[];w[l].push({'gtm.start':

new Date().getTime(),event:'gtm.js'});var f=d.getElementsByTagName(s)[0],

j=d.createElement(s),dl=l!='dataLayer'?'&l='+l:'';j.async=true;j.src=

'https://www.googletagmanager.com/gtm.js?id='+i+dl;f.parentNode.insertBefore(j,f);

})(window,document,'script','dataLayer','GTM-XXXXXXX');</script>
  • Untuk bagian <noscript>:

<noscript><iframe src="https://www.googletagmanager.com/ns.html?id=GTM-XXXXXXX"

height="0" width="0" style="display:none;visibility:hidden"></iframe></noscript>

Langkah-langkah untuk Menghapus:

  1. Periksa file theme.liquid Anda dengan cermat. Scroll dan cari cuplikan kode yang mirip dengan contoh di atas. Cuplikan ini biasanya ditemukan dalam bagian <head>, tetapi terkadang tag skrip dapat berada di bagian bawah <body> sebelum tag </body> penutup.
  2. Tandai seluruh blok kode yang terkait dengan tag duplikat. Tandai juga tag skrip pembuka dan penutup, serta komentar apa pun yang terkait dengannya.
  3. Hapus kode yang ditandai.

Pertimbangan Penting:

  • Jangan menghapus kode Liquid Shopify yang penting: Berhati-hatilah agar tidak menghapus objek atau tag Liquid yang merupakan bagian dari fungsi inti Shopify (misalnya: {{ content_for_header }}, {{ content_for_layout }}, {{ page_title }}, dan lainnya).
  • Cari pernyataan bersyarat: Terkadang, kode pelacakan digabungkan dalam {% if template == 'index' %} atau logika bersyarat lainnya. Pastikan untuk menghapus kode dalam kondisi ini juga jika kode tersebut merupakan duplikat.
  • Fungsi penelusuran: Gunakan fungsi penelusuran dalam editor kode (Cmd/Ctrl + F) untuk menelusuri ID umum seperti gtag, UA-, AW-, GTM-, google-analytics.com, googletagmanager.com, googleadservices.com.

Langkah 4: Simpan perubahan Anda

  1. Setelah menghapus kode duplikat, klik tombol Save di sudut kanan atas editor.

Langkah 5: Uji toko Anda

  1. Buka berbagai halaman di toko Anda (halaman beranda, halaman produk, halaman koleksi).
  2. Gunakan Google Tag Assistant (ekstensi Chrome) untuk memverifikasi bahwa tag Anda diaktifkan dengan benar hanya dari aplikasi Google & YouTube, bukan dari file theme.liquid. Anda akan melihat tag yang terkait dengan aplikasi Google & YouTube yang diaktifkan, dan tidak lagi melihat tag duplikat lama.

Jika Anda tidak yakin tentang penghapusan kode tertentu, sebaiknya konsultasikan dengan pakar Shopify atau developer web.

Langkah berikutnya

Setelah melakukan perubahan yang diminta, periksa apakah Anda telah memperbaiki masalah dengan memastikan masalah tidak lagi tercantum di halaman "Needs attention".

Apakah ini membantu?

Bagaimana cara meningkatkannya?

Perlu bantuan lain?

Coba langkah-langkah selanjutnya berikut:

Posting ke komunitas bantuan Dapatkan jawaban dari anggota komunitas
Hubungi kami Beri tahu kami selengkapnya dan kami akan membantu Anda
false
Telusuri
Hapus penelusuran
Tutup penelusuran
Aplikasi Google
Menu utama
11731966943250422817
true
Pusat Bantuan Penelusuran
false
true
true
true
true
true
71525
false
false
true
false