Jika Anda membaca ini, Anda seharusnya sudah menyiapkan Google Analytics di situs WordPress Anda. Jika Anda belum melakukannya, lakukan sekarang! Saya akan menunggu di sini.
…
Oke, jadi sekarang setelah Anda menyelesaikan langkah itu, kita perlu membicarakan tentang pelacakan peristiwa. Pelacakan peristiwa dapat berupa segala hal yang ingin Anda ketahui tentang apa yang terjadi di situs Anda. Apakah Anda ingin tahu kapan seseorang menambahkan produk ke keranjangnya di toko Anda? Besar! Kapan mereka mendaftar untuk buletin? Itu masuk akal. Mengirimkan entri formulir? Ide bagus! Arahkan mouse mereka ke gambar sepupu ketiga Anda yang dihapus dua kali? Maksud saya, mengapa tidak? Ayo lakukan ini!
Bergantung pada cara Anda menyiapkan Analytics di situs, Anda mungkin memiliki sejumlah peristiwa yang dilacak untuk Anda secara otomatis. Analytify, misalnya, melakukan pekerjaan yang baik untuk melacak eCommerce dan banyak pengiriman plugin formulir. Namun, apa yang Anda lakukan jika ingin melacak sesuatu yang tidak integrasi pilihan Anda? melacak secara otomatis? Nah, kita bisa membangun solusi yang bisa. Ini akan membutuhkan sedikit Javascript / jQuery, tetapi jauh lebih mudah daripada yang Anda kira.
Mari kita lihat dasar-dasar pengiriman acara Google Analytics. Pertama, bentuk panjang:
ga('send', {
hitType: 'event',
eventCategory: 'UserAction',
eventAction: 'Clicked',
eventLabel: 'TheBlueButton'
});
Sepertinya terlalu panjang dan merepotkan, jadi Anda bisa menyingkatnya seperti ini:
ga('send', 'event', 'UserAction', 'Clicked', 'TheButton');
Itu dia; jika Anda memasukkannya ke konsol browser Anda, itu akan mengirimkan acara ke Analytics dan itu akan muncul di dasbor Anda di sana. Sekarang kita hanya perlu memicunya. Kami membutuhkan sebuah acara.
Acara, atau “Apakah sesuatu terjadi begitu saja?”
Peristiwa terjadi setiap saat saat pengguna Anda menggunakan situs Anda. Setiap gerakan mouse, gulir, klik, semuanya – itu semua adalah peristiwa yang dapat Anda picu jika Anda mau. Beberapa acara ada di dalamnya, yang lain disertakan dalam pustaka Javascript di WordPress, dan yang lainnya lagi dapat dibuat secara manual (namun itu adalah artikel yang berbeda untuk ditulis).
Mari kita mulai dengan yang dasar; tombol yang ingin Anda gunakan untuk melakukan sesuatu. Katakanlah Anda memiliki tombol.
Saya adalah sebuah tombol.Ini dia, itu tombol yang terlihat bagus! Sekarang setelah Anda mendapatkan tombolnya, Anda ingin tahu setiap kali seseorang mengkliknya. Mari kita lihat kode yang menyusun tombol tersebut;
<div id="theButton" class="wp-block-button"><a class="wp-block-button__link">I am a button.</a></div>
Sekarang kita bisa melihat bagaimana strukturnya, kita bisa menargetkannya dengan beberapa Javascript. Saya memilih untuk tidak menemukan kembali roda, jadi saya akan menggunakan jQuery (seperti yang termasuk dalam WordPress)
jQuery("div#theButton a").click(function() {
ga('send','event','UserAction','Clicked','TheButton');
});
Dengan kode tersebut di tempat pada halaman (ingat untuk membungkusnya dalam tag