Mulai Berjalan

Copy 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.

Pemasangan

Anda dapat menggunakan Pengaturan Bantuan AI untuk menginstal plugin. Tambahkan Capgo kemampuan ke alat AI Anda menggunakan perintah berikut:

npx skills add https://github.com/Cap-go/capgo-skills --skill capacitor-plugins

Lalu gunakan prompt berikut:

Use the `capacitor-plugins` skill from `Cap-go/capgo-skills` to install the `@capgo/capacitor-contentsquare` plugin in my project.

Jika Anda lebih suka Pengaturan Manual, instal plugin dengan menjalankan perintah-perintah berikut dan ikuti instruksi spesifik platform di bawah ini:

Instal Plugin
- npm
- pnpm
- yarn
- bun
Jendela Terminal
npm i @capgo/capacitor-contentsquare
Jendela Terminal
pnpm add @capgo/capacitor-contentsquare
Jendela Terminal
yarn add @capgo/capacitor-contentsquare
Jendela Terminal
bun add @capgo/capacitor-contentsquare
Sinkronkan platform native
- npm
- pnpm
- yarn
- bun
Jendela Terminal
npx cap sync
Jendela Terminal
pnpm cap sync
Jendela Terminal
yarn cap sync
Jendela Terminal
bunx cap sync
Periksa konfigurasi produk upstream
- Ikuti instruksi resmi Petunjuk Contentsquare Capacitor untuk kunci proyek, pengaturan ulang, dan pengaturan dashboard.

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

Gunakan nama yang stabil daripada nilai pengguna spesifik.
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.

Pengaturan Privasi Ulang

Pakai 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

Untuk fitur-fitur dalam aplikasi iOS, lengkapi pengaturan koneksi antar halaman yang lebih lanjut di Pengaturan iOS halaman ini.
Android tidak memerlukan pengaturan manifest tambahan untuk plugin itu sendiri; lihat Catatan Android untuk tips tentang logging dan validasi.

Catatan

Plugin ini adalah Capacitor port komunitas ke-8 dari paket Contentsquare Capacitor resmi.
JavaScript API tetap sinkron dengan dokumen Contentsquare Capacitor saat ini, sementara pengemasan dan pengaturan pembangunan native ditujukan ke Capacitor 8.

Teruskan dari Getting Started

Jika Anda menggunakan Getting Started untuk merencanakan pekerjaan plugin native, hubungkannya dengan Menggunakan @capgo/capacitor-contentsquare untuk kemampuan native di Menggunakan @capgo/capacitor-contentsquare, Capgo Direktori Plugin untuk alur kerja produk di Capgo Direktori Plugin, Capacitor Plugin oleh Capgo untuk detail implementasi di Capacitor Plugin oleh Capgo Menambahkan atau Mengupdate Plugin untuk detail implementasi di Menambahkan atau Mengupdate Plugin, dan Alternatif Plugin Enterprise Ionic untuk alur kerja produk di Alternatif Plugin Enterprise Ionic.