Inizia
Copia un prompt di configurazione con i passaggi di installazione e la guida markdown completa per questo plugin.
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.
-
Installa il plugin
Finestra del terminale npm i @capgo/capacitor-contentsquareFinestra del terminale pnpm add @capgo/capacitor-contentsquareFinestra del terminale yarn add @capgo/capacitor-contentsquareFinestra del terminale bun add @capgo/capacitor-contentsquare -
Sincronizza piattaforme native
Finestra del terminale npx cap syncFinestra del terminale pnpm cap syncFinestra del terminale yarn cap syncFinestra del terminale bunx cap sync -
Verifica la configurazione del prodotto upstream
Segui le istruzioni ufficiali Guida di Contentsquare Capacitor per le chiavi del progetto, le impostazioni di riproduzione e la configurazione del dashboard.
Utilizzo base
Sezione intitolata “Utilizzo base”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',});Suggerimenti per la denominazione dello schermo
Sezione intitolata “Consigli per la denominazione delle schermate”- Usa nomi stabili al posto di valori specifici degli utenti.
- Mantieni le stesse convenzioni di denominazione tra le pile di navigazione iOS e Android.
- Quando l'app ritorna in primo piano, invia nuovamente il nome della schermata e qualsiasi variabile dinamica critica.
Riproduci i controlli sulla privacy
Sezione intitolata “Riproduci i controlli sulla privacy”Usa gli aiuti di mascheramento integrati per tenere il contenuto sensibile fuori da Session Replay:
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' }],});Configurazione del dispositivo
Sezione intitolata “Configurazione del dispositivo”- Per le funzionalità in-app iOS, completa il cablaggio di deep link aggiuntivo in Configurazione iOS pagina.
- L'Android non richiede caviature aggiuntive del manifesto per il plugin stesso; vedi Note per Android per consigli su logging e validazione.
- Questo plugin è una Capacitor 8 porta comunitaria ufficiale del pacchetto Contentsquare Capacitor.
- Il JavaScript API rimane allineato con la documentazione attuale di Contentsquare Capacitor , mentre la confezione e la configurazione di build nativa puntano a Capacitor 8.