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

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.

  1. Jika Anda belum melakukannya, buat akun dan penampung Google Tag Manager.
  2. Di Google Tag Manager, klik Ruang Kerja.
  3. Di dekat bagian atas jendela, temukan ID penampung, dengan format GTM-XXXXXX. Klik ID penampung untuk membuka jendela Instal Tag Manager.
    GTMID
  4. 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.
    Layar penginstalan Tag Manager
  5. Opsional, tetapi direkomendasikan: Instal objek lapisan data. Lapisan data akan memungkinkan pengukuran yang lebih andal untuk konfigurasi tag Anda.
  6. 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: