Accueil

Installation

Vous pouvez utiliser notre configuration assistée par l'IA pour installer le plugin. Ajoutez les Capgo compétences à votre outil IA en utilisant la commande suivante :

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

Ensuite, utilisez la prompt suivante :

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

Si vous préférez la configuration manuelle, installez le plugin en exécutant les commandes suivantes et suivez les instructions spécifiques à la plateforme ci-dessous :

1. Installer 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 suivez le guide officiel de Contentsquare __CAPGO_KEEP_0__ pour les clés de projet, les paramètres de replay et la configuration de la console de bord.

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

Conseils de nommage de l'écran

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

Réplay des contrôles de confidentialité

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

Configuration de la plateforme

• Pour les fonctionnalités en app iOS, complétez la mise en page de l'hyperlien supplémentaire dans le Configuration iOS page.
• L'Android n'a pas besoin de mise en page de manifeste supplémentaire pour le plugin lui-même ; voir Remarques Android les conseils de mise en page et de validation.

Remarques

• Ce plugin est une version de la communauté Capacitor 8 du package officiel Contentsquare Capacitor.
• Le JavaScript API est aligné sur les documents actuels Contentsquare Capacitor , tandis que la mise en boîte et la configuration de construction native visent Capacitor 8.

Continuez de l'interface d'accueil

Si vous utilisez L'interface d'accueil 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, Répertoire de plugin Capgo pour le flux de travail du produit dans Répertoire de plugin Capgo, Plugins Capacitor par Capgo pour le détail d'implémentation dans Plugins Capacitor par Capgo, Ajouter ou Mettre à jour des plugins pour les détails d'implémentation dans l'ajout ou la mise à jour de plugins, et Alternatives de plugins Ionic Enterprise pour le flux de travail du produit dans les alternatives de plugins Ionic Enterprise.