Cara Memasang Google Tag Manager di WordPress (2023)

by | Mar 3, 2023 | Google

cara memasang google tag manager di wordpress

Tutorial cara memasang Google Tag Manager di WordPress ini disusun khusus untuk pemula agar bisa memasang Google Tag Manager dengan benar tanpa masalah teknis apa pun yang akan terjadi di website anda.

Dalam Bahasa yang Sederhana, Jelaskan Apa Itu Google Tag Manager dan Apa Fungsi Google Tag Manager?

Google tag manager (GTM) atau dalam bahasa Indonesia Google Pengelola Tag adalah tools canggih yang dapat menyederhanakan dan meningkatkan seluruh proses penggunaan tag (skrip/kode) yang berguna untuk melacak aktivitas situs web dan pemasaran digital seperti aktivitas download, scrolls, klik, isi form, video, dll.

Google tag manager mampu membuat dan melihat semua tag yang diterapkan dalam satu interface (antarmuka) sederhana, sehingga mencegah pengulangan dan potensi kesalahan dalam memasang kode, dan dapat meningkatkan efisiensi.

Google Tag Manager memiliki 3 komponen inti:

  1. Tags: berupa kode javascript atau kode tracking pixel
  2. Triggers: memberitahu GTM kapan, dimana, bagaimana mengaktifkan tag
  3. Variables: berupa informasi tambahan yang mungkin dibutuhkan GTM agar tag dan triggers berfungsi

… klik untuk ke daftar isi

Langkah-Langkah Cara Memasang Google Tag Manager di WordPress untuk Pemula

Agar tidak membingungkan dengan istilah bawaan dari Google atau WordPress, maka istilah-istilah penting tetap ditulis dalam bahasa Inggris.

  1. Download Google Tag Assistant Legacy Chrome Extension (gratis).
  2. Sign up Google Tag Manager (gratis):
  3. Isi informasi yang dibutuhkan:
    1. Account Name — Nama yang anda gunakan untuk mengidentifikasi akun ini. 
    2. Country — Negara asal.
    3. Container name — Masukan URL website anda
    4. Target platform — Dimana anda berencana memasukan Google Tag Manager (misal di website, mobile, dll)
    5. (Optional) Share data anonymously with Google (bagikan data secara anonim dengan Google).
isi info untuk pembuatan gtm
  1. Setelah selesai, klik “Create”.
  2. Anda akan melihat ‘Google Tag Manager Terms of service’ muncul. Centang pada kotak yang disediakan lalu klik “Yes”.
gtm term of service
  1. Anda akan melihat kode untuk instalasi Google Tag Manager. ABAIKAN kode ini karena anda tidak akan melakukan proses instalasi secara manual ke dalam WordPress. Klik “OK”.
  2. Saat anda sudah berada di area Workspace, CATAT Google Tag Manager ID anda.
catat id gtm
  1. Klik tombol Submit > Publish > Continue untuk mempublish kontainer Google Tag Manager anda.

… klik untuk ke daftar isi

Plugin Google Tag Manager

Metode cara memasang google tag manager yang Kilobita gunakan ini memerlukan plugin goole tag manager yang bernama GTM4WP (Google Tag Manager for WordPress)

GTM4WP ini adalah open source software yang membantu anda menempatkan kode dengan benar untuk mengubah tag <head> dan <body> di situs web anda. Selain itu juga anda dapat menambahkan fitur-fitur lain ke dalam tag, setup trigger, dll.

… klik untuk ke daftar isi

Pasang dan Konfigurasikan Plugin Google Tag Manager untuk WordPress

  1. Login ke WordPress anda.
  2. Pada menu sidebar WordPress, klik Plugins > Add New
  3. Ketik “Google Tag Manager for WordPress” di kotak search.
  4. Install plugin GTM4WP  (gambar thumbnail di bawah ini bisa jadi berbeda)
plugin gtm4wp
  1. Aktivasi pluginnya
  2. Pada menu sIdebar WordPress, klik Settings > Google Tag Manager
  3. Masukan ID Google Tag Manager anda yang sudah anda catat tadi (langkah GTM#7 di atas) ke dalam kotak yang tersedia
gtm-id
  1. Plugin ini menawarkan beberapa cara untuk menginstall kontainer yang berisi kode ke website anda (sebelum anda memilih salah satu cara di bawah ini, ada baiknya anda membackup website anda terlebih dahulu).
    1. Opsi 1: Off

      Jika anda memilih cara ini, anda tidak perlu melakukan apa-apa karena plugin akan mencoba menemukan tempat yang tepat untuk memasukan kontainer kode anda.

      Ini memang cara termudah, namun ada resiko kecil yang bisa membuat tampilan situs anda berubah.

      Jika anda ingin memilih cara ini, anda pilih ‘Off’ (no tweak, right placement) lalu klik “Save changes”

gtm4wp opsi 1

Setelah memilih ini, anda buka website anda di tab baru atau window baru, dan pastikan segala sesuatunya tidak ada yang berubah.

Jika sudah aman, lanjutkan ke langkah Cek Hasil Pemasangan Google Tag Manager.

    1. Opsi 2: Manually Coded

      Jika anda memilih cara ini, anda perlu melakukan sedikit editing pada themes anda.

      Jika theme WordPress anda memungkinkan untuk diedit dan anda terbiasa dengan theme editor, silakan pilih cara 2 ini.

      Pilih “Manually Coded (needs tweak in your template)” lalu klik “Save Changes.”

gtm4wp opsi 2
  1. Copy kode php yang disediakan oleh plugin, lalu klik “Save Changes”
copy code php gtm4wp
  1. Pada sidebar WordPress, klik Appearance > Theme Editor
  2. Pastikan themes yang akan anda edit sudah terinstall di website anda (untuk memastikannya, anda bisa cek di Appearance > Themes.
theme editor wp
  1. Pilih “Theme Header” dari list/daftar di sebelah kanan.
pilih theme header
  1. Sebagai catatan, tiap-tiap template bisa berbeda tampilan tergantung dari jenis themes yang anda gunakan. Namun, anda selalu akan menemukan kode pembukaan dari <body> tag di dalam theme header ini.
theme editor wp
  1. Paste kode php yang tadi sudah anda copy (langkah i diatas) di bawah kode pembukaan <body> tag.
paste kode gtm4wp
  1. Jika sudah, klik “Update File”

… klik untuk ke daftar isi

Cek Hasil Pemasangan Google Tag Manager

  1. Buka homepage website anda menggunakan google Chrome.
  2. Klik Google Tag Assistant Chrome Extension yang sudah anda download tadi
google tag assistant chrome extension
  1. Klik Enable
enable google tag chrome extension
  1. Refresh page chrome anda, dan klik Google Tag Assistant Chrome Extension lagi
  2. Anda akan melihat sebuah tag berwarna hijau yang menandakan Google Tag Manager yang anda pasang sudah terinstall dengan baik.
gtm bekerja dengan baik

… klik untuk ke daftar isi

Kesimpulan

Jika anda punya situs WordPress, anda perlu memasang Google Tag Manager (GTM) untuk mengoptimalkan aktivitas digital di website anda.

GTM bisa membantu anda memantau berbagai aktivitas seperti klik, download, isi form, nonton video, dan lain-lain.

Untuk memasang GTM di WordPress, anda harus mengikuti beberapa langkah, seperti menginstal plugin GTM4WP, memasukkan ID GTM kamu, dan memasukkan kontainer kode.

Semoga dengan tutorial ini, anda tidak kebingungan lagi memasang Google Tag Manager di situs WordPress anda!