Event yang dilacak memungkinkan Anda mengukur tindakan spesifik yang dilakukan pengunjung di situs web Anda, seperti mengklik tombol, mengirimkan formulir, atau interaksi lainnya yang Anda pedulikan.

Apa yang dilacak secara otomatis

Ahrefs Web Analytics melacak event berikut secara otomatis:

Klik tautan keluar – Dipicu ketika pengguna mengklik tautan dengan href yang valid yang mengarah ke luar cakupan proyek, kecuali event.preventDefault() dipanggil.
Pengiriman formulir – Dipicu ketika formulir dengan action yang valid dikirimkan, kecuali event.preventDefault() dipanggil.

Event ini tidak memerlukan pengaturan apa pun dan akan muncul di laporan Anda secara default. Anda juga dapat menambahkan event yang dilacak sendiri untuk mengukur tindakan spesifik lainnya yang penting bagi situs Anda.

Jenis event yang dilacak

Anda dapat melacak dua jenis event:

Event pageview – Dipicu ketika seseorang mengunjungi halaman tertentu, seperti halaman terima kasih atau checkout.
Event kustom – Dipicu ketika seseorang berinteraksi dengan elemen di situs Anda, seperti mengklik tombol, mengirimkan formulir, atau membuka modal.

Event pageview

Peristiwa tampilan halaman berguna untuk melacak kunjungan ke halaman penting, seperti halaman konfirmasi atau halaman sukses. Jika situs Anda memiliki URL khusus untuk tindakan yang telah diselesaikan, seperti /thank-you atau /checkout/success, Anda dapat menetapkannya sebagai peristiwa yang dilacak.

Untuk menyiapkan peristiwa tampilan halaman:

Buka laporan Web Analytics untuk proyek Anda.
Gulir ke bagian Tracked events dan klik New event.
Pilih Pageview sebagai jenisnya dan masukkan path halaman yang tepat yang ingin Anda lacak.
Beri nama event untuk memudahkan pengenalan dan klik Create.

Peristiwa kustom

Peristiwa kustom berguna untuk melacak interaksi seperti klik tombol, pengiriman formulir, atau tindakan lain yang tidak memuat halaman baru. Anda dapat mengonfigurasinya dengan menambahkan nama class khusus pada HTML Anda.

Cara paling sederhana untuk menyiapkannya adalah dengan menambahkan class dalam format AhrefsAnalytics-event-EventName ke HTML Anda.

Contoh:

<a class="AhrefsAnalytics-event-signup" href="#">Sign up</a>

Dengan demikian, peristiwa bernama signup akan dilacak saat tautan diklik.

Hal yang sama juga berlaku untuk formulir:

<form class="AhrefsAnalytics-event-signup" action="/submit">
  ...
</form>

Dengan demikian, peristiwa kustom bernama signup akan dipicu saat formulir dikirimkan.

Untuk mulai melihat peristiwa kustom di laporan Anda, Anda juga perlu menambahkannya ke laporan tersebut:

Buka laporan Web Analytics untuk proyek Anda.
Gulir ke bagian Tracked events dan klik New event.
Pilih Custom event sebagai jenisnya dan masukkan nama event yang tepat yang Anda gunakan di HTML Anda.
Beri nama event untuk memudahkan pengenalan dan klik Create.

Memicu peristiwa kustom melalui JavaScript

Untuk pelacakan yang lebih presisi, Anda dapat mengirim peristiwa kustom menggunakan JavaScript. Dengan begitu, Anda memiliki kontrol lebih besar atas kapan peristiwa dipicu.

Cuplikan di bawah ini menunjukkan caranya:

if (window.AhrefsAnalytics != null) {
  window.AhrefsAnalytics.sendEvent('signup');
}

Properti peristiwa (opsional)

Properti peristiwa memungkinkan Anda melampirkan detail tambahan pada peristiwa yang dilacak.
Properti ini berguna saat Anda ingin memecah peristiwa yang sama berdasarkan varian, paket, atau dimensi lain.

Contoh:

Peristiwa signup dengan properti seperti plan = standard, duration = monthly
Peristiwa cta_click dengan properti seperti button = header, variant = B
Peristiwa purchase dengan properti seperti category = shoes, size = 42

Anda akan melihat properti ini nanti di laporan properti peristiwa.

Catatan: Nama dan nilai properti diperlakukan sebagai string. Jika menggunakan atribut atau nama class berikut, nama properti tidak boleh berisi tanda hubung (-), karena tanda hubung digunakan sebagai pemisah.

Cara melampirkan properti peristiwa

Ada tiga cara untuk melampirkan properti ke peristiwa Anda:

Tambahkan properti ke setiap peristiwa melalui skrip pelacakan.
Tambahkan properti ke satu peristiwa kustom melalui class CSS.
Tambahkan properti melalui JavaScript (API JS).

1. Lampirkan properti ke setiap peristiwa (skrip pelacakan)

Anda dapat melampirkan properti ke semua peristiwa dengan menambahkan atribut data-prop-NAME="VALUE" ke tag <script> pelacakan Anda:

<script
  src="https://analytics.ahrefs.com/analytics.js"
  data-key="YOUR_DATA_KEY"
  data-prop-plan="standard"
  data-prop-duration="monthly">
</script>

Ini akan menambahkan plan = "standard" dan duration = "monthly" ke setiap peristiwa yang dikirim dari halaman ini.

Catatan: NAME tidak boleh mengandung tanda hubung (-).

2. Lampirkan properti ke satu peristiwa kustom (class CSS)

Anda dapat melampirkan properti ke peristiwa kustom tertentu dengan menggunakan nama class CSS khusus pada elemen yang memicunya.

Contoh – tombol yang memicu peristiwa signup dengan properti plan:

<div
  class="
    AhrefsAnalytics-event-signup
    AhrefsAnalytics-prop-plan-standard
  ">
  Sign up for Standard
</div>

Berikut penjelasannya:

AhrefsAnalytics-event-signup memberi tahu skrip Ahrefs Web Analytics untuk mengirim peristiwa signup saat elemen ini diklik.
AhrefsAnalytics-prop-plan-standard menambahkan properti plan = "standard" hanya pada peristiwa ini.

Catatan: Nama properti dalam AhrefsAnalytics-prop-… juga tidak boleh mengandung tanda hubung (-).

3. Lampirkan properti melalui JavaScript (API JS)

Jika Anda memicu peristiwa melalui JavaScript, Anda dapat melampirkan properti dengan meneruskan objek sebagai argumen kedua ke sendEvent:

if (window.AhrefsAnalytics != null) {
  window.AhrefsAnalytics.sendEvent(
    'signup',
    {
      props: {
        plan: 'standard',
        duration: 'monthly'
      }
    }
  );
}

Opsi ini paling fleksibel jika Anda perlu menetapkan properti berdasarkan status aplikasi Anda, seperti pengguna yang sedang login, varian uji A/B, dan sebagainya.

Menggunakan properti peristiwa dalam laporan

Properti peristiwa tidak muncul secara otomatis. Setelah mulai mengirim properti tersebut, Anda perlu menambahkannya ke laporan Anda.

Laporan properti peristiwa

Gunakan ini saat Anda ingin melihat perincian berdasarkan nilai properti.

Buka laporan Web Analytics untuk proyek tersebut.
Buka laporan Properti event.
Klik Properti baru.
Pilih properti event, beri nama, lalu klik Buat.

Dengan ini, Anda dapat melihat pengunjung dan event yang dikelompokkan berdasarkan setiap nilai properti, misalnya pendaftaran berdasarkan paket, varian tombol, atau negara.

Memfilter berdasarkan properti event

Anda juga dapat menggunakan properti event untuk menyegmentasikan laporan lain.

Klik Tambahkan filter, lalu pilih Properti event.
Pilih properti dan nilai yang ingin Anda gunakan untuk memfilter.

Dengan ini, Anda dapat mempersempit laporan apa pun, misalnya berdasarkan plan is standard atau variant is B. Anda dapat menambahkan beberapa filter properti untuk mempersempit segmen lebih lanjut.

Event yang Dilacak di Ahrefs Web Analytics