Essai gratuit de 14 jours sans limite. Pas de carte de crédit requise

Installation

Vous pouvez utiliser notre Setup assisté 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 le Setup manuel, installez le plugin en exécutant les commandes suivantes et suivez les instructions spécifiques au 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 Guide de Contentsquare Capacitor for project keys, replay settings, and dashboard setup.

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 d'écran

• Utilisez des noms stables au lieu de valeurs spécifiques à l'utilisateur.
• 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 d'écran et les variables dynamiques critiques.

Contrôles de confidentialité de la relecture

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 du plateforme

• Pour les fonctionnalités en app iOS, complétez la mise en réseau de deeplink supplémentaire dans le Configuration iOS page.
• Android n'a pas besoin de câblage de manifest supplémentaire pour le plugin lui-même ; consultez Notes Android Pour conseils de logging et de validation.

Notes

• Cette extension est une version de la communauté Capacitor 8 de l'extension officielle Contentsquare Capacitor.
• Le JavaScript API reste aligné avec les documents Contentsquare actuels Capacitor, tandis que la mise en paquet et la configuration de build natif visent Capacitor 8.

Continuez de là depuis Getting Started

Si vous utilisez Getting Started pour planifier le travail d'extension native, connectez-l’à Utilisation de @capgo/capacitor-contentsquare pour la capacité native dans Utilisation de @capgo/capacitor-contentsquare, Répertoire des plugins Capgo pour le flux de travail du produit dans Répertoire des plugins Capgo, Capacitor Plugins by Capgo pour les détails d'implémentation dans Capacitor Plugins 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 Ionic Enterprise pour le flux de travail du produit dans Alternatives de Plugins Ionic Enterprise.