AI 코딩 도구로 광고손익 설치하기
요청문을 붙여 넣으면 끝 요청문에 포함
아래 코드의 내사이트키 자리는 무료로 시작하고 쇼핑몰 주소를 넣으면 내 쇼핑몰 키로 채워져요.
1모든 페이지에 한 줄
- 아래 요청문을 복사해요에이전트에게 보낼 요청문
이 웹사이트(내쇼핑몰.com)에 "광고손익" 방문·구매 분석 스크립트를 설치해 줘. 코드는 네가 직접 고치고, 끝나면 바꾼 파일과 위치를 알려 줘. ## 1. 모든 페이지에 스크립트 한 줄 모든 페이지의 <head> 안에 아래 한 줄을 그대로 넣어 줘. 이미 있으면 건너뛰어. <script async src="https://ad-profit.adprofit.workers.dev/t/내사이트키.js"></script> - 공통 레이아웃(모든 페이지가 지나가는 한 곳)에 넣어. 예: Next.js App Router 는 app/layout.tsx 의 <head>, Pages Router 는 pages/_document.tsx, React·Vue 는 index.html, WordPress 는 테마의 wp_head, 그 밖은 공통 헤더 템플릿. - async 는 지우지 마 (페이지 속도에 영향 없게). - 새로고침 없이 페이지가 바뀌는 사이트(SPA)도 스크립트가 알아서 따라가. 라우터에 따로 코드를 넣을 필요 없어. ## 2. 구매(주문) 완료 신호 구매가 끝난 순간(주문 완료 페이지, 또는 결제 성공 콜백) 한 번만 아래를 실행해 줘. 주문번호와 결제금액은 그 화면·응답의 실제 값으로 바꿔. <script> window.adp = window.adp || function () { (adp.q = adp.q || []).push(arguments) }; adp('purchase', { id: '주문번호', amount: 결제금액, shipping: 배송비 }); </script> - amount 는 원 단위 숫자 (배송비 포함 실제 결제금액). shipping 은 없으면 빼도 돼. - 새로고침할 때마다 다시 보내지 않게 해 줘 (같은 주문번호는 서버가 한 번만 세지만). - 이미 GA4 구매 이벤트(dataLayer 의 purchase 또는 gtag('event', 'purchase'))를 보내고 있으면 이 단계는 하지 마 — 스크립트가 그걸 자동으로 읽어. - 구매자 이름·이메일·전화번호·주소 같은 개인정보는 절대 넣지 마. ## 3. 확인 1. 배포한 뒤 https://내쇼핑몰.com/?adp_check=1 를 브라우저로 열어. 광고손익 앱의 설치 탭에서 "설치 확인"이 초록으로 바뀌면 성공이야. 2. 개발자 도구 네트워크 탭에서 스크립트 주소의 /api/e 로 가는 요청이 204 로 끝나는지 봐. ## 하지 말 것 - 다른 분석 도구(GA4·GTM·픽셀) 설정은 건드리지 마. - 스크립트 주소나 키를 바꾸지 마. - 새 패키지를 설치하지 마 (한 줄이면 충분해). - Claude Code·Codex·Cursor 같은 코딩 에이전트에 붙여 넣어요 — 이 쇼핑몰의 스크립트 한 줄·구매 코드·확인 방법이 다 들어 있어요
- 에이전트가 알려 준 바뀐 파일을 확인하고 배포해요
2구매(매출) 잡기
요청문의 2번이 구매 신호예요. 에이전트가 주문 완료 화면(또는 결제 성공 콜백)에 넣었는지 확인해 주세요. GA4 구매 이벤트를 이미 보내고 있으면 그걸 그대로 읽어요.
3설치 확인
앱의 설치 확인 버튼을 누르면 쇼핑몰이 새 탭으로 열리고, 스크립트 신호가 오면 바로 알려 드려요.