Memasang kode pelacakan dan cuplikan di situs EdCommerce Anda

Last updated: October 9, 2026

Untuk mengintegrasikan cuplikan kode ke situs web Anda, biasanya Anda mengikuti langkah-langkah berikut:

Langkah 1. Dapatkan kode cuplikan

Temukan dan salin kode cuplikan dari layanan atau platform yang Anda integrasikan. Ini dapat mencakup piksel pelacakan, widget obrolan, sematan formulir, atau kode lain yang disediakan oleh layanan tersebut.

Jika Anda mencoba memasang kode Google Tag Manager atau Meta Pixel, ikuti bagian khusus di bawah ini:

  • Memasang Meta Pixel
  • Memasang Google Tag Manager

Langkah 2. Tambahkan kode cuplikan Anda ke EdCommerce

Menambahkan skrip ke EdCommerce sangatlah mudah, Anda hanya perlu mengakses area Integrasi dan mengeklik "Tambahkan Kode Skrip".

Isi bidang integrasi skrip sebagai berikut:

  • Nama: Tambahkan nama untuk cuplikan Anda. Anda dapat menggunakan nama alat yang sedang Anda integrasikan.
  • Sisipkan Ke: Head atau Body (ini akan bergantung pada petunjuk dari layanan yang sedang Anda integrasikan).
  • Kode: Salin kode cuplikan yang sesuai yang Anda temukan di platform aplikasi lain dan tempelkan di sini.

Langkah 3: Periksa kembali bahwa integrasi Anda berfungsi dengan benar

Proses untuk memastikan bahwa integrasi Anda berfungsi dengan benar dapat berbeda-beda, tergantung pada platform yang Anda integrasikan. Sangat penting untuk meninjau petunjuk integrasi khusus yang disediakan oleh layanan atau platform yang sedang Anda gunakan, karena petunjuk tersebut mungkin berisi persyaratan atau rekomendasi tambahan untuk mengintegrasikan cuplikan kode mereka.

Memasang Google Tag Manager

Langkah 1 - Dapatkan Cuplikan Kode Anda dari Google Tag Manager

Untuk memulai, masuk ke akun Google Tag Manager Anda di <https://tagmanager.google.com>

Setelah masuk, Anda akan melihat daftar container yang terkait dengan akun Anda. Pilih container yang ingin Anda gunakan, atau buat yang baru untuk EdCommerce.

Setelah memilih container, buka container tersebut untuk mengakses isinya. Dalam ikhtisar container, cari ID container di menu bilah atas dan klik ID tersebut (biasanya dimulai dengan GTM-XXX).

Anda akan menemukan dua cuplikan kode: satu untuk bagian <head> dan satu lagi untuk bagian <body> situs web Anda. Untuk EdCommerce, kami hanya akan menggunakan kode di bagian <head>.

Langkah 2. Tambahkan Cuplikan Kode Anda ke EdCommerce

Menambahkan kode cuplikan Anda ke EdCommerce sangatlah mudah, Anda hanya perlu mengakses area integrasi dan mengeklik tombol "Tambahkan Kode Skrip".

Isi bidang integrasi skrip sebagai berikut:

  • Nama: Tambahkan nama ke cuplikan Anda, misalnya Google Tag Manager.
  • Sisipkan Ke: Head (Kami tidak akan menggunakan body untuk Google Tag Manager)
  • Kode: Salin kode cuplikan "header" yang sesuai yang Anda temukan di Google Tag Manager di sini.

Langkah 3: Verifikasi Apakah Google Tag Manager Anda Berfungsi dengan Benar

Cara termudah untuk memverifikasi apakah Anda telah melakukan instalasi dengan benar adalah dengan memasang ekstensi Google Tag Assistant Chrome dari Chrome Web Store.

Kemudian, ikuti langkah-langkah berikut:

  1. Buka situs web Anda di Google Chrome.
  2. Klik ikon ekstensi Tag Assistant di bilah alat Chrome Anda.
  3. Jendela pop-up akan muncul. Klik "Aktifkan" untuk mulai merekam.
  4. Jelajahi situs web Anda dan lakukan tindakan yang memicu tagar yang telah Anda siapkan di Google Tag Manager.
  5. Setelah Anda menyelesaikan tindakan, klik lagi ikon ekstensi Tag Assistant.
  6. Tag Assistant akan menganalisis tagar yang terpicu di setiap halaman dan memberikan laporan.
  7. Tinjau laporan untuk menemukan kesalahan atau peringatan apa pun yang terkait dengan penyiapan Google Tag Manager Anda.

Laporan Tag Assistant akan menunjukkan apakah tagar dari kontainer Google Tag Manager Anda terpicu dengan benar atau apakah ada masalah. Pastikan untuk menguji berbagai skenario di situs web Anda guna memastikan semua tagar yang diinginkan terpicu sesuai harapan.

Selain itu, Anda juga dapat memeriksa bagian "Real-Time" di Google Analytics untuk melihat apakah data diterima dari situs web Anda. Jika Anda melihat data real-time muncul di Google Analytics saat melakukan tindakan di situs EdCommerce Anda, itu menunjukkan bahwa Google Tag Manager Anda mengirimkan data ke Google Analytics dengan benar.

Memasang Meta Pixel

Jika Anda telah menyiapkan Meta Pixel menggunakan tag IMG atau berencana melakukannya, kami menyarankan Anda mengikuti dokumentasi pengembang Facebook.

Dalam artikel ini, kami akan menunjukkan cara menyiapkan dan memasang Meta Pixel di situs EdCommerce Anda. Untuk mempelajari lebih lanjut tentang pixel sebelum memulai, lihat manfaat memasang Meta Pixel.

Jika Anda telah membuat Meta Pixel dan ingin menemukan kode dasar pixel Anda, lewati ke Langkah 2: Tambahkan pixel Anda ke EdCommerce.

Langkah 1: Buat dan Siapkan Meta Pixel

  1. Buka Events Manager.
  2. Klik Hubungkan sumber data dan pilih Web.
  3. Pilih Meta Pixel dan klik Hubungkan.
  4. Tambahkan nama Pixel Anda.
  5. Masukkan URL situs web Anda untuk memeriksa opsi penyiapan yang mudah.
  6. Klik Lanjutkan.

\Anda dapat menemukan informasi selengkapnya di [Pusat Bantuan Meta Business.*](https://www.facebook.com/business/help/952192354843755?id=1205376682832142)

Langkah 2. Tambahkan pixel Anda ke EdCommerce

Anda akan menambahkan Meta Pixel ke EdCommerce secara manual, jadi Anda perlu menyalin skrip dari Meta Events Manager dan menempelkannya ke header situs EdCommerce Anda.

Menambahkan skrip ke EdCommerce sangat mudah, Anda hanya perlu mengakses area Integrasi dan mengeklik "Tambahkan Kode Skrip"

Isi kolom integrasi skrip sebagai berikut:

  • Nama: Tambahkan nama untuk skrip Anda, misalnya Meta Pixel atau Facebook Pixel
  • Sisipkan Ke: Head (Kami tidak akan menggunakan body untuk Meta Pixel)
  • Kode: Salin kode yang ditemukan di Meta Events Manager di sini.

Dan klik "Simpan".

Langkah 3: Periksa kembali apakah Meta Pixel Anda berfungsi dengan benar

Untuk memeriksa apakah Facebook Pixel Anda terhubung dan berfungsi dengan baik, Anda dapat mengikuti langkah-langkah berikut:

  1. Masuk ke akun Facebook Business Manager Anda di https://business.facebook.com.
  2. Buka tab "Sumber Data" di bilah sisi kiri.
  3. Di bagian "Pixel", Anda akan melihat Facebook Pixel Anda tercantum. Jika terhubung dan berfungsi dengan benar, akan ada titik hijau yang menunjukkan bahwa pixel tersebut aktif.
  4. Klik nama Pixel Anda untuk mengakses pengaturan dan detail lebih lanjut.
  5. Di dalam pengaturan Pixel, Anda dapat meninjau peristiwa yang sedang dilacak, memeriksa kesalahan atau peringatan, dan melihat aktivitas Pixel terbaru.