Empezar

Instalación

Puedes utilizar nuestra configuración asistida por inteligencia artificial para instalar el complemento. Agrega las Capgo habilidades a tu herramienta de inteligencia artificial utilizando el siguiente comando:

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

Luego utiliza el siguiente prompt:

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

Si prefieres la configuración manual, instala el complemento ejecutando los siguientes comandos y sigue las instrucciones específicas de la plataforma a continuación:

1. Instalar el complemento

   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. Sincronizar plataformas nativas

   npm

   npx cap sync

   pnpm

   pnpm cap sync

   yarn

   yarn cap sync

   bun

   bunx cap sync

3. Revisar la configuración del producto upstream

   • Sigue las instrucciones oficiales Guía de Contentsquare Capacitor para claves de proyecto, ajustes de reproducción y configuración de la consola.

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 pantallas

• Utiliza nombres estables en lugar de valores específicos del usuario.
• Mantén las mismas convenciones de nombramiento en las pilas de navegación de iOS y Android.
• Cuando el aplicativo regresa al primer plano, envía nuevamente el nombre de la pantalla y cualquier variable dinámica crítica.

Controles de privacidad de la reproducción

Utilice los ayudantes de máscara integrados para mantener el contenido sensible fuera de la grabación de sesión:

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 plataforma

• Para características de aplicaciones en iOS, complete la configuración de enlace profundo adicional en el Configuración de iOS página.
• No es necesario configuración de manifiesto adicional para Android; consulte Notas de Android para consejos de registro y validación.

Notas

• Este plugin es una Capacitor 8 comunidad port de la paquete oficial Contentsquare Capacitor.
• El JavaScript API se mantiene alineado con la documentación actual de Contentsquare Capacitor, mientras que la empaquetado y la configuración de compilación nativa apuntan a Capacitor 8.

Siga adelante desde Inicio

Si está utilizando Inicio para planificar el trabajo de plugin nativo, conecte con Usando @capgo/capacitor-contentsquare para la capacidad nativa en Usando @capgo/capacitor-contentsquare, Directorio de Plugins Capgo para el flujo de trabajo del producto en Directorio de Plugins Capgo, Plugins Capacitor por Capgo para el detalle de implementación en Capacitor Plugins por Capgo Agregar o Actualizar Plugins para el detalle de implementación en Agregar o Actualizar Plugins, y Alternativas de Plugins de Ionic Enterprise para el flujo de trabajo del producto en Alternativas de Plugins de Ionic Enterprise.