Terima kasih telah melihat pratinjau dokumentasi platform tag Google yang baru. Situs ini berstatus beta versi publik. (Masukan)

Menginstal Google Tag Manager untuk halaman web

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.

  1. Di Google Tag Manager, klik Ruang Kerja.
  2. Klik ID penampung Anda (dalam format GTM-XXXXXX) di bagian atas jendela untuk meluncurkan jendela Instal Tag Manager
    GTMID
  3. 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.
    Layar penginstalan Tag Manager
  4. Opsional, tetapi direkomendasikan: Instal objek lapisan data. Lapisan data akan memungkinkan pengukuran yang lebih andal untuk konfigurasi tag Anda.
  5. 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: