Zum Hauptinhalt springen
@capgo/capacitor-contentsquare Analytics Open Source

Contentsquare Capacitor Plugin

Integriere Contentsquare Mobile Analytics, Consent Gating, Screen Tracking, Transaktionen und Session Replay Controls in Capacitor

Installieren

bun add @capgo/capacitor-contentsquare bunx cap sync
npm, pnpm oder yarn
  • npm install @capgo/capacitor-contentsquare
  • pnpm add @capgo/capacitor-contentsquare
  • yarn add @capgo/capacitor-contentsquare

Anleitung

Contentsquare in Capacitor nutzen

Verwendung von @capgo/capacitor-contentsquare

Interner Native-Bridge-Contract, implementiert von Capacitor.

Installieren

bun add @capgo/capacitor-contentsquare
bunx cap sync

bunx cap sync kopiert den nativen code des Plugins in deine nativen Projekte. Nach jedem Plugin-Upgrade erneut ausführen.

Importieren

import { Contentsquare } from '@capgo/capacitor-contentsquare';

API auf einen Blick

Methode Beschreibung
optIn Zum aktuellen Verhalten siehe die Definitionen im Quellcode.
optOut Zum aktuellen Verhalten siehe die Definitionen im Quellcode.
sendScreenName Zum aktuellen Verhalten siehe die Definitionen im Quellcode.
sendTransaction Zum aktuellen Verhalten siehe die Definitionen im Quellcode.
sendDynamicVarWithStringValue Zum aktuellen Verhalten siehe die Definitionen im Quellcode.
sendDynamicVarWithIntValue Zum aktuellen Verhalten siehe die Definitionen im Quellcode.
onReady Zum aktuellen Verhalten siehe die Definitionen im Quellcode.
excludeURLForReplay Zum aktuellen Verhalten siehe die Definitionen im Quellcode.
setPIISelectors Zum aktuellen Verhalten siehe die Definitionen im Quellcode.
setCapturedElementsSelector Zum aktuellen Verhalten siehe die Definitionen im Quellcode.
collect Zum aktuellen Verhalten siehe die Definitionen im Quellcode.

Beispiele

optIn()

Siehe die API-Referenz für den aktuellen Contract.

import { Contentsquare } from '@capgo/capacitor-contentsquare';

await Contentsquare.optIn();

optOut()

Siehe die API-Referenz für den aktuellen Contract.

import { Contentsquare } from '@capgo/capacitor-contentsquare';

await Contentsquare.optOut();

sendScreenName()

Siehe die API-Referenz für den aktuellen Contract.

import { Contentsquare } from '@capgo/capacitor-contentsquare';

await Contentsquare.sendScreenName({ name: 'example' });

sendTransaction()

Siehe die API-Referenz für den aktuellen Contract.

import { Contentsquare, CurrencyCode } from '@capgo/capacitor-contentsquare';

await Contentsquare.sendTransaction({
  transactionValue: 1,
  transactionCurrency: CurrencyCode.USD,
});

sendDynamicVarWithStringValue()

Siehe die API-Referenz für den aktuellen Contract.

import { Contentsquare } from '@capgo/capacitor-contentsquare';

await Contentsquare.sendDynamicVarWithStringValue({
  dynVarKey: 'dyn-var-key-123',
  dynVarValue: 'dyn-var-value',
});

sendDynamicVarWithIntValue()

Siehe die API-Referenz für den aktuellen Contract.

import { Contentsquare } from '@capgo/capacitor-contentsquare';

await Contentsquare.sendDynamicVarWithIntValue({
  dynVarKey: 'dyn-var-key-123',
  dynVarValue: 'dyn-var-value',
});

Die obige Tabelle listet die 11 Kernmethoden auf. Listener- und Versions-Helper sowie die vollständigen Contracts jeder Methode sind in der GitHub Repository.

Vollständige Referenz

Weiter mit @capgo/capacitor-contentsquare

Wenn du es nutzt Verwendung von @capgo/capacitor-contentsquare Um die Arbeit an nativen Plugins zu planen, verbinde sie mit @capgo/capacitor-contentsquare für das Implementierungsdetail in @capgo/capacitor-contentsquare, Erste Schritte für die Implementierungsdetails in Erste Schritte, Capgo Plugin-Verzeichnis für den Produkt-Workflow im Capgo Plugin-Verzeichnis, Capacitor Plugins von Capgo für die Implementierungsdetails in Capacitor Plugins von Capgo, und Plugins hinzufügen oder aktualisieren für die Implementierungsdetails in Plugins hinzufügen oder aktualisieren.

FAQ

Contentsquare-Plugin-FAQ

Wie installiere ich das Contentsquare-Plugin in einer Capacitor-App?

Führe "bun add @capgo/capacitor-contentsquare" (oder "npm install @capgo/capacitor-contentsquare") aus und danach "bunx cap sync", damit die iOS- und Android-Projekte die nativen code übernehmen. Importiere es aus "@capgo/capacitor-contentsquare" in deiner App code.

Funktioniert @capgo/capacitor-contentsquare mit React, Vue und Angular?

Ja. Contentsquare ist ein Capacitor-Package und funktioniert daher mit jedem Web-Framework, das in Capacitor läuft – darunter Ionic, React, Vue, Angular, Svelte und pures JavaScript.

Welche Capacitor-Version unterstützt @capgo/capacitor-contentsquare?

Capgo Plugins folgen der Major-Version von Capacitor: Nutze die Plugin-Major-Version, die zu deiner Capacitor Major-Version passt (z. B. Plugin v8 bei Capacitor 8). Die Kompatibilitätstabelle im GitHub README listet die gepflegten Versionen auf.

Ist @capgo/capacitor-contentsquare kostenlos und Open Source?

Ja. Der Quellcode ist öffentlich auf GitHub unter https://github.com/Cap-go/capacitor-contentsquare__ verfügbar und das Paket kann kostenlos über npm installiert werden. Bug-Reports und Pull Requests sind willkommen.

Kann ich code mit Contentsquare aktualisieren, ohne ein App Store Review abzuwarten?

Die Installation oder ein Upgrade des Plugins ändert den nativen code, weshalb ein neuer Store-Build nötig ist. Danach können JavaScript-, HTML- und CSS-Änderungen, die das Plugin aufrufen, sofort per Capgo Live Updates ausgeliefert werden.

Contentsquare-Änderungen deployen, ohne auf den App-Review zu warten

Sobald das Plugin in deinem Store-Build ist, bringt Capgo mit Live-Updates deine JavaScript-, HTML- und CSS-Änderungen in Minuten zu den Nutzern.

Starte mit Capgo