이벤트 분석

페이 스테이션을 이미 통합했고 다음 계정 중 하나 이상 설정한 경우 이 기능을 사용할 수 있습니다.

• Google Analytics
• Facebook Ads/Facebook Analytics
• GameAnalytics

주의

사용자가 모든 쿠키 사용을 허용하거나 GDPR 배너에서 분석 및 성능 쿠키 사용에 동의한 경우 Google 애널리틱스 및 Facebook에서 개인 정보를 수집합니다.

애널리틱스 플랫폼과의 통합

사용자가 결제 UI와 상호 작용할 때 발생하는 이벤트를 추적하려면 관리자 페이지에서 다음과 같은 분석 플랫폼을 연결합니다.

• Google Analytics
• Facebook Pixel
• GameAnalytics

구글 Analytics

애널리틱스 플랫폼을 연결하는 방법:

1. 관리자 페이지에서 프로젝트를 엽니다.
2. 페이 스테이션 > 설정으로 이동합니다.
3. 앱 섹션에서 Google 애널리틱스를 선택합니다.
4. 연결을 클릭합니다.

Google 애널리틱스를 연결하면 해당 이벤트가 본인의 Google 애널리틱스 계정으로 전송됩니다. 이러한 이벤트는 Behaviour > Events > Top Events의 Google 애널리틱스에서 확인할 수 있습니다.

다음 이벤트를 추적할 수 있습니다.

Facebook Analytics

애널리틱스 플랫폼을 연결하는 방법:

1. 관리자 페이지에서 프로젝트를 엽니다.
2. 페이 스테이션 > 설정으로 이동합니다.
3. 앱 섹션에서 Facebook Pixel을 선택합니다.
4. 연결을 클릭합니다.

Facebook Pixel을 연결하면 해당 이벤트가 Facebook Analytics 계정으로 전송됩니다. 이러한 이벤트는 Business Settings > Measure & Report > Analytics > Pixels > Overview의 Facebook Analytics에서 확인할 수 있습니다.

다음 이벤트를 추적할 수 있습니다.

애널리틱스 플랫폼 통합 방법:

1. 다음으로 이동 관리자 페이지 > 페이 스테이션 > 설정.
2. Google Analytics/Facebook Pixel을 앱 섹션에서 선택.
3. 추적 ID를 입력하고 연결을 클릭합니다.

여러분이 Google Analytics 및Facebook Pixel을 통합할 때, 이에 상응하는 이벤트가 Google Analytics 및 Facebook Analytics 계정으로 전송됩니다.

GameAnalytics

1. 관리자 페이지에서 프로젝트를 엽니다.
2. 페이 스테이션 > 설정으로 이동합니다.
3. 앱 섹션에서 GameAnalytics를 선택합니다.
4. 연결을 클릭합니다.

5. GameAnalytics 게임 키 필드에 게임 키를 입력합니다. GameAnalytics 계정에서 이러한 정보를 찾는 방법:
   1. 상단 패널의 드롭다운 메뉴에서 게임을 선택합니다.
   2. Keys 섹션에서 Game key 옆에 있는 복사 아이콘을 클릭합니다.

6. 연결을 클릭합니다.

현재 GameAnalytics 플랫폼과의 통합을 통해 결제 성공 이벤트에 대한 정보를 수신할 수 있습니다. Monetization 섹션 대시보드의 GameAnalytics 계정에서 이 데이터를 찾을 수 있습니다.

결제 UI 이벤트

결제 인터페이스 이벤트는 iframe, 새 창 혹은 페이 스테이션 임베드에서 페이 스테이션을 열 때 postMessage 메커니즘을 통해 처리됩니다.

postMessage를 통해 전송된 메시지를 처리하는 시나리오의 예제:

1. postMessage를 통해 전송된 메시지를 수신하려면 정기 결제하세요.
2. 이벤트 데이터를 JSON 형식으로 파싱합니다.
3. 처리해야 하는 이벤트가 있는지 확인하는 기능을 구현합니다.

4. 요청한 이벤트를 수신하면 이를 처리하는 로직을 구현합니다. 아래 예제에서는 콘솔에 텍스트가 출력됩니다. 자신만의 로직을 추가할 수 있습니다.

window.addEventListener('message', (event) => {
  const eventData = JSON.parse(event.data);

  if (eventData.command === 'open-payment') {
    console.log('hello!')
  }
});