Langsung ke Konten Utama
@capgo/capacitor-rudderstack Analitik Terbuka sumber

RudderStack Plugin Capacitor

Analitik RudderStack, penyelesaian identitas, pengukuran layar, dan pengendalian pengiriman untuk Capacitor

Install

bun add @capgo/capacitor-rudderstack bunx cap sync
npm, pnpm atau yarn
  • npm install @capgo/capacitor-rudderstack
  • pnpm add @capgo/capacitor-rudderstack
  • yarn add @capgo/capacitor-rudderstack

Panduan

Cara menggunakan RudderStack di Capacitor

Uji coba di perangkat

Unduh aplikasi Capgo, kemudian scan kode QR code.

Tautan QR pratinjau plugin RudderStack code

Menggunakan @capgo/capacitor-rudderstack

Capacitor API yang mengacu pada permukaan publik dari rudder-sdk-cordova.

Install

bun add @capgo/capacitor-rudderstack
bunx cap sync

bunx cap sync Menggandakan plugin asli code ke proyek-proyek native Anda. Jalankan lagi setelah setiap pembaruan plugin.

Import

import { nativePlugin } from '@capgo/capacitor-rudderstack';

Pandangan API sekaligus

Metode Deskripsi
initialize Menginisialisasi klien RudderStack.
identify Mengirimkan panggilan identifikasi untuk ID pengguna yang diberikan.
group Mengirimkan panggilan kelompok untuk ID kelompok yang diberikan.
track Mengirimkan panggilan track untuk nama acara yang diberikan.
screen Mengirimkan panggilan layar untuk nama layar yang diberikan.
alias Mengalihkan pengguna saat ini ke identifikasi baru.
reset Mengatur ulang keadaan identitas RudderStack saat ini.
flush Mengosongkan acara yang ditunggu segera.
putDeviceToken Mengatur token push yang dikirimkan oleh RudderStack ke tujuan yang didukung.
setAdvertisingId Lihat definisi sumber untuk perilaku saat ini.
putAdvertisingId Mengatur nilai ID iklan yang disesuaikan.
setAnonymousId Lihat definisi sumber untuk perilaku saat ini.
putAnonymousId Menetapkan nilai ID anonim kustom.
optOut Nonaktifkan Tracking RudderStack.

Contoh

initialize()

Menginisialisasi klien RudderStack.

import { nativePlugin } from '@capgo/capacitor-rudderstack';

await nativePlugin.initialize('write-key-123');

identify()

Mengirimkan panggilan identifikasi untuk ID pengguna yang diberikan.

import { nativePlugin } from '@capgo/capacitor-rudderstack';

await nativePlugin.identify('user-id-123');

group()

Mengirimkan panggilan grup untuk ID grup yang diberikan.

import { nativePlugin } from '@capgo/capacitor-rudderstack';

await nativePlugin.group('group-id-123');

track()

Mengirimkan panggilan kelompok untuk ID kelompok yang diberikan.

import { nativePlugin } from '@capgo/capacitor-rudderstack';

await nativePlugin.track('event');

screen()

Mengirimkan panggilan track untuk nama acara yang diberikan.

import { nativePlugin } from '@capgo/capacitor-rudderstack';

await nativePlugin.screen('screen');

alias()

Mengirimkan panggilan layar untuk nama layar yang diberikan.

import { nativePlugin } from '@capgo/capacitor-rudderstack';

await nativePlugin.alias('new-id-123');

Daftar di atas menampilkan 14 metode inti. Bantuan listener dan versi, serta kontrak lengkap dari setiap metode, dapat dilihat di repository GitHub.

Referensi Lengkap

Teruskan dari Menggunakan @capgo/capacitor-rudderstack

Jika Anda menggunakan Menggunakan @capgo/capacitor-rudderstack untuk merencanakan dashboard dan API operasi, hubungkannya dengan @capgo/capacitor-rudderstack untuk detail implementasi di @capgo/capacitor-rudderstack Dokumentasi untuk detail implementasi di Dokumentasi API Ringkasan untuk detail implementasi di API Ringkasan, Pendahuluan untuk detail implementasi di Pendahuluan, dan API Kunci untuk detail implementasi di API Kunci.

FAQ

Faq Plugin RudderStack

Bagaimana cara menginstal plugin RudderStack di sebuah aplikasi Capacitor?

Jalankan "bun add @capgo/capacitor-rudderstack" (atau "npm install @capgo/capacitor-rudderstack"), kemudian jalankan "bunx cap sync" agar projek iOS dan Android dapat menangkap code native. Impor dari "@capgo/capacitor-rudderstack" di aplikasi code Anda.

Apakah @capgo/capacitor-rudderstack dapat berjalan dengan React, Vue, dan Angular?

Ya. RudderStack adalah paket Capacitor, sehingga dapat berjalan dengan framework web apa pun yang berjalan di dalam Capacitor, termasuk Ionic, React, Vue, Angular, Svelte, dan JavaScript biasa.

Versi Capacitor mana yang didukung oleh @capgo/capacitor-rudderstack?

Capgo plugin mengikuti versi mayor Capacitor: gunakan versi plugin mayor yang sesuai dengan versi mayor Capacitor Anda (misalnya plugin v8 dengan Capacitor 8). Tabel kompatibilitas di README GitHub menyebutkan versi yang dipelihara.

Apakah @capgo/capacitor-rudderstack gratis dan terbuka sumber?

Ya. Sumber code yang terbuka dapat ditemukan di GitHub di https://github.com/Cap-go/capacitor-rudderstack/ dan paketnya dapat diinstal secara gratis dari npm. Laporan bug dan permintaan pull selalu welcome.

Apakah saya bisa memperbarui code yang menggunakan RudderStack tanpa melalui tinjauan App Store?

Menginstal atau mengupgrade plugin mengubah kode native code, sehingga memerlukan pembangunan toko baru. Setelah itu, perubahan JavaScript, HTML, dan CSS yang memanggil plugin dapat dikirimkan secara instan dengan Capgo pembaruan hidup.

Kirim perubahan RudderStack tanpa menunggu tinjauan aplikasi

Setelah plugin masuk ke dalam toko Anda, Capgo live updates meneruskan perubahan JavaScript, HTML, dan CSS Anda ke pengguna dalam menit.

Mulai dengan Capgo