Saltar al contenido

Iniciar sesión

  1. Instale el plugin

    Ventana de terminal
    npm i @capgo/capacitor-contentsquare
  2. Sincronizar plataformas nativas

    Ventana de terminal
    npx cap sync
  3. Revisar la configuración del producto 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',
});
  • 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.

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.