Page/area: Sitio web de marketing de Capgo. Role: Oración de copia de sitio web. Seen in: component doc/SignupCta.astro, component Hero.astro. Message key `hero_subtitle_v2` (Hero Subtitle V2).

Instalación

Puede utilizar nuestra configuración asistida por IA para instalar el complemento. Agregue las Capgo habilidades a su herramienta de IA utilizando el siguiente comando:

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

Entonces utilice la siguiente solicitud:

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

Si prefiere la configuración manual, instale el complemento ejecutando los siguientes comandos y siguiendo 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

   • Siga 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

• Sección titulada “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.

Control de privacidad de Replay

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 iOS, complete la configuración adicional de deeplink en el iOS setup página.
• No es necesario configuración de manifiesto adicional para Android; consulte las Notas de Android para consejos de registro y validación.

Notas

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

Sigue adelante desde Inicio

Si estás utilizando Getting Started para planificar el trabajo de plugin nativo, conecta con Usando @capgo/capacitor-contentsquare para la capacidad nativa en Usando @capgo/capacitor-contentsquare, Directorio de Plugin Capgo para el flujo de trabajo del producto en el directorio de plugins Capgo Capacitor Plugins 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 Ionic Enterprise Plugin Alternativas.