Langsung ke konten
Bantuan
Desain dan pengaturan builder

Bagaimana cara menambahkan JavaScript custom ke seluruh toko saya?

Tambahkan JavaScript Anda sendiri ke setiap halaman toko dengan tab JavaScript custom di builder. Kapan kode berjalan, mengapa kode tidak berjalan lagi di setiap halaman, error, dan mengapa tag pelacakan dan kode verifikasi sebaiknya lewat aplikasi.

3 menit baca

Tab JavaScript custom menjalankan JavaScript Anda sendiri di toko Anda. Gunakan untuk perilaku kecil yang tidak dicakup oleh pengaturan builder dan aplikasi.

Di mana menemukannya

Buka builder, klik ikon roda gigi, lalu buka tab JavaScript custom. Kotaknya bernama Kode JavaScript: Berlaku untuk seluruh toko. Tempel kode Anda tanpa tag <script>. Tulis JavaScript biasa saja.

Kapan kode Anda berjalan

  • Kode berjalan sekali saat pembeli membuka toko Anda, setelah halaman ditampilkan.
  • Kode tidak berjalan lagi di setiap halaman. Saat pembeli pindah ke halaman lain di dalam toko Anda, halaman berganti tanpa memuat ulang sepenuhnya, jadi kode Anda tidak dijalankan untuk kedua kalinya. Jika kode Anda mengubah elemen di satu halaman, buat kode itu menangani pergantian halaman, atau gunakan bagian Kode custom di halaman itu.
  • Di pratinjau builder, kode juga berjalan, dan berjalan lagi saat Anda mengubahnya.
  • Kode Anda berjalan di ruangnya sendiri, jadi nama yang Anda deklarasikan tidak bentrok dengan toko. Jika kode Anda memunculkan error saat berjalan, error itu ditangkap dan tidak merusak toko Anda. Error-nya disembunyikan, jadi jika tidak terjadi apa-apa, uji kode Anda langkah demi langkah.

Gunakan aplikasi jika memungkinkan

Banyak skrip yang ditempel penjual di sini punya aplikasi khusus yang melakukannya dengan lebih baik:

  • Pelacakan Facebook, TikTok, Snapchat, Pinterest, X, atau Google Ads: gunakan aplikasi pixel. Lihat Pixel dan Conversion API.
  • Google Analytics atau tag yang Anda kelola di Google Tag Manager: gunakan aplikasi Google Tag Manager.
  • Kode verifikasi untuk Google Search Console, Meta, TikTok, atau Snapchat: gunakan aplikasi Domain Verifier. Kode di tab ini tidak sampai ke bagian head halaman Anda seperti yang dibutuhkan verifikasi.
  • Live chat: lihat Live chat Crisp.

Aplikasi-aplikasi ini mengirim event seperti pembelian pada saat yang tepat untuk Anda.

Kode untuk seluruh toko atau bagian Kode custom

  • Tab JavaScript custom: setiap halaman, berjalan sekali per kunjungan.
  • Bagian Kode custom: satu halaman, dengan HTML, CSS, dan JavaScript-nya sendiri, dan berjalan setiap kali bagian itu ditampilkan. Lihat Kode custom.

Tips

  • Jangan pernah menempelkan kunci rahasia atau kata sandi. Siapa pun bisa membaca kode ini di browser mereka.
  • Uji di toko live Anda di ponsel dan komputer setelah memublikasikan.
  • Skrip pihak ketiga bisa memperlambat toko Anda. Tambahkan hanya yang Anda butuhkan.
  • Jika ada yang rusak, kosongkan kotaknya, publikasikan, lalu tambahkan kode Anda kembali sedikit demi sedikit.
  • Asisten AI yang terhubung ke toko Anda membutuhkan izin Anda untuk mengubah kode custom. Lihat Kelola akses asisten.

Perlu diketahui

JavaScript custom milik pasar yang sedang Anda edit. Ulangi di setiap pasar yang membutuhkannya. Perubahan tayang saat Anda mengklik Publikasikan.

Masih butuh bantuan?

Tulis pesan kepada kami dan kami akan menjawab Anda.

Hubungi kami