Google Tag Manager adalah sistem pengelolaan tag yang memungkinkan Anda memperbarui tag dan cuplikan kode di situs dengan cepat dan mudah. Luncurkan Google Tag Manager.
Artikel ini menjelaskan penginstalan Tag Manager untuk halaman web. Untuk platform lain, baca dokumentasi untuk penginstalan Android, iOS, atau Server.
Penginstalan Tag Manager untuk web memerlukan potongan kecil kode yang Anda tambahkan ke halaman web atau aplikasi seluler. Kode ini memungkinkan Tag Manager mengaktifkan tag dengan menyisipkan tag ke halaman web atau aplikasi seluler.
Penginstalan halaman web standar
Pada umumnya, cara termudah untuk memulai adalah menemukan kode dan petunjuk dari dalam Tag Manager.
- Jika Anda belum melakukannya, buat akun dan penampung Google Tag Manager.
- Di Google Tag Manager, klik Ruang Kerja.
- Di dekat bagian atas jendela, temukan ID penampung, dengan format
GTM-XXXXXX
. Klik ID penampung untuk membuka jendela Instal Tag Manager.
- Salin kode dan instal di semua halaman berdasarkan petunjuk yang diberikan.
Blok kode pertama sebaiknya ditempatkan tepat setelah tag
<head>
pembuka halaman web, atau setinggi mungkin di<head>
. Hal ini membantu memastikan konfigurasi Tag Manager Anda tersedia, dan siap saat halaman lainnya dimuat. - Opsional, tetapi direkomendasikan: Instal objek lapisan data. Lapisan data akan memungkinkan pengukuran yang lebih andal untuk konfigurasi tag Anda.
- Publikasikan penampung Anda.
Setelah penginstalan Tag Manager selesai, semua konfigurasi tag dilakukan dari dalam antarmuka pengguna Tag Manager.
Penginstalan web kustom
Dalam kasus yang jarang terjadi (misalnya, saat membuat template baru untuk sistem pengelolaan konten atau template e-commerce), Anda dapat membuat kode tag gtm.js kustom. Tambahkan kode berikut sehingga berada sedekat mungkin dengan tag <head>
pembuka di setiap halaman situs Anda. Ganti GTM-XXXXXX
dengan ID penampung Anda:
<!-- Google Tag Manager -->
<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-XXXXXX');</script>
<!-- End Google Tag Manager -->
Selanjutnya, tambahkan kode ini tepat setelah elemen <body>
pembuka di setiap halaman situs Anda. Ganti GTM-XXXXXX
dengan ID penampung Anda:
<!-- Google Tag Manager (noscript) -->
<noscript><iframe src="https://www.googletagmanager.com/ns.html?id=GTM-XXXXXX"
height="0" width="0" style="display:none;visibility:hidden"></iframe></noscript>
<!-- End Google Tag Manager (noscript) -->
Mendapatkan panduan penyiapan khusus produk
Klik link di bawah untuk mempelajari cara menyiapkan Tag Manager untuk produk tertentu: