Configuración inicial

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

• Usar nombres estables en lugar de valores específicos del usuario.
• Mantener las mismas convenciones de nombrado en las pilas de navegación de iOS y Android.
• Cuando la aplicación regresa al primer plano, enviar de nuevo 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 Título de la sección “Configuración de iOS” página.
• No es necesario configurar el enlace de manifest adicional para Android; consulte Título de la sección “Notas de Android” para obtener consejos sobre registro y validación.

Título de la secció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 los detalles de implementación en Capacitor Plugins por Capgo Agregar o Actualizar Plugins para los detalles 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.