GTM Tips : Cara Membuat Tag dan Trigger di Google Tag Manager

Pahlevi.xyz, Setelah sebelumnya saya membahas tentang "Memaksimalkan Penggunaan Google Tag Manager" kali ini saya akan melanjutkan bagaimana sih Cara Membuat Tag dan Trigger di Google Tag Manager? Saya jelaskan kembali sedikit ya tentang Tag dan Trigger yang ada di Google Tag Manager.

Tag adalah code HTML, biasanya Javascript yang harus ditampilkan di website, entah di header atau di body. Terbayang gak jika seandainya kita memiliki 10 kode yang harus dimasukan ke head HTML web kita. Okelah itu tidak masalah untuk seoarang programmer atau developer. Tapi terkadang bagian marketing yang tidak mengerti tentang pemrogramman juga membutuhkan. Lah kok bisa? Tentu saja, masih ingat tentang produk google bernama Google Analytics? Bukankah kita harus menyisipkan code Js di head HTML kita? atau Facebook Pixel yang juga mengharuskan kita untuk menyisipkan code-nya. Produk-produk tersebut sangat berguna bagi divisi marketing, dan disinilah GTM memerankan perannya. Jadi code tersebut nantinya kita sebut dengan nama TAG agar lebih mudah dipahami. Selanjutnya adalah

Trigger, sesuai artinya trigger adalah pemicu. Trigger disini berfungsi untuk memicu Tag kapan harus berjalan. Kita bisa mengaturnya agar Tag berjalan saat semua atau sebagian halaman di load, kita juga bisa mengaturnya dengan deep scrolling (kedalaman scroll), timer, atau saat even (click) dieksekusi. Tanpa perlu paham jquery ataupun code lainnya. Tanpa trigger ini, seorang programmer harus memikirkan bagaimana code (tag) bisa berjalan sesuai keinginan) tapi berkat tools GTM ini semua jadi mudah dilakukan.

Contoh Penggunaan Tag & Trigger

Saya akan memberikan contoh dengan Membuat Popup Form Subscribe Mailchimp dengan memanfaatkan Tag dan Trigger GTM.

  • Pertama silahkan login ke Google Tag Managermu. Lalu lihat di menu sebelah kiri dan klik Menu Tag dan akan muncul List tag yang kamu miliki.
    Tag at GTM
  • Kemudian klik tombol merah bertuliskan Baru atau New. Setelah itu klik pada area konfigurasi Tag dan akan muncul pilihan, cari Pilihan Khusus dan pilih HTML Khusus.
    konfigurasi
  • Lalu akan muncul kembali elemen dengan kotak tempat kamu memasang script popup yang kamu dapat dari Mailchimp (untuk bagian ini tidak saya bahas disini). dan Paste atau tempelkan kode tersebut disana. Beri nama Tag mu lalu simpan. Setelah itu biasanya akan muncul konfirmasi untuk membuat pemicu.

  • Trigger atau pemicu yang dibuat adalah tergantung seleramu, disini saya akan membuat pemicu yaitu saat scroll dilakukan dengan kedalaman 25% maka Tag (popup) dijalankan.
  • Pilih menu pemicu, dan klik Baru atau New, kemudian klik di area konfigurasi pemicu atau trigger. akan muncul pilihan dan pilih pada bagian interaksi pengguna dan klik kedalaman scroll.

Baca juga : Memaksimalkan Penggunaan Google Tag Manager

  • Beri centang pada scroll vertical dan isi dengan value 25 (nilainya berupa persen %)
  • Lalu lihat pada bagian "Pemicu diaktifkan pada" disitu ada pilihan semua halaman atau beberapa halaman. Jadi kamu bisa menentukan halaman mana yang akan berfungsi atau berefek dengan pemicu tersebut. Pilih saja semua halaman. Kemudian berinama pemicumu dan simpan

Selamat Tag dan Trigger mu sudah selesai dibuat, tapi masih belum dipublish ya. Pertama kamu harus mencoba apakah tag dan triggermu berjalan. Untuk mencobanya silahkan klik pada Pratinjau. Kamu akan diarahkan ke halaman pratinjau. Kemudian buka websitemu.

Pratinjau Mode GTM

Selama kamu ada di mode pratinjau, maka di bagian bawah websitemu akan terlihat dashboard tag manager yang menunjukan Tags Fired On This Page dan Tags Not Fired On This Page. Pertama lihat apakah tagmu ada di bagian not fired. Kemudian coba lakukan scrolling hingga 25% layar. Apakah tag tersebut berpindah tempat ke On fired dan muncul di Halaman sesuai keinginan. Jika semua sudah berjalan dengan semestinya berarti kamu sukses membuat Tag dan Trigger tersebut. Keluar dari mode pratinjau dan klik Publish. Beri nama versi GTM mu dan save.

exit pratinjau

Mudah kan membuat Tag dan Trigger di GTM, intinya adalah sering-sering latihan dan bereksperimen. Karena penggunaan GTM ini sangat-sangat memudahkanmu dan membuat code di HTML websitemu jadi rapi. dan kamu bebas membuat Tag sesuka hatimu.