Démarrage

1. Installez le plugin

   npm

   npm i @capgo/capacitor-contentsquare

   pnpm

   pnpm add @capgo/capacitor-contentsquare

   yarn

   yarn add @capgo/capacitor-contentsquare

   bun

   bun add @capgo/capacitor-contentsquare

2. Synchroniser les plateformes natives

   npm

   npx cap sync

   pnpm

   pnpm cap sync

   yarn

   yarn cap sync

   bun

   bunx cap sync

3. Vérifiez la configuration du produit upstream

   • Suivez le guide officiel de Contentsquare __CAPGO_KEEP_0__ Contentsquare Capacitor guide Utilisation de base

Section intitulée « Utilisation de 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',
});

Section intitulée « Conseils de nommage de l'écran »

• Conservez les mêmes conventions de nommage dans les piles de navigation iOS et Android.
• Lorsque l'application revient en avant-plan, renvoyez le nom de l'écran et les variables dynamiques critiques.
• Utilisez des noms stables au lieu de valeurs spécifiques à l'utilisateur.

Contrôles de confidentialité de Replay

Utilisez les assistants de masquage intégrés pour garder le contenu sensible hors de la session de 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' }],
});

Configuration de la plateforme

• Pour les fonctionnalités en application iOS, complétez la mise à niveau de la liaison de profondeur supplémentaire dans le Configuration iOS page.
• L'Android n'a pas besoin de mise à niveau de liaison de manifeste supplémentaire pour le plugin lui-même ; voir Notes Android pour des conseils sur la journalisation et la validation.

Remarques

• Ce plugin est une Capacitor version de la communauté 8 de la package officielle Contentsquare Capacitor.
• Le JavaScript API reste aligné avec la documentation actuelle Contentsquare Capacitor , tandis que la mise en boîte et la configuration de construction native visent Capacitor 8.

Continuez de l'étape de démarrage

Si vous utilisez Démarrage pour planifier le travail de plugin natif, connectez-le avec En utilisant @capgo/capacitor-contentsquare pour la capacité native dans En utilisant @capgo/capacitor-contentsquare, Capgo Répertoire des plugins pour le flux de travail du produit dans le répertoire de plugin Capgo les plugins Capacitor par Capgo pour le détail d'implémentation dans les plugins Capacitor par Capgo, Ajouter ou Mettre à jour les plugins pour le détail d'implémentation dans Ajouter ou Mettre à jour les plugins, et Alternatives de plugins d'entreprise Ionic pour le flux de travail du produit dans Alternatives de plugins d'entreprise Ionic.