Cara Install Google Tag Manager di Website (Panduan 2024)

Panduan lengkap cara install Google Tag Manager di website untuk pemula, mulai dari membuat akun, memasang kode, menghubungkan GA4, hingga menghindari kesalahan umum.

Cara Install Google Tag Manager di Website (Panduan 2024)

Panduan Install Google Tag Manager di Website untuk Pemula

Sebagian besar pemilik website masih memasang kode pelacakan langsung ke setiap halaman — satu per satu, secara manual. Bayangkan jika Anda menjalankan kampanye iklan berbayar, mengirim email marketing, dan menjalankan retargeting sekaligus. Setiap kali menambah satu tag baru, Anda harus meminta developer mengedit kode website. Proses ini tidak hanya memakan waktu, tetapi juga meningkatkan risiko kesalahan.

Google Tag Manager (GTM) mengubah semua itu. Dengan satu snippet kode yang dipasang sekali, Anda bisa menambahkan, mengedit, dan mengelola berbagai macam tag tanpa menyentuh kode website lagi. Panduan ini akan membawa Anda dari nol hingga GTM terinstal sempurna di website Anda.

Apa Itu Google Tag Manager dan Mengapa Anda Membutuhkannya

Google Tag Manager adalah platform pengelolaan tag gratis dari Google yang memungkinkan Anda menambahkan dan memperbarui snippet tracking di website tanpa menulis kode secara manual setiap kali ada perubahan.

Secara teknis, GTM bekerja sebagai kontainer pusat. Alih-alih memasang kode Google Analytics, Meta Pixel, script konversi, atau tool lainnya satu per satu, Anda cukup mengelola semuanya dari satu dashboard.

Manfaat utama menggunakan GTM:

  • Efisiensi waktu — Perubahan tag yang biasanya butuh 1–2 hari bisa selesai dalam hitungan menit
  • Mengurangi ketergantungan pada developer — Tim marketing bisa mengelola tag secara mandiri
  • Version control bawaan — Setiap perubahan bisa dilacak, dibandingkan, dan dikembalikan ke versi sebelumnya
  • Built-in debugging — Preview mode memungkinkan Anda menguji tag sebelum dipublikasikan

Catatan penting: GTM menggantikan kebutuhan memasang kode tag secara manual, tetapi bukan pengganti Google Analytics. Anda tetap perlu membuat akun Google Analytics terlebih dahulu, lalu menghubungkannya melalui GTM.

Persiapan Sebelum Install Google Tag Manager

Sebelum mulai instalasi, pastikan Anda memiliki:

  1. Akun Google — Akun Gmail aktif yang akan digunakan untuk login ke GTM
  2. Akun Google Analytics — Sudah terdaftar dan memiliki Measurement ID (format: G-XXXXXXXXXX)
  3. Akses ke dashboard website — Bisa CMS seperti WordPress, atau akses ke kode sumber website jika menggunakan platform custom

Jika website Anda masih menggunakan kode pelacakan Google Analytics versi lama (ga.js atau analytics.js), ini saatnya untuk bermigrasi ke Google Analytics 4 (GA4) melalui GTM.

Langkah-Langkah Install Google Tag Manager di Website

Langkah 1: Buat Akun dan Kontainer GTM

  1. Buka tagmanager.google.com
  2. Login dengan akun Google Anda
  3. Klik Buat Akun (Create Account)
  4. Beri nama akun — gunakan nama bisnis atau organisasi Anda
  5. Centang kotak Bagikan data secara anonim jika diinginkan, lalu klik Ya
  6. Beri nama kontainer — biasanya sesuai nama website (misalnya: websiteutama.com)
  7. Pilih target platform: Web
  8. Klik Buat

Google akan menampilkan dua snippet kode. Jangan menutup halaman ini sebelum kode berhasil dipasang.

Langkah 2: Pasang Kode GTM di Website

Anda perlu menambahkan dua bagian kode:

Bagian 1 — di dalam <head>, secepat mungkin setelah tag <head> pembuka:

<!-- 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;
j.async=true;j.src=
'https://www.googletagmanager.com/gtm.js?id='+i;f.parentNode.insertBefore(j,f);
})(window,document,'script','dataLayer','GTM-XXXXXXX');</n
</script>
<!-- End Google Tag Manager -->

Bagian 2 — di dalam <body>, segera setelah tag <body> pembuka:

<!-- Google Tag Manager (noscript) -->
<noscript><iframe src="https://www.googletagmanager.com/ns.html?id=GTM-XXXXXXX"
height="0" width="0" style="display:none;visibility:hidden"></iframe></noscript>
<!-- End Google Tag Manager (noscript) -->

Ganti GTM-XXXXXXX dengan kode kontainer Anda yang sebenarnya, misalnya GTM-K3X9Q2M.

Untuk pengguna WordPress, Anda bisa menggunakan plugin seperti Site Kit by Google atau memasukkan kode melalui tema di Appearance > Theme File Editor > header.php. Cara paling aman adalah menggunakan plugin khusus seperti Insert Headers and Footers agar kode tidak hilang saat tema di-update.

Langkah 3: Hubungkan Google Analytics ke GTM

  1. Di dashboard GTM, klik Add a new tag (Tombol biru di pojok kiri atas)
  2. Beri nama tag, misalnya: GA4 - Pageview
  3. Klik Tag Configuration, pilih Google tag: GA4
  4. Pilih Tagging Instructions > masukkan Measurement ID Google Analytics Anda
  5. Pilih Triggering > pilih All Pages agar tag aktif di seluruh halaman
  6. Klik Save

Langkah 4: Uji dengan Preview Mode

  1. Klik tombol Preview di pojok kanan atas dashboard GTM
  2. Aktifkan Preview mode dan masukkan URL website Anda
  3. Panel debug akan muncul di bagian bawah halaman menampilkan tag yang terpicu
  4. Pastikan tag GA4 Anda muncul dengan status Success

Jika tag tidak terpicu, periksa kembali apakah kode GTM sudah ditempatkan dengan benar dan tidak ada konflik dengan script lain di website.

Langkah 5: Publikasikan Versi Terbaru

Setelah yakin semua tag berjalan di preview mode:

  1. Kembali ke dashboard GTM
  2. Klik tombol Submit di pojok kanan atas
  3. Beri nama versi (misalnya: Versi 1 - Install awal GA4)
  4. Klik Publish

Selamat! Google Tag Manager kini aktif di website Anda.

Contoh Penerapan

Berikut simulasi nyata yang sering terjadi di lapangan.

Seorang pemilik toko online menggunakan WordPress ingin melacak efektivitas iklan Facebook Ads-nya. Sebelum GTM, dia harus meminta developer menambahkan Meta Pixel secara manual di file header.php — proses yang memakan waktu 1–3 hari setiap kali ada perubahan.

Setelah menginstal GTM, dia kini bisa:

  1. Membuat tag Meta Pixel langsung dari dashboard GTM tanpa menyentuh kode
  2. Menambahkan Custom Event untuk melacak klik tombol "Beli Sekarang" di halaman produk
  3. Membuat trigger khusus yang hanya mengaktifkan tag ketika pengunjung scroll halaman produk hingga 75%
  4. Menggunakan UTM parameter untuk membedakan performa iklan dari Facebook, Google Ads, dan newsletter

Total waktu yang dibutuhkan untuk setup awal: ±15 menit. Setiap penambahan tag baru: ±3–5 menit tanpa perlu developer.

Kesalahan yang Sering Terjadi saat Install Google Tag Manager

1. Meletakkan Kode di Tempat yang Salah

Salah satu kesalahan paling umum adalah menempatkan snippet <head> di dalam <body> atau sebaliknya. Hal ini menyebabkan GTM gagal mengaktifkan tag di awal pemuatan halaman. Selalu pastikan Bagian 1 berada di <head> dan Bagian 2 tepat setelah <body>.

2. Tidak Menghapus Kode Tag Lama

Banyak pengguna memasang GTM tetapi tetap menyimpan kode Google Analytics versi lama di header.php. Akibatnya, data tercatat duplikat atau bahkan konflik. Setelah GTM aktif, hapus semua kode tag manual dari kode website.

3. Melewatkan Langkah Preview dan Testing

Langsung mem-publish tanpa mengecek preview mode adalah kesalahan kritis. Tanpa testing, Anda tidak akan tahu apakah tag benar-benar terpicu, apakah ada kesalahan variabel, atau apakah trigger bekerja sesuai aturan.

4. Mengabaikan Pengaturan Consent Mode

Jika website Anda melayani pengunjung dari Eropa (termasuk Indonesia yang mengikuti standar privasi serupa), tanpa pengaturan consent, GTM bisa mengirim data sebelum pengunjung memberikan persetujuan cookie. Ini berpotensi melanggar regulasi dan mengacaukan data analytics.

5. Tidak Membedakan Environment Produksi dan Staging

Penggunaan satu kontainer GTM untuk website live dan versi development menyebabkan tag testing ter-publish ke website asli. Buat workspace terpisah atau gunakan fitur environment di GTM versi berbayar untuk menghindari hal ini.

Pertanyaan yang Sering Ditanyakan (FAQ)

Apakah Google Tag Manager gratis?

Ya, Google Tag Manager sepenuhnya gratis untuk penggunaan website dan aplikasi mobile. Tidak ada batasan jumlah tag, trigger, atau variabel dalam versi standar. Anda hanya perlu akun Google biasa untuk mulai menggunakannya.

Apakah GTM mempengaruhi kecepatan loading website?

Jika digunakan dengan benar, pengaruh GTM terhadap kecepatan loading sangat minimal. Container snippet GTM sendiri ringan dan memuat tag secara asinkronus. Namun, masalah loading bisa muncul jika Anda memasang terlalu banyak tag tanpa pengelolaan yang baik. Gunakan fitur trigger agar tag hanya aktif saat dibutuhkan, bukan di setiap halaman.

Apakah saya bisa menginstal GTM sendiri tanpa kemampuan coding?

Ya, sepenuhnya bisa. Instalasi GTM pada dasarnya adalah menyalin dan menempelkan dua snippet kode ke website Anda. Untuk platform seperti WordPress, proses ini bisa dilakukan dengan plugin tanpa menyentuh kode sama sekali. Kemampuan coding hanya diperlukan jika Anda ingin membuat custom event tracking yang lebih lanjut.


Mulai gunakan Google Tag Manager hari ini. Satu snippet kode sekarang bisa menghemat ratusan jam kerja Anda di masa depan — dan yang lebih penting, memberikan data akurat yang dibutuhkan untuk mengambil keputusan marketing yang lebih tepat.

Artikel Terkait

Lihat semua

Artikel Populer

Lihat semua