시작하기
설치
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 설치를 사용하여 플러그인을 설치할 수 있습니다. AI 도구에 Capgo 기능을 추가하려면 다음 명령어를 사용하세요:
npx skills add https://github.com/Cap-go/capgo-skills --skill capacitor-plugins다음 명령어를 사용하세요:
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 네비게이션 스택에서 동일한 이름 규칙을 유지하십시오.
- 앱이 전면으로 돌아오면 스크린 이름과 중요한 동적 변수를 다시 전송하십시오.
재생 개인 정보 관리
기본 사용법Session Replay를 사용하지 않도록 sensitive 콘텐츠를 숨기기 위해 내장된 masking 도우미를 사용하십시오:
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 setup 페이지에서 추가적인 deeplink wiring을 완료하십시오. iOS 설정 Android는 플러그인 자체에 대한 추가 매니페스트 wiring이 필요하지 않습니다. 로깅 및 유효성 검사 팁을 보려면 Android notes를 참조하십시오.
- Android notes Notes Notes
Section titled “Notes”
Section titled “Notes”- This plugin is a Capacitor 8 community port of the official Contentsquare Capacitor package.
- 자바스크립트 API는 현재 Contentsquare Capacitor 문서와 동기화되며 패키징 및 네이티브 빌드 설정은 Capacitor 8을 목표로합니다.
시작하기
시작하기이 플러그인을 사용하여 시작하기 native 플러그인 작업을 계획하고 연결하려면 Using @capgo/capacitor-contentsquare Using @capgo/capacitor-contentsquare Capgo 플러그인 디렉토리 Capgo 플러그인 디렉토리 Capacitor Plugins by Capgo 구현 세부 정보에 대한 Capacitor 플러그인에 의해 Capgo 플러그인 추가 또는 업데이트 구현 세부 정보에 대한 플러그인 추가 또는 업데이트, 및 아이오닉 엔터프라이즈 플러그인 대체 구매 워크플로에 대한 아이오닉 엔터프라이즈 플러그인 대체