Tentang Tag Manager
Google Tag Manager adalah sistem pengelolaan tag yang memungkinkan Anda memperbarui tag di situs dengan cepat dan mudah. Penginstalan Tag Manager untuk web memerlukan kode pendek yang Anda tambahkan ke halaman web. Kode ini memungkinkan Tag Manager mengaktifkan tag dengan menyisipkan tag ke dalam halaman web.
Sebelum memulai
Buat akun dan penampung Google Tag Manager. Pelajari lebih lanjut
Penginstalan standar untuk halaman web
Pada umumnya, cara termudah untuk memulai adalah menemukan kode dan petunjuk dari dalam Tag Manager.
- Di Google Tag Manager, klik Ruang Kerja.
- Klik ID penampung Anda (dalam format
GTM-XXXXXX
) di bagian atas jendela untuk meluncurkan jendela Instal Tag Manager
- Instal tag di setiap halaman situs Anda menggunakan 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 sepenuhnya 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 akan dilakukan di Tag Manager.
Penginstalan kustom untuk web
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 spesifik per produk
Klik link di bawah untuk mempelajari cara menyiapkan Tag Manager untuk produk tertentu: