Page/area: Capgo Marketing-Website. Rolle: Website-Text. Erhalten in: Komponente doc/SignupCta.astro, Komponente Hero.astro. Nachrichten Schlüssel `hero_subtitle_v2` (Hero-Untertitel V2).

Installation

Sie können unsere AI-gestützte Einrichtung verwenden, um das Plugin zu installieren. Fügen Sie die Capgo Fähigkeiten Ihrem AI-Tool mit der folgenden Befehl hinzu:

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

Dann verwenden Sie folgenden Prompt:

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

Wenn Sie eine manuelle Einrichtung bevorzugen, installieren Sie das Plugin, indem Sie die folgenden Befehle ausführen und die darunter angegebenen Plattform-spezifischen Anweisungen befolgen.

1. Installieren Sie das Plugin

   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. Synchronisiere native Plattformen

   npm

   npx cap sync

   pnpm

   pnpm cap sync

   yarn

   yarn cap sync

   bun

   bunx cap sync

3. Überprüfen Sie die Produktkonfiguration des Herstellers

   • Folgen Sie den offiziellen Anweisungen Contentsquare Anleitung Capacitor zur Projekt-Schlüssel, Wiedergabe-Einstellungen und Dashboard-Einrichtung

Basic usage

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',
});

Bildschirmbezeichnungstipps

• Abschnitt mit dem Titel „Tipps zur Bildschirmbezeichnung“
• Verwenden Sie stattdessen stabile Namen anstelle von Benutzer-spezifischen Werten
• Wenn die App wieder in den Vordergrund kommt, senden Sie den Bildschirmnamen und alle kritischen dynamischen Variablen erneut.

Replay Datenschutzkontrollen

Verwenden Sie die integrierten Maskierungshilfen, um sensitive Inhalte aus der Session Replay auszuschließen:

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' }],
});

Plattformseinstellungen

• Für iOS-In-App-Funktionen müssen Sie die zusätzliche Deeplink-Verkabelung im iOS-Einstellungen Seite.
• Für Android ist keine zusätzliche Manifest-Verkabelung für den Plugin selbst erforderlich; siehe Android-Hinweise für Tipps zum Logging und Validieren.

Hinweise

• Diese Erweiterung ist eine Capacitor 8 Community-Übersetzung der offiziellen Contentsquare Capacitor-Paket.
• Das JavaScript API bleibt mit den aktuellen Contentsquare Capacitor-Dokumentationen synchron, während die Verpackung und die native Build-Einstellungen auf Capacitor 8 ausgerichtet sind.

Weiter mit der Einführung

Wenn Sie Capgo verwenden Getting Started um native Plugin-Arbeiten zu planen, verbinden Sie es mit Verwendung von @capgo/capacitor-contentsquare für die native Fähigkeit in Using @capgo/capacitor-contentsquare, Capgo Plugin-Verzeichnis für den Produktworkflow in der Capgo Plugin-Datenbank Capacitor Plugins von Capgo für die Implementierungsdetails in den Capacitor Plugins von Capgo Plugins hinzufügen oder aktualisieren für die Implementierungsdetails in Plugins hinzufügen oder aktualisieren und Ionic-Enterprise-Plugin-Alternativen für das Produktworkflow in Ionic Enterprise Plugin Alternativen.