Cara Memasang Google Tag Manager di Wordpress dan Blogger
2018-07-12 17:36:33 +0700 +07

Ingin coba memasang Google Tag Manager di blog? Tenang saja… dalam artikel ini Saya akan membagikan panduan atau cara memasang Google Tag Manager di Wordpress, blogspot atau apapun platform yang Kamu gunakan, dan bukan cuma itu saja.

Sebagai bonus Kita akan mengimplementasikan Google Tag Manager (baca:GTM) dengan cara menautkannya dengan akun Google Analytics (baca:GA). Yuk langsung saja simak langkah-langkahnya.

Persiapan

Instalasi GTM kurang lebih hampir sama dengan cara memasang GA yaitu pembuatan akun lalu dilanjutkan dengan pemasangan script di blog. Nah, agar semuanya berjalan dengan baik pastikan bahwa Kamu sudah mempersiapkan hal-hal dibawah ini:

  • Google Analytics
    Akun GA yang Kamu gunakan saat ini, jika belum punya silahkan buat dahulu, dengan catatan cukup mendaftar saja tida perlu memasang script-nya.

  • Google Chrome
    Pastikan peramban atau browser Google Chrome terbaru sudah terpasang dengan baik di komputer desktop atau laptop yang Kamu gunakan saat ini.

  • Google Tag Assistant
    Pasang ekstensi Google Tag Assistant di peramban Google Chrome untuk memastikan GTM dan GA berjalan dengan baik.

  • Hapus Script GA di Blog
    Hapus dan pastikan tidak ada lagi Script GA yang tersimpan di blog, Karena nantinya GA akan dipasang melalui GTM. Skip atau lewatkan langkah ini jika belum pernah menggunakan GA.

Membuat Akun GTM

Seluruh rangkaian yang akan Kamu ikuti ini akan menggunakan peramban Google Chrome. Jika saat ini Kamu menggunakan peramban lain silahkan beralih dulu ke Chrome.

  1. Buka halaman resmi GTM di tagmanager.google.com, lalu masuk dengan menggunakan akun Google milikmu.

  2. Ketika login berhasil dilakukan Kamu akan diarahkan langsung ke halaman pembuatan atau pengaturan akun GTM. Klik tombol Create Account lalu lakukan pengaturan seperti berikut ini.

    Setup Account

    Setup Account

    Setup Account

    • Account Name boleh diisi dengan nama yang Kamu kehendaki. Bisa judul blog, brand/nama kamu atau yang lainnya.

    • Country pilih Indonesia. Share data anonymously with Google and others bersifat opsional, jika bersedia centang tapi jika tidak biarkan saja.

  3. Selanjutnya klik Continue dan mengatur kontainer…

    Setup Container

    Setup Container

    Setup Container

    • Container Name isi dengan alamat domain Kamu. Perhatikan www dan non-www, pastikan yang diisi sesuai dengan alamat blog/web yang kamu gunakan saat ini.

    • Where to Use Container pilih Web karena dalam panduan ini GTM akan difungsikan dalam web atau blog.

  4. Klik tombol Create, jika sudah muncul Service Agreement centang bagian yang paling bawah lalu klik tombol Yes yang berada di kanan atas.

Install GTM di Blog

Rangkaian berikutnya adalah memasang script yang sudah disediakan oleh GTM di blog atau website milikmu.

Biarkan halaman tersebut apa adanya, sementara ini buka tab baru lalu masuk ke dashboard atau kontrol panel blog masing-masing.

# Wordpress

Bagi pengguna WP langkah-langkah pemasangan GTM ini bisa dilakukan dengan dua cara, yaitu dengan cara manual atau menggunakan bantuan plugin. Karena cara manual lebih riskan dan tricky maka dalam panduan ini Kita akan menggunakan cara kedua.

  1. Silahkan masuk ke dalam kontrol panel blog lalu pilih menu Plugins » Add New. Ketik Inpsyde Google Tag Manager di kolom pencarian. Jika sudah klik Install lalu aktifkan.

  2. Kembali ke tab dimana halaman GTM berada, klik menu Admin lalu copy ID milikmu.

    Copy ID GTM

    Copy ID GTM

  3. Buka tab kontrol panel blog lalu masuk ke menu Settings » Google Tag Manager. Jika sudah sesuaikan pengaturannya seperti contoh di bawah ini

    Pengaturan di Plugin WP

    Pengaturan di Plugin WP

    • Google Tag Manager ID paste ID yang sebelumnya sudah Kamu copy

    • Auto insert noscript in body pilih enable

  4. Klik tombol Save Changes.

# Blogger

Untuk pengguna Blogger pemasangan GTM ini hanya bisa dilakukan secara manual melalui theme, oleh karena itu harap perhatikan langkah-langkahnya dengan teliti.

  1. Masuk ke dalam kontainer GTM yang baru kamu buat lalu klik menu Admin » Install Google Tag Manager. Jika diperhatikan maka akan ada 2 buah script yang harus di pasang di blog, yaitu di bagian <head> sedangkan yang lainnya adalah tepat setelah kode <body>.

    Script GTM

    Script GTM

    Selanjutnya Kita akan memasang kedua script tersebut ke dalam template atau theme yang Kamu gunakan…

  2. Buka tab baru di Chrome lalu masuk ke kontrol panel blog dan pilih menu Theme » Edit HTML.

  3. Cari kode </head> lalu simpan script GTM yang pertama tepat sebelum kode tersebut, sedangkan script yang kedua pasang tepat dibawah kode <body>.

    Script GTM di theme blogger

    Script GTM di theme blogger

  4. Pastikan terpasang di tempat yang seharusnya. Jika sudah yakin silahkan Save.

Debug Mode (GTM)

Alon-alon asal kelakon, yuk Kita cek dulu apakah GTM sudah terpasang dengan baik atau belum caranya

  1. Buka dashboard GTM, pilih kontainer blogmu lalu klik tombol Preview
    Cek instalasi GTM

    Cek instalasi GTM

  2. Buka halaman blog milikmu di tab baru. Jika GTM terpasang dengan baik maka di bagian bawah blog akan muncul sebuah jendela tambahan seperti gambar di bawah ini
    Debug GTM

    Debug GTM

Jika jendela debug tidak muncul artinya ada yang salah atau terlewatkan dari langkah-langkah sebelumnya.

Memasang GA di GTM

Saat ini GTM belum bisa digunakan karena belum ada satupun layanan yang diintegrasikan. Nah, seperti janji Saya sebelumnya maka Kita akan mengimplementasikan fungsi alat ini dengan cara memasang GA melalui GTM.

  1. Buka tab baru di Chrome lalu masuk ke akun GA milikmu.

  2. Klik Admin lalu pilih Tracking Code di bagian properti.

    Tracking ID GA

    Tracking ID GA

  3. Copy Tracking ID milikmu

  4. Kembali ke tab GTM lalu buka menu Workspace,

  5. Pilih menu Tags di bagian kiri dilanjutkan dengan klik tombol New. Jika sudah sesuaikan pengaturannya seperti dibawah ini.

    Title Tag

    Isi judul tag dengan Google Analytics atau GA Page Views

    Tag Configuration

    Menambah Tag GA di GTM

    Menambah Tag GA di GTM

    • Tag Type pilih Universal Analytics
    • Track Type isi dengan Pageview
    • Google Analytics Settings pilih New Variable lalu
      Pengaturan GA di GTM

      Pengaturan GA di GTM

      • Judul variable isi dengan tracking ID GA yang sebelumnya sudah Kamu copy
      • Tracking Code isi dengan tracking ID GA
      • Cookie Domain biarkan auto
      • Klik Save

    Triggering

    • Pilih All Pages
      Trigger GA di GTM

      Trigger GA di GTM

    • Klik Save

Debug Mode (GA)

Debug atau pengetesan kali ini dilakukan untuk memastikan bahwa GA terpasang dengan benar di GTM. Langkah ini bisa dilakukan dengan 2 cara yaitu seperti yang Kita lakukan sebelumnya pada debug GTM atau melalui ekstensi Tag Assistant yang sudah terpasang di Chrome.

  1. Pilih menu Preview kita akan memastikan bahwa GA berfungsi dengan baik.

  2. Buka lagi halaman blogmu di tab baru dan pastikan ada jendela debug muncul seperti gambar berikut ini

    Tampilan debug GA

    Tampilan debug GA

  3. Cek menggunakan Google Tag Asistant, klik tombol enable lalu refersh halaman blog. Pastikan GTM dan GA muncul tanpa ada duplikasi.

    Tampilan debug menggunakan Tag Assistant

    Tampilan debug menggunakan Tag Assistant

  4. Jika sudah yakin silahkan kembali ke tab atau halaman GTM lalu klik tombol Submit

  5. Isi Judul dan keterangan, lalu klik tombol Publish

    Publish pemasangan GA di GTM

    Publish pemasangan GA di GTM


Selamat! GA milikmu sudah terpasang dengan baik melalui GTM. Sekarang Kamu sudah bisa mengecek laporan analytics melalui dashboard GA seperti biasanya.

Mulai saat ini seluruh pemasangan layanan baru ataupun modifikasi analytics bisa dilakukan di panel GTM tanpa perlu lagi menyentuh kode template di blog.