Langsung ke konten

Tracking Event: Klik Tombol dan Link

Arie Setiawan Arie Setiawan · · Artikel

Lacak progres belajar kamu

Masuk dan daftar kursus ini untuk melacak kemajuan belajar kamu.

Sekarang saatnya belajar tracking yang lebih spesifik dari sekadar pageview. Kamu akan membuat tracking untuk dua hal yang paling umum di website bisnis Indonesia: klik tombol CTA dan klik link ke WhatsApp atau marketplace.

Kenapa Tracking Klik Itu Penting?

Bayangkan kamu punya landing page dengan tombol “Hubungi via WhatsApp”. Tanpa tracking klik, kamu cuma tahu ada 500 orang yang mengunjungi halaman itu. Tapi kamu tidak tahu berapa banyak yang benar-benar mengklik tombol WhatsApp.

Bisa jadi dari 500 pengunjung halaman, yang klik cuma 5 orang. Dan ini bisa menjadi sinyal bahwa ada masalah: mungkin tombolnya kurang terlihat, pesannya kurang meyakinkan, atau posisinya terlalu jauh di bawah halaman. Tanpa data klik, kamu hanya bisa menebak-nebak.

Mengaktifkan Built-in Variables untuk Klik

Sebelum membuat trigger klik, pastikan built-in variables yang berkaitan dengan klik sudah diaktifkan:

  1. Buka Variables di sidebar GTM
  2. Di bagian Built-In Variables, klik Configure
  3. Centang semua variable di kategori Clicks:
    • Click Element
    • Click Classes
    • Click ID
    • Click URL
    • Click Text
  4. Simpan

Variable-variable ini yang nanti dipakai oleh trigger untuk mengenali elemen mana yang diklik.

Praktek 1: Tracking Klik Tombol WhatsApp

Skenario: website kamu punya tombol dengan teks “Chat WhatsApp” yang mengarah ke wa.me/628xxxxxxxx.

Contoh floating button WhatsApp di website Gambar 5.1: Contoh floating button WhatsApp di pojok kanan bawah website

Buat Trigger:

  1. Klik Triggers > New
  2. Beri nama: Trigger - Klik WhatsApp
  3. Pilih tipe: Click - Just Links (karena tombol WhatsApp biasanya berupa link <a>)
  4. Centang Some Link Clicks
  5. Atur kondisi: Click URLcontainswa.me
  6. Simpan

Membuat trigger Click - Just Links untuk tombol WhatsApp Gambar 5.2: Alur pembuatan trigger — pilih Just Links, set kondisi Click URL contains “wa.me”

Buat Tag:

  1. Klik Tags > New
  2. Beri nama: GA4 Event - Klik WhatsApp
  3. Tag Configuration: Google Analytics: GA4 Event
  4. Measurement ID: pilih variable constant yang sudah dibuat di modul 4 (atau ketik manual)
  5. Event Name: klik_whatsapp
  6. Di bagian Event Parameters, tambahkan:
    • Parameter Name: link_url / Value: {{Click URL}}
    • Parameter Name: page_location / Value: {{Page URL}}
  7. Triggering: pilih Trigger - Klik WhatsApp
  8. Simpan

Konfigurasi GA4 Event Tag untuk klik WhatsApp Gambar 5.3: Tag GA4 Event — isi Measurement ID, Event Name “klik_whatsapp”, dan event parameters

Praktek 2: Tracking Klik Tombol CTA (All Elements)

Skenario: kamu punya tombol <button> dengan teks “Daftar Sekarang” (bukan link <a>).

Karena ini elemen <button>, bukan link, kamu perlu pakai tipe trigger yang berbeda:

Buat Trigger:

  1. Klik Triggers > New
  2. Beri nama: Trigger - Klik Daftar Sekarang
  3. Pilih tipe: Click - All Elements (ini menangkap klik pada elemen apa saja, bukan hanya link)
  4. Centang Some Clicks
  5. Atur kondisi: Click TextequalsDaftar Sekarang
  6. Simpan

Lalu buat tag GA4 Event-nya dengan cara yang sama seperti praktek 1, ganti event name jadi klik_daftar.

Ini perbedaan yang penting:

Tipe TriggerMenangkapCocok Untuk
Just LinksKlik pada elemen <a> (hyperlink)Link WhatsApp, link Shopee, link download
All ElementsKlik pada elemen apa sajaTombol <button>, div, gambar, ikon

Kalau ragu, pakai All Elements. Tapi kalau target kamu memang link, Just Links lebih presisi karena otomatis menunggu sampai event link click selesai sebelum trigger aktif.

Ini case yang sering banget ditemui di bisnis online Indonesia. Kamu punya website yang mengarahkan pengunjung ke toko Shopee atau Tokopedia.

Tinggal buat trigger Click - Just Links dengan kondisi:

  • Click URLcontainsshopee.co.id (untuk Shopee)
  • Atau Click URLcontainstokopedia.com (untuk Tokopedia)

Event name bisa kamu beri klik_marketplace dengan parameter marketplace_name berisi “shopee” atau “tokopedia” sesuai URL-nya.

Preview dan Test

Setelah membuat tag dan trigger, selalu test lewat Preview Mode:

  1. Klik Preview di GTM
  2. Buka website, lalu klik tombol yang ingin di-track
  3. Di panel Tag Assistant, cek apakah tag-mu muncul di bagian Tags Fired saat event klik terjadi
  4. Klik event tersebut untuk melihat detail variable yang tertangkap

Preview Mode menunjukkan tag klik WhatsApp berhasil fired Gambar 5.4: Tag “GA4 - Event Klik Wa” fired saat link WhatsApp diklik — event klik_whatsapp terkirim ke GA4

Setelah itu, buka GA4 Realtime untuk konfirmasi bahwa event benar-benar sampai:

GA4 Realtime menunjukkan event klik_whatsapp Gambar 5.5: Event klik_whatsapp muncul di GA4 Realtime — data sudah mengalir dengan benar

Kalau tag tidak muncul di “Tags Fired”, periksa trigger-mu. Kemungkinan besar kondisi filter-nya tidak cocok. Buka tab Variables di Preview Mode untuk melihat nilai aktual dari Click Text, Click URL, dan lainnya, lalu sesuaikan trigger-mu.

Tips debugging klik: kadang teks yang kamu lihat di layar tidak sama dengan nilai Click Text yang ditangkap GTM. Misalnya, tombol kamu punya ikon di dalamnya, dan GTM menangkap teks ikon tersebut juga. Selalu cek dulu nilai aktualnya di Preview Mode sebelum set kondisi trigger.

Di modul berikutnya, kamu akan belajar tracking yang lebih advanced: scroll depth dan form submission.

Arie Setiawan

Ditulis oleh

Arie Setiawan

Founder Labkonversi & Sematin

Full time creator di Threads, lagi bangun tools saas untuk riset iklan di Sematin | Performance marketing specialist di Kitabisa.com 5+ years