직접 만든 사이트에 FinallyData 설치하기

공통 <head> 에 한 줄 구매 코드 한 줄

아래 코드의 내사이트키 자리는 무료로 시작하고 쇼핑몰 주소를 넣으면 내 쇼핑몰 키로 채워져요.

1모든 페이지에 한 줄

아래 한 줄을 복사해요
<script async src="https://app.finallydata.com/t/내사이트키.js"></script>
모든 페이지의 <head> 안에 붙여 넣기 — 공통 레이아웃·헤더 한 곳이면 돼요

Next.js 라면 app/layout.tsx 에 이렇게 넣어도 돼요. 새로고침 없이 바뀌는 페이지(SPA)도 스크립트가 알아서 따라가요.

import Script from 'next/script'

// app/layout.tsx 의 <body> 안
<Script src="https://app.finallydata.com/t/내사이트키.js" strategy="afterInteractive" />

2구매(매출) 잡기

GA4 구매 이벤트(purchase, 주문번호 transaction_id·금액 value)를 이미 보내고 있다면 따로 할 일이 없어요 — 스크립트가 같은 페이지의 구매 이벤트를 읽어요. 달러·엔·유로 등 30개 화폐는 그날 환율로 사이트 기준 화폐에 맞춰요. 없다면 구매 완료 페이지에 아래를 넣고 주문번호·결제금액 자리를 그 페이지의 값으로 바꿔 주세요 (금액은 숫자).

<script>
  window.adp = window.adp || function () { (adp.q = adp.q || []).push(arguments) };
  adp('purchase', { id: '주문번호', amount: 결제금액 });
</script>

토스페이먼츠·포트원 같은 결제 모듈을 쓴다면, 결제 승인을 마친 뒤 보여 주는 주문 완료 화면에서 한 번만 부르세요.

Stripe·LemonSqueezy·Polar·토스페이먼츠·포트원으로 결제를 받는다면 설정 → 결제 연결이 더 정확해요 — 결제사가 결제·환불·구독 갱신을 바로 알려 주고, 성공 화면을 못 본 결제도 빠지지 않아요. 결제에 방문 번호(쿠키 _adp_v)를 실으면 어디서 온 손님인지까지 이어요.

3설치 확인

앱의 설치 확인 버튼을 누르면 쇼핑몰이 새 탭으로 열리고, 스크립트 신호가 오면 바로 알려 드려요.