Saltare al contenuto

Inizia

  1. Installa il plugin

    Finestra del terminale
    npm i @capgo/capacitor-contentsquare
  2. Sincronizza piattaforme native

    Finestra del terminale
    npx cap sync
  3. Verifica la configurazione del prodotto upstream

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.

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' }],
});
  • 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.