無料で始める
インストール
Set up this Capacitor plugin in the project.
Use the package manager already used by the project.
Install these package(s): `@capgo/capacitor-contentsquare`
Run the required Capacitor sync/update step after installation.
Read this markdown guide for the full setup steps: https://raw.githubusercontent.com/Cap-go/website/refs/heads/main/apps/docs/src/content/docs/docs/plugins/contentsquare/getting-started.mdx
Use that guide for platform-specific steps, native file edits, permissions, config changes, imports, and usage setup.
If that guide references other docs pages, read them too.
インストール
「インストール」のセクションCapgoのAI-Assisted Setupを使用してプラグインをインストールできます。AIツールにCapgoスキルを追加するには、以下のコマンドを実行してください。
npx skills add https://github.com/Cap-go/capgo-skills --skill capacitor-pluginsコンテキスト: Capgoのマーケティングウェブサイト。役割: UIラベル。見られる場所: ページエージェント/[slug].astro。メッセージキー `agents_page_copy_label` (エージェントページコピーラベル)。
Use the `capacitor-plugins` skill from `Cap-go/capgo-skills` to install the `@capgo/capacitor-contentsquare` plugin in my project.次に、以下のプロンプトを使用してください。
-
Manual Setupを使用する場合は、以下のコマンドを実行してプラグインをインストールし、以下のプラットフォーム固有の指示に従ってください。
トイスバースト npm i @capgo/capacitor-contentsquareトイスバースト pnpm add @capgo/capacitor-contentsquareトイスバースト yarn add @capgo/capacitor-contentsquareトイスバースト bun add @capgo/capacitor-contentsquare -
コンターバーストメコト
ターミナル画面 npx cap syncターミナル画面 pnpm cap syncターミナル画面 yarn cap syncターミナル画面 bunx cap sync -
アップストリーム製品の設定を確認する
公式の Contentsquare Capacitor ガイド プロジェクトキー、再生設定、ダッシュボードのセットアップについて
基本的な使用方法
「基本的な使用方法」のセクション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',});コンテンツスクエアのスクリーン名のヒント
セクション「スクリーン名のヒント」- 安定した名前を使用する
- iOSとAndroidのナビゲーションスタックで同じ命名規則を維持する
- アプリが前景に戻ったときに、スクリーン名と重要なダイナミック変数を再送信する
再生プライバシー制御
セクション「再生プライバシー制御」セッション再生で敏感なコンテンツを除外するために、組み込みのマスクヘルパーを使用してください:
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' }],});プラットフォーム設定
セクション「プラットフォーム設定」- iOSアプリ内機能の場合、追加のデープリンクワイヤリングをページに追加してください。 iOS設定 ページ。
- Androidにはプラグイン自体の追加のマニフェストワイヤリングが必要ありません。ログと検証に関するヒントは Androidの注記 を参照してください。
Notes
「Notes」- This plugin is a Capacitor 8 community port of the official Contentsquare Capacitor package.
- JavaScript APIは、現在のContentsquare Capacitorドキュメントと同期されます。パッケージングとネイティブビルド設定はCapacitor 8にターゲットされています。
続けてください
「続けてください」あなたが使用している 「Getting Started」 を使用してネイティブプラグインの作業を計画する場合、接続するには 「@capgo/capacitor-contentsquare」を使用します。 「@capgo/capacitor-contentsquare」を使用してネイティブ機能を使用する 「Capgo プラグインディレクトリ」 for the product workflow in Capgo Plugin Directory, Capacitor Capgo Capgoの実装詳細については、Capacitor プラグインによって Capgo で管理されます。 プラグインの追加または更新 プラグインの追加または更新の実装詳細については Capgoエンタープライズプラグインの代替 Capgoエンタープライズプラグインの代替の製品ワークフローについては