Capgo’s Capacitor plugin adalah alat untuk custom event tracking real-time dan analitik instan. Ini membantu developer memantau perilaku user dan performa aplikasi secara efektif, guna memastikan user experience yang lancar. Dengan 95% update terkirim dalam 24 jam dan 1,6 triliun update telah dikirim, Capgo dipercaya developer karena kecepatan dan reliabilitasnya.
Fitur Utama:
- Update Cepat: 95% user aktif terupdate dalam 24 jam.
- Analitik Instan: rata-rata response time API adalah 434ms secara global.
- Keamanan: Enkripsi end-to-end menjamin keamanan data.
- Pelacakan Event Kustom: Pantau aksi user, tampilan layar, dan performa aplikasi.
Persyaratan Setup:
- Capacitor: Versi 5.0+.
- Node.js: v20.0.0+.
- Spesifikasi Sistem: Minimal RAM 8GB, storage 256GB, prosesor Intel i5/AMD Ryzen 5.
Langkah Instalasi:
-
Install plugin:
npm install @capgo/capacitor-updater -
Konfigurasi key API Anda:
npx @capgo/cli init -
Sinkronisasi proyek Anda:
npx cap sync
Mengapa Ini Penting:
- 79% pengguna mengharapkan respons instan. Capgo membantu memenuhi kebutuhan ini.
- Pengalaman aplikasi yang buruk menyebabkan 80% pengguna meninggalkan aplikasi. Real-time tracking dapat mencegah hal ini.
Capgo sudah digunakan oleh 1.7K aplikasi dan meningkatkan kepuasan pelanggan sebesar 25%. Jika Anda seorang developer, plugin ini mempermudah event tracking sekaligus memastikan aplikasi Anda tetap cepat, aman, dan user-friendly.
Cara Menggunakan Firebase Analytics dengan Ionic

Persyaratan Setup
Untuk mulai menggunakan plugin Capgo, Anda perlu memastikan sistem sudah dikonfigurasi dengan benar untuk mendukung fungsinya.
Persyaratan Sistem
Pastikan environment pengembangan Anda memenuhi spesifikasi berikut:
| Komponen | Syarat Minimum | Direkomendasikan |
|---|---|---|
| Capacitor | 5.0+ | Versi stabil terbaru |
| Node.js | v20.0.0+ | Versi LTS |
| RAM Sistem | 8GB | 16GB |
| Penyimpanan | 256GB | 512GB SSD |
| Prosesor | Intel i5/AMD Ryzen 5 | Intel i7/AMD Ryzen 7 |
Persyaratan Khusus Platform:
-
Untuk Pengembangan iOS (hanya macOS):
-
Untuk Pengembangan Android:
- Android Studio Hedgehog (2023.1.1) atau yang lebih baru
- Android SDK API level 23+
- JDK 17
- Gradle 8.0+
Langkah Instalasi Plugin
Setelah environment siap, ikuti langkah ini untuk instal dan konfigurasi plugin Capgo:
-
Instal plugin Capgo:
Jalankan perintah berikut di direktori proyek Anda:
npm install @capgo/capacitor-updater -
Siapkan API key Anda:
Inisialisasi plugin dan konfigurasi API key Anda dengan:
npx @capgo/cli init -
Verifikasi instalasi plugin:
Cek apakah plugin sudah terinstal dengan benar menggunakan:
npm list @capgo/capacitor-updater
Sinkronisasi Proyek
Setelah menginstal plugin, sinkronkan proyek Anda dengan platform native. Langkah ini memastikan semuanya selaras dan mutakhir. Proses sync meliputi:
| Tugas | Kegunaan |
|---|---|
| Transfer Aset Web | Memperbarui platform native dengan web assets terbaru |
| Konfigurasi Update | Menyesuaikan file konfigurasi spesifik platform |
| Instalasi Dependency | Menginstal semua native dependencies yang diperlukan |
Untuk menjalankan sync, eksekusi perintah berikut:
npx cap sync
Setup Custom Event
Plugin Capgo menawarkan cara andal untuk melacak custom event, membantu Anda memantau aksi pengguna dan performa aplikasi secara efektif.
Struktur Event
Setiap event yang Anda lacak terdiri dari dua bagian utama:
| Komponen | Deskripsi | Contoh |
|---|---|---|
| Nama Event | Identifier singkat dan deskriptif (maks 40 karakter) | user_subscription_started |
| Parameter Event | Pasangan key-value yang memberikan konteks tambahan | {plan_type: "solo", price: 12} |
Tips penamaan event Anda:
- Selalu awali dengan huruf.
- Gunakan
snake_casedan perhatikan case sensitivity. - Buat nama yang singkat tapi bermakna.
- Hindari penggunaan reserved keywords.
Setelah format event ditentukan, Anda bisa mulai logging event menggunakan metode di bawah ini.
Metode Event Logging
Untuk melacak event, gunakan logEvent method. Berikut cara logging event dan transaksi dasar:
await CapacitorUpdater.logEvent({
name: "feature_accessed",
data: {
feature_name: "live_updates",
access_time: Date.now()
}
});
await CapacitorUpdater.logEvent({
name: "purchase_completed",
data: {
plan: "MAKER",
amount: 33.00,
currency: "USD",
subscription_period: "annual"
}
});
Pelacakan Layar
Anda juga bisa melacak screen views untuk mendapatkan insight cara user navigasi di aplikasi Anda:
await CapacitorUpdater.logScreenView({
screen_name: "settings_page",
screen_class: "SettingsComponent",
parameters: {
source: "main_menu",
user_type: "admin"
}
});
Best practices untuk screen tracking:
- Gunakan konvensi penamaan yang konsisten di semua platform.
- Tambahkan parameter konteks yang relevan untuk insight lebih baik.
- Lacak waktu masuk dan keluar untuk setiap screen.
- Gunakan data ini untuk menganalisis pola navigasi user secara efektif.
Monitoring dan Testing
Capgo menyediakan tools untuk memantau custom event dan troubleshooting masalah implementasi secara real-time, sehingga memudahkan Anda memastikan aplikasi berjalan lancar.
Alat Debugging
Pantau event stream Anda dengan opsi debugging berikut:
Menggunakan Perintah Debug Capgo CLI:
npx @capgo/cli@latest app debug
Perintah ini memberikan tampilan live dari event tracking Anda, menampilkan nama event, parameter, dan status transmisi saat itu juga.
Untuk debugging yang lebih advanced, Anda bisa menggunakan tools spesifik platform:
| Platform | Alat Debug | Kegunaan |
|---|---|---|
| iOS | Xcode + LLDB | Inspeksi code native, analisis penggunaan memori |
| Android | Android Studio + Logcat | Log event secara real-time, profil performa |
| Web | Chrome DevTools/Safari Inspector | Debug JavaScript, pantau request network |
Jika Anda butuh log yang lebih detail, Anda bisa mengaktifkan verbose logging dengan perintah ini:
npx cap run ios --verbose
Setelah memastikan alur event berjalan sesuai harapan, saatnya menyesuaikan pengaturan transfer data untuk performa yang lebih baik.
Pengaturan Transfer Data
Setelah memverifikasi event Anda menggunakan alat debugging, Anda dapat mengoptimalkan pengaturan transfer data untuk memastikan performa yang lancar dan efisien. Sebagai contoh, CDN Capgo dapat mentransfer bundle 5MB hanya dalam 114ms, dengan API response time sebesar 434ms.
Contoh Konfigurasi Keamanan:
await CapacitorUpdater.configure({
encryption: true,
compressionLevel: "high",
retryAttempts: 3,
batchSize: 50
});
Untuk aplikasi dengan volume data tinggi, pertimbangkan praktik terbaik berikut:
- Gunakan batch processing untuk meminimalkan overhead.
- Implementasikan retry logic dengan exponential backoff untuk menangani masalah jaringan.
- Terapkan kompresi untuk memperkecil ukuran payload yang besar.
Untuk menjaga keamanan data sekaligus mempertahankan kecepatan, Capgo menyertakan validasi bawaan dan protokol enkripsi. Fitur ini memastikan event tracking Anda tetap andal dan efisien.
Konfigurasi Lanjutan
Properti Pengguna
Dengan plugin Capgo, Anda dapat mengatur user properties yang persisten untuk memantau perilaku pengguna secara efektif di berbagai sesi. Berikut contohnya:
await CapgoPlugin.setUserProperties({
subscriptionTier: "premium",
deviceType: "mobile",
region: "US-West",
lastLoginDate: new Date().toISOString()
});
Untuk aplikasi skala enterprise, Anda mungkin perlu menyertakan detail berbasis role tambahan, seperti peran dan izin pengguna, guna memperhalus segmentasi user. Setelah dikonfigurasi, pastikan data sensitif pengguna terlindungi dengan menerapkan langkah-langkah privasi yang kuat.
Pengaturan Privasi Data
Kepatuhan privasi sangatlah krusial, terutama dengan regulasi seperti GDPR dan CCPA. Plugin Capgo mempermudah hal ini dengan kontrol privasi bawaan:
await CapgoPlugin.configurePrivacy({
dataRetention: 90, // Days to retain event data
piiEncryption: true,
gdprCompliance: true,
dataMinimization: true
});
Best practice manajemen privasi:
| Fitur Privasi | Implementasi | Dampak |
|---|---|---|
| Enkripsi Data | Enkripsi end-to-end | Menjaga keamanan data saat transfer dan penyimpanan |
| Persetujuan Pengguna | Mekanisme opt-in | Sesuai dengan persyaratan privasi hukum |
| Retensi Data | Kebijakan default 90 hari | Mengurangi penyimpanan data yang tidak perlu |
| Kontrol Akses | Izin berbasis role | Membatasi akses ke informasi sensitif |
Pengaturan Performa
Setelah privasi aman, saatnya menyetel performa untuk tracking yang efisien. Gunakan konfigurasi berikut untuk optimasi penggunaan resource:
await CapgoPlugin.configurePerformance({
batchSize: 50,
batchInterval: 30000, // milliseconds
retryStrategy: {
maxAttempts: 3,
backoffMultiplier: 1.5
},
compressionThreshold: 1024 // bytes
});
Untuk lingkungan dengan koneksi jaringan yang tidak stabil, adaptive batching dapat membantu:
await CapgoPlugin.setNetworkPolicy({
lowBandwidthMode: true,
maxPayloadSize: 100000, // bytes
priorityEvents: ["purchase", "error", "crash"]
});
Pengaturan ini memastikan keseimbangan antara pelacakan real-time dan manajemen sumber daya yang efisien, bahkan dalam kondisi jaringan yang sulit.
Ringkasan
Plugin Capgo unggul karena kemampuannya memberikan monitoring real-time dan feedback pengguna yang cepat, menjadikannya alat yang ampuh untuk custom event tracking dan konfigurasi tingkat lanjut. Dengan menawarkan analitik real-time, plugin ini menyederhanakan proses pelacakan custom event, sehingga developer dapat memantau performa aplikasi dan deployment update dengan mudah.
Dengan jangkauan yang mengesankan - hingga 95% pengguna aktif menerima update dalam 24 jam [1] - plugin ini memberikan insight utama melalui metrik berikut:
| Tipe Metrik | Kemampuan Tracking | Dampak Bisnis |
|---|---|---|
| Pengiriman Update | Monitoring instalasi real-time | Memastikan rollout fitur yang cepat |
| Engagement Pengguna | Pelacakan event kustom | Mendukung pengambilan keputusan berbasis data |
| Deteksi Error | Identifikasi masalah secara proaktif | Mengurangi potensi gangguan |
| Analisis Performa | Penggunaan bandwidth dan resource | Meningkatkan efisiensi aplikasi |
Metrik ini menunjukkan peran plugin dalam menyederhanakan update aplikasi dan meningkatkan user experience secara keseluruhan. Kombinasi opsi konfigurasi canggih, kontrol privasi, dan real-time analytics memungkinkan developer untuk mengantisipasi serta menyelesaikan masalah sebelum berdampak ke user. [1].
Saat mengatur custom event tracking, prioritaskan hal berikut:
- Privasi Data: Take advantage of enkripsi bawaan dan alat kepatuhan.
- Pelacakan Properti Pengguna: Gunakan properti persisten untuk menganalisis perilaku pengguna secara efektif.
- Monitoring Real-Time: Dapatkan insight instan terkait update dan instalasi.
FAQ
::: faq
Bagaimana plugin Capgo melindungi data pengguna dan mematuhi regulasi privasi seperti GDPR?
Capgo sangat mengutamakan privasi data dan kepatuhan terhadap regulasi seperti GDPR. Dengan menggunakan enkripsi end-to-end, platform ini memastikan data pengguna tetap aman selama transmisi. Platform ini juga mewajibkan pengguna memberikan persetujuan eksplisit sebelum data dikumpulkan, sehingga mereka memiliki kendali penuh atas pengelolaan informasi mereka.
Untuk memperkuat komitmen terhadap privasi, Capgo melakukan evaluasi rutin guna mengidentifikasi dan menangani potensi risiko. Pendekatan proaktif ini selaras dengan standar perlindungan data ketat dari Uni Eropa, membantu menjaga kepercayaan pengguna sekaligus tetap patuh sepenuhnya pada hukum privasi. :::
::: faq
Bagaimana cara meningkatkan performa event tracking dengan plugin Capgo?
Untuk mendapatkan hasil event tracking yang lebih baik menggunakan plugin Capgo, cobalah beberapa pendekatan cerdas. Pertama, fokuslah pada meminimalkan ukuran data yang dikirim. Pecah dataset besar menjadi bagian-bagian kecil yang mudah dikelola dan kompres data tersebut. Hal ini tidak hanya mempercepat proses, tetapi juga membantu mengurangi konsumsi memori.
Tips lainnya: gunakan caching untuk data yang sering diakses. Ini bisa memberikan perbedaan performa yang signifikan. Selain itu, tools seperti Firebase dan Sentry sangat bagus untuk memantau performa aplikasi, penggunaan resource, dan response time. Tools ini memberikan insight real-time, sehingga Anda bisa melakukan penyesuaian cepat agar aplikasi Capacitor Anda tetap berjalan lancar.
Dengan menggunakan strategi ini, Anda dapat meningkatkan performa event tracking tanpa mengorbankan user experience. :::
::: faq
Bagaimana cara troubleshoot dan mengatasi masalah custom event tracking menggunakan tools Capgo?
Untuk mengatasi masalah custom event tracking di aplikasi Capacitor Anda, beberapa tools dan strategi dari Capgo bisa sangat membantu. Mulailah dengan menggunakan alat debugging web seperti Chrome DevTools atau Safari Web Inspector. Ini sangat berguna untuk menginspeksi panggilan API, melacak loading resource, dan mengidentifikasi error JavaScript. Untuk komponen native, gunakan tools spesifik platform seperti Xcode untuk iOS atau Android Studio untuk Android guna mendalami potensi masalah yang ada.
Running key perintah Capacitor CLI adalah pendekatan efektif lainnya. Contohnya, npx cap doctor membantu mendiagnosis masalah konfigurasi, sementara npx cap sync memastikan plugin terintegrasi dengan benar ke proyek Anda.
Untuk proses debugging yang lebih tangguh, Anda juga bisa mengintegrasikan platform error tracking seperti Sentry atau LogRocket. Alat-alat ini memantau error dan interaksi user secara real-time, sehingga sangat berguna saat over-the-air (OTA) updates. Dengan menggabungkan metode ini, Anda dapat menyederhanakan proses debugging dan meningkatkan performa custom event tracking Anda. :::
Lanjutkan dengan Capgo Plugin untuk Custom Event Tracking
Jika Anda menggunakan Plugin Capgo untuk Custom Event Tracking untuk merencanakan pekerjaan plugin native, hubungkan dengan Direktori Plugin Capgo untuk alur kerja produk di Direktori Plugin Capgo, Plugin Capacitor oleh Capgo untuk detail implementasi di Capacitor Plugins oleh Capgo, Menambahkan atau Memperbarui Plugin untuk detail implementasi di Adding or Updating Plugins, Alternatif Plugin Ionic Enterprise untuk alur kerja produk di alternatif Ionic Enterprise Plugin, dan Capgo Native Build untuk workflow produk di Capgo Native Builds.