Tracking Scroll dan Form Submission

Di chapter sebelumnya kamu sudah belajar tracking klik. Sekarang naik level: kamu akan belajar mengukur seberapa jauh pengunjung scroll halaman dan mendeteksi saat mereka mengirim formulir. Dua jenis tracking ini sangat berguna untuk mengoptimasi konten dan lead generation.

Scroll Depth Tracking

Pernah nulis artikel panjang 2000 kata, tapi curiga tidak ada yang baca sampai bawah? Dengan scroll tracking, kamu bisa tahu persis di titik mana pembaca “menyerah” dan meninggalkan halaman.

Mengaktifkan Built-in Variables Scroll:

1. Buka Variables > Configure (Built-In Variables)
2. Centang semua di kategori Scrolling:
   • Scroll Depth Threshold
   • Scroll Depth Units
   • Scroll Direction

Buat Trigger:

1. Triggers > New
2. Nama: Trigger - Scroll Depth
3. Tipe: Scroll Depth
4. Scroll Depth Type: pilih Vertical Scroll Depths > Percentages
5. Masukkan angka: 25, 50, 75, 90
6. Opsional: di bagian “This trigger fires on”, kamu bisa filter supaya hanya aktif di halaman tertentu. Contoh: Page Path — contains — /blog/
7. Simpan

Buat Tag:

1. Tags > New
2. Nama: GA4 Event - Scroll Depth
3. Tag Configuration: Google Analytics: GA4 Event
4. Event Name: scroll_depth
5. Event Parameters:
   • scroll_percentage / Value: {{Scroll Depth Threshold}}
   • page_location / Value: {{Page URL}}
6. Triggering: pilih Trigger - Scroll Depth
7. Simpan

Sekarang, setiap kali pengunjung scroll ke 25%, 50%, 75%, atau 90% halaman, GA4 akan merekam event-nya. Data ini akan membantu kamu memahami di mana letak “titik bosan” pengunjung.

Cara Membaca Data Scroll

Setelah data terkumpul beberapa hari, buka GA4 > Reports > Engagement > Events. Cari event scroll_depth.

Misalnya kamu melihat pola seperti ini di salah satu artikel blog:

• 25%: 1.000 event
• 50%: 600 event
• 75%: 200 event
• 90%: 50 event

Artinya ada penurunan drastis antara 50% dan 75%. Di bagian itu mungkin ada paragraf yang terlalu panjang, atau pembaca merasa informasinya sudah cukup. Ini insight yang bisa kamu pakai untuk memperbaiki struktur konten.

Form Submission Tracking

Kalau website kamu punya form kontak, form pendaftaran, atau form lead generation, tracking kapan form itu berhasil dikirim adalah data yang krusial.

Mengaktifkan Built-in Variables Form:

1. Variables > Configure (Built-In Variables)
2. Centang semua di kategori Forms:
   • Form Element
   • Form Classes
   • Form ID
   • Form Target
   • Form URL
   • Form Text

Buat Trigger:

1. Triggers > New
2. Nama: Trigger - Form Submit
3. Tipe: Form Submission
4. Centang Wait for Tags (penting supaya tag sempat berjalan sebelum halaman berpindah)
5. Centang Check Validation (supaya trigger hanya aktif kalau form benar-benar valid dan terkirim, bukan saat user klik submit tapi form validation gagal)
6. Pilih Some Forms
7. Atur kondisi: Form ID — equals — contact-form (sesuaikan dengan ID form di website kamu)
8. Simpan

Buat Tag:

1. Tags > New
2. Nama: GA4 Event - Form Submit
3. Tag Configuration: Google Analytics: GA4 Event
4. Event Name: form_submit
5. Event Parameters:
   • form_id / Value: {{Form ID}}
   • page_location / Value: {{Page URL}}
6. Triggering: pilih Trigger - Form Submit
7. Simpan

Troubleshooting Form Tracking

Dari pengalaman saya, form tracking di GTM itu yang paling sering bermasalah dibanding jenis tracking lain. Beberapa penyebab umum:

1. Form tidak pakai elemen <form> standar. Beberapa framework modern (React, Vue) tidak selalu render elemen <form> HTML tradisional. Kalau trigger Form Submission tidak berfungsi, coba pakai trigger Custom Event dan kirimkan event dari kode JavaScript secara manual via dataLayer.push().

2. Form dikirim via AJAX tanpa redirect. Kalau setelah submit form halamannya tidak pindah (AJAX submission), trigger Form Submission kadang tidak terdeteksi. Solusinya sama: pakai dataLayer.push() yang dipicu setelah AJAX berhasil.

3. Form dari pihak ketiga (Typeform, Google Forms, dll). Form yang di-embed dari platform lain biasanya berada di dalam <iframe>, dan GTM tidak bisa mendeteksi event di dalam iframe dari domain berbeda. Untuk kasus ini, cek apakah platform tersebut punya fitur callback URL atau webhook yang bisa dimanfaatkan.

Kombinasi Scroll dan Form untuk Optimasi Landing Page

Ini saran praktikal dari saya. Kalau kamu punya landing page dengan form di bagian bawah, kombinasikan data scroll dan form submission:

• Kalau banyak yang scroll sampai 75% tapi tidak ada yang submit form, berarti pengunjung sudah lihat form-nya dan memutuskan untuk tidak mengisi. Masalahnya ada di form: mungkin terlalu banyak field, atau tidak ada insentif.
• Kalau kebanyakan berhenti scroll di 25%, berarti mereka tidak sampai melihat form. Masalahnya ada di konten atas: headline-nya kurang menarik atau value proposition-nya tidak jelas.

Data mengarahkan kamu ke akar masalah yang spesifik, bukan sekadar “landing page nggak perform.”

Chapter berikutnya akan membahas cara memanfaatkan dataLayer untuk tracking yang lebih advanced.