Dokumen ini bertujuan untuk membantu pengguna domestik yang ingin belajar FramerFramer mengatasi kesulitan yang dihadapi karena kurangnya materi dalam Bahasa Indonesia. Kami telah menerjemahkan konten dari blog resmi ke Bahasa Indonesia dan menambahkan informasi yang berguna untuk aplikasi praktis. Kami berharap ini bisa sedikit membantu Anda yang menggunakan FramerFramer.

1. Menambahkan Fitur Pelacakan pada Link

Jika Anda ingin mengetahui seberapa sering tombol atau link diklik, tambahkan ID Pelacakan saat mengatur link. Dengan memberikan ID unik untuk setiap link, Anda dapat memperoleh hasil yang tepat serta mencegah campuran data dengan acara lainnya.

2. Menambahkan Fitur Pelacakan pada Formulir

Frekuensi pengiriman formulir juga dapat dilacak di FramerFramer. Pilih formulir yang ingin Anda lacak, kemudian masukkan ID Pelacakan di panel properti Form di sebelah kanan. Pelacakan akan dilakukan dengan mencatat setiap pengiriman formulir oleh pengunjung di situs Anda.

3. Memeriksa Hasil di Analytics Overview

Setelah menambahkan fitur pelacakan pada link atau formulir, di mana Anda bisa memeriksa hasilnya? Hasil dari acara pelacakan tersebut dapat diperiksa di Analytics Overview dalam bagian Tracking. Bagian ini memiliki fungsi sebagai berikut.

• Menampilkan 20 acara pelacakan teratas di situs.

• ID pelacakan yang diatur dapat diintegrasikan dengan Funnels atau A/B Testing untuk menganalisis rasio konversi (Conversion Rate).

4. Mengintegrasikan dengan Alat Analitik Eksternal

FramerFramer menyediakan Custom Events yang dapat digunakan untuk melacak perilaku pengguna di situs. Acara tersebut dapat dengan mudah diintegrasikan dengan platform analitik seperti Google Analytics, Segment, silakan memanfaatkannya dengan baik.

Tambahkan skrip berikut ke bagian Kode Kustom di situs Anda. Metode menambahkan Kode Kustom juga dapat dibantu oleh panduan ini.

// 클릭 이벤트 수신하기
document.addEventListener("framer:click", (event) => {
    console.log("Click tracked:", event.detail.trackingId);
});

Jenis Acara yang Tersedia

(Contoh1) Contoh Google Analytics menggunakan gtag.js

document.addEventListener("framer:click", (event) => {
    gtag('event', 'click', {
        'event_category': 'engagement',
        'event_label': event.detail.trackingId,
        'value': event.detail.href
    });
});

(Contoh2) Contoh Universal Analytics menggunakan analytics.js

document.addEventListener("framer:click", (event) => {
    ga('send', 'event', {
        eventCategory: 'engagement',
        eventAction: 'click',
        eventLabel: event.detail.trackingId,
        eventValue: event.detail.href
    });
});

Dengan menggabungkan sistem acara FramerFramer dengan alat eksternal, Anda dapat menganalisis perilaku pengguna di situs secara mendetail dan mengumpulkan data yang dapat digunakan secara langsung untuk meningkatkan rasio konversi.

Acara klik apa yang ingin Anda lacak terlebih dahulu dalam proyek ini? Analisis data perilaku pengguna melalui panduan ini dan tingkatkan situs Anda.

Artikel ini adalah konten yang diterjemahkan dan diadaptasi dari blog resmi FramerFramer ‘How to track links and forms in Framer’.