Iniciar sesión
Copiar un prompt de configuración con los pasos de instalación y la guía de markdown completa para este 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.
-
Instale el plugin
Ventana de terminal npm i @capgo/capacitor-contentsquareVentana de terminal pnpm add @capgo/capacitor-contentsquareVentana de terminal yarn add @capgo/capacitor-contentsquareVentana de terminal bun add @capgo/capacitor-contentsquare -
Sincronizar plataformas nativas
Ventana de terminal npx cap syncVentana de terminal pnpm cap syncVentana de terminal yarn cap syncVentana de terminal bunx cap sync -
Revisar la configuración del producto upstream
Sigue la guía oficial de Contentsquare __CAPGO_KEEP_0__ Contentsquare Capacitor guide Uso básico
Uso básico
Sección titulada “Uso básico”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',});Consejos para nombrar la pantalla
Sección titulada “Consejos para nombrar la pantalla”- Usar nombres estables en lugar de valores específicos del usuario.
- Mantenga las convenciones de nombres consistentes en las pilas de navegación de iOS y Android.
- Cuando la aplicación regrese al primer plano, envíe el nombre de la pantalla y cualquier variable dinámica crítica.
Reproducir controles de privacidad
Sección titulada “Reproducir controles de privacidad”Use los ayudantes de máscara integrados para mantener el contenido sensible fuera de la Reproducción de Sesiones:
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' }],});Configuración de la plataforma
Configuración de la plataforma- Para características de aplicaciones en iOS, complete la configuración adicional de deeplink en el Configuración de iOS página.
- Android no necesita cableado de manifiesto adicional para el plugin en sí; consulte Notas de Android Consejos para registro y validación.
- Este plugin es una versión de la comunidad Capacitor 8 de la versión oficial del paquete Contentsquare Capacitor.
- El JavaScript API se mantiene alineado con los documentos de contenido actualizados de Contentsquare Capacitor, mientras que la configuración de empaque y compilación nativa se dirige a Capacitor 8.