Pelacakan peristiwa formulir dengan Google Pengelola Tag
Diterbitkan: 2021-07-19Jika Anda mencari cara mudah untuk menyiapkan pelacakan peristiwa untuk memantau konversi di situs web Anda, Anda mungkin ingin mempertimbangkan untuk menggunakan Google Pengelola Tag.
Dalam posting ini saya akan menjelaskan Google Pengelola Tag, memberi tahu Anda cara memasangnya, dan menjelaskan cara menyiapkan pelacakan peristiwa formulir di situs Anda.
Apa itu Pengelola Tag Google?
Google Tag Manager (GTM) adalah alat gratis yang memudahkan webmaster dan pemasar untuk menambahkan dan memperbarui tag situs web. Ada banyak cara untuk menggunakan GTM, tetapi sebagian besar bisnis menggunakannya untuk pelacakan acara sebagai alat untuk mengukur keberhasilan strategi pemasaran digital mereka. Untuk penjelasan yang lebih mendalam tentang GTM, lihat posting blog pengantar kami.
Mengapa Menggunakan GTM untuk Pelacakan Peristiwa?
GTM memberi Anda kendali penuh atas tag acara Anda. Anda dapat menambahkannya ke situs Anda tanpa harus meminta pengembang Anda untuk melakukan hard coding. Ini akan membebaskan waktu mereka untuk mengerjakan proyek penting lainnya.
GTM juga memungkinkan Anda untuk mengubah dan menguji pelacakan acara Anda sendiri, yang jelas membuat prosesnya lebih sederhana.
Selain itu, kami melihat semakin banyak situs web di mana formulir dibuat menggunakan JavaScript. Situs ini tidak menggunakan URL tujuan, yang berarti Anda tidak dapat menggunakan sasaran sederhana di Analytics. Untuk membuktikan pengelolaan situs web Anda di masa depan, ada baiknya mempertimbangkan untuk memahami GTM.
Menginstal GTM
Memasang GTM sangat mirip dengan menyiapkan Google Analytics:
- Masuk ke Google Pengelola Tag menggunakan akun Google Anda – idealnya sama dengan yang Anda gunakan untuk Analytics. Kemudian ikuti langkah-langkah di layar:
Buat akun di Google Pengelola Tag - Baca dan terima syarat dan ketentuannya. Anda kemudian akan diberikan kode instalasi. Anda perlu menambahkan kode ini ke setiap halaman situs Anda, segera setelah tag <body> pembuka. Jika Anda tidak dapat melakukannya sendiri, pengembang Anda seharusnya dapat membantu:
Tempel kode GTM ke setiap halaman situs web Anda your
Itu dia. Anda telah menyiapkan penampung Tag Manager di situs Anda. Penampung ini nantinya akan menampung semua tag yang Anda buat di dasbor GTM.
Sekarang saya akan menjelaskan cara mengatur pelacakan peristiwa menggunakan GTM. Untuk ini, Anda perlu mengaktifkan beberapa variabel bawaan di dalam halaman, klik, dan formulir. Ini tidak diaktifkan secara default saat Anda menyiapkan GTM. Jadi sebelum kita mulai, navigasikan ke variabel dan periksa opsi berikut:
Pelacakan Peristiwa Formulir
Pelacakan pengiriman formulir memungkinkan Anda untuk memantau kapan pengunjung mengirimkan formulir di situs web Anda. Ini bisa berupa formulir kontak di halaman hubungi kami, atau formulir pertanyaan di bagian bawah halaman. Hampir setiap situs web memiliki formulir, jadi ini adalah cara yang baik untuk memahami Pengelola Tag.
Menyiapkan pelacakan peristiwa menggunakan GTM relatif mudah, karena Anda dapat menggunakan tag yang sudah ada di dalam antarmuka GTM. Pengetahuan dasar tentang kode HTML berguna, tetapi panduan ini akan menjelaskan semua yang perlu Anda ketahui.
Jangan khawatir, tidak mungkin untuk merusak situs web Anda menggunakan Pengelola Tag, dan Anda dapat menguji semuanya sebelum mengaktifkan tag Anda.
Mari kita lakukan!
Langkah 1 — Identifikasi URL
Catat URL tempat formulir Anda berada:
Jika Anda memiliki formulir di lebih dari satu halaman, misalnya formulir pertanyaan di footer, Anda hanya perlu mengetahui domainnya. Dalam contoh ini, kami menggunakan hallam.co.uk .
Langkah 2 — Identifikasi ID Formulir
Temukan ID formulir untuk tombol kirim. Jika Anda menggunakan Google Chrome atau Firefox, Anda dapat melakukannya dengan mengklik kanan pada formulir dan memilih 'inspect element'. Anda perlu mencari atribut 'id' di <form>. Berikut ini contoh tampilannya:
Tip : Menekan ctrl + f di dalam inspektur memungkinkan Anda mencari sesuatu.
Catatan : Jika tidak ada ID unik untuk formulir Anda, Anda mungkin perlu meminta pengembang Anda untuk menambahkannya. Namun, jika situs web Anda menggunakan plugin formulir seperti formulir kontak 7 untuk WordPress, Anda dapat menambahkan id sendiri.
Langkah 3 — Buat Pemicu
Di GTM, buat pemicu baru dan beri judul yang akan memudahkan identifikasi nanti. Sesuatu seperti 'kirim formulir pertanyaan' atau 'kirim formulir halaman kontak' akan berhasil.
Di bawah pilih acara, pilih pengiriman formulir:
Klik lanjutkan, lalu centang 'Tunggu Tag' dan 'Periksa Validasi' untuk memastikan pemicu Anda diaktifkan untuk pengiriman formulir yang berhasil (valid):
Klik lanjutkan dan masukkan jalur URL yang Anda catat sebelumnya:
Jika formulir Anda ada di beberapa halaman, Anda dapat menyiapkan pemicu untuk diaktifkan di halaman yang berisi domain Anda:
Klik lanjutkan dan kemudian pilih 'Beberapa formulir':
Untuk menyelesaikan Pemicu Anda, tambahkan ID Formulir yang Anda catat sebelumnya (jangan gunakan ID formulir saya!):
Anda sekarang telah menentukan kondisi yang diperlukan agar Pemicu Anda menyala. Selanjutnya, kita akan membuat tag.
Langkah 4 — Buat Tag
Buat tag Universal Analytics baru. Tag ini akan mengirimkan informasi acara ke Google Analytics. Sekali lagi, pastikan untuk memberinya nama yang mudah diingat:
Tambahkan ID pelacakan Google Analytics Anda di bidang berikutnya:
Kemudian isi jenis trek sebagai peristiwa, dan tentukan parameter pelacakan Anda untuk kategori dan label:
Jika Anda mengatur ini untuk formulir yang ditemukan di beberapa halaman, seperti saya dalam contoh ini, klik kotak di sebelah kanan label dan pilih {{Page Path}} dari menu tarik-turun. Ini akan memastikan bahwa Anda dapat melihat dari halaman mana peristiwa pengiriman formulir dipicu dalam laporan peristiwa Analytics Anda:
Di bawah 'Hit Non-Interaksi', Anda dapat memilih benar atau salah. Klik non-interaksi adalah parameter yang memungkinkan Anda memutuskan apakah peristiwa yang dipicu memengaruhi metrik seperti rasio pentalan Anda atau tidak . Misalnya, jika Anda memiliki halaman tempat video diputar secara otomatis, Anda ingin memilih 'benar'. Jika tidak, semua orang yang membuka halaman itu akan memicu peristiwa, dan rasio pentalan akan menjadi nol.
Untuk pelacakan pengiriman formulir, saya sarankan memilih 'salah' – terutama jika formulir yang Anda lacak berada di halaman arahan di mana pengunjung melihat semua informasi yang mereka butuhkan dan mengisi formulir pertanyaan Anda. Lagi pula, bahkan jika mereka tidak melihat halaman lain di situs web Anda, mereka telah berinteraksi dan menyelesaikan tindakan yang diinginkan, jadi itu harus menjadi hit interaksi:
Selanjutnya, klik lanjutkan dan pilih 'lebih' di bawah 'api aktif'. Pilih 'form' lalu navigasikan ke pemicu yang Anda buat sebelumnya:
Klik 'buat tag', dan tag Anda yang sudah selesai akan terlihat seperti ini:
Langkah 5 — Uji
Buka mode pratinjau dan debug untuk menguji apakah pelacakan peristiwa baru Anda berfungsi:
Di browser yang sama, buka tab baru dan navigasikan ke situs Anda, tempat Tag Manager akan membuka mode debug untuk Anda. Dari sini Anda dapat melihat pratinjau penampung Anda dan ini akan memberi tahu Anda tag mana yang telah atau belum diaktifkan di halaman Anda:
Dalam contoh di atas, tidak satu pun dari tag ini yang diaktifkan di halaman saya, termasuk pengiriman formulir pertanyaan saya. Sekarang saya dapat menguji formulir secara langsung di halaman dan melihat apakah tag yang benar berpindah ke 'tag yang diaktifkan di halaman ini':
Langkah 6 — Publikasikan
Setelah Anda menguji bahwa tag Anda berfungsi, kembali ke dasbor GTM dan publikasikan versi Anda. Ingat, Anda dapat mengganti nama versi dan kembali ke versi jika versi berikutnya tidak berhasil:
Ta-da — tag dan pemicu pelacakan peristiwa baru Anda sekarang aktif.
Pengoptimalan formulir
Anda mungkin ingin meningkatkan formulir di situs Anda untuk meningkatkan konversi Anda. Anda dapat menggunakan GTM untuk melacak setiap bidang formulir untuk mengetahui apa yang perlu diuji dan ditingkatkan. Atau, Anda dapat menggunakan layanan seperti Hotjar untuk memberikan analisis corong yang berguna untuk pengoptimalan tingkat konversi.
Kesimpulan
Jika Anda ingin meningkatkan efisiensi dan menghilangkan kesulitan pengujian saat menyiapkan pelacakan peristiwa, saya sangat merekomendasikan penggunaan Google Pengelola Tag.
Saya telah menemukan bahwa ketika pengembang sibuk mengerjakan proyek yang lebih besar yang sedang berlangsung di situs web, mereka menghargai keputusan ini karena membebaskan waktu mereka. Pada tingkat awal, Anda dapat menggunakan tag bawaan dalam Tag Manager dan kontrol versi serta fitur mode debug memungkinkan Anda menguji semuanya sendiri.
Jika Anda telah menggunakan Google Pengelola Tag untuk menerapkan pelacakan peristiwa formulir menggunakan panduan ini, kami akan senang mendengarnya di komentar di bawah. Atau, hubungi saya di Twitter @Digital_Kym.
Jika Anda membutuhkan bantuan dengan Anda jangan ragu untuk menghubungi kami.