Mulai
Copas prompt pengaturan dengan langkah instalasi dan panduan markdown lengkap untuk plugin ini.
Set up this Capacitor plugin in the project.
Use the package manager already used by the project.
Install these package(s): `@capgo/capacitor-contentsquare`
Run the required Capacitor sync/update step after installation.
Read this markdown guide for the full setup steps: https://raw.githubusercontent.com/Cap-go/website/refs/heads/main/apps/docs/src/content/docs/docs/plugins/contentsquare/getting-started.mdx
Use that guide for platform-specific steps, native file edits, permissions, config changes, imports, and usage setup.
If that guide references other docs pages, read them too.
-
Pasang plugin ini
Jendela Terminal npm i @capgo/capacitor-contentsquareJendela Terminal pnpm add @capgo/capacitor-contentsquareJendela Terminal yarn add @capgo/capacitor-contentsquareJendela Terminal bun add @capgo/capacitor-contentsquare -
Sinkronkan platform native
Jendela Terminal npx cap syncJendela Terminal pnpm cap syncJendela Terminal yarn cap syncJendela Terminal bunx cap sync -
Review konfigurasi produk upstream
Ikuti instruksi resmi Petunjuk Contentsquare Capacitor untuk kunci proyek, pengaturan ulang, dan pengaturan dashboard.
Penggunaan dasar
Bagian berjudul “Penggunaan dasar”import { ContentsquarePlugin, CurrencyCode } from '@capgo/capacitor-contentsquare';
await ContentsquarePlugin.optIn();
await ContentsquarePlugin.sendScreenName('Home');
await ContentsquarePlugin.sendTransaction({ transactionValue: 29.99, transactionCurrency: CurrencyCode.EUR, transactionId: 'order-123',});
await ContentsquarePlugin.sendDynamicVar({ dynVarKey: 'store', dynVarValue: 'rome',});Tips penamaan layar
Bagian berjudul “Tips penamaan layar”- Gunakan nama yang stabil daripada nilai spesifik pengguna.
- Tetapkan konvensi penamaan yang sama di antara stack navigasi iOS dan Android.
- Ketika aplikasi kembali ke latar depan, kirim ulang nama layar dan variabel dinamis kritis apa pun.
Kontrol Privasi Replay
Judul Bagian “Kontrol Privasi Replay”Gunakan bantuan pengubahan karakter bawaan untuk menjaga konten sensitif tidak masuk ke dalam Rekaman Sesi:
await ContentsquarePlugin.excludeURLForReplay('/checkout/');
await ContentsquarePlugin.setCapturedElementsSelector('[data-cs-capture]');
await ContentsquarePlugin.setPIISelectors({ PIISelectors: ['input[type="email"]', '.credit-card'], Attributes: [{ selector: 'input[name="email"]', attrName: 'value' }],});Pengaturan Platform
Judul Bagian “Pengaturan Platform”- Untuk fitur-fitur dalam aplikasi iOS, lengkapi pengaturan koneksi deep link tambahan di Pengaturan iOS halaman.
- Android tidak memerlukan pengaturan manifest tambahan untuk plugin itu sendiri; lihat Catatan Android untuk tips tentang logging dan validasi.
Catatan
Judul bagian “Catatan”- Plugin ini adalah Capacitor port komunitas 8 dari paket Contentsquare Capacitor resmi.
- JavaScript API tetap sinkron dengan dokumen Contentsquare Capacitor saat ini, sementara pengemasan dan pengaturan pembangunan native bertujuan ke Capacitor 8.