빠른 시작
0에서 광고가 뜨기까지 약 5분.
1. 슬롯 추가
로그인해 도메인을 등록·확인하고 슬롯을 하나 이상 고르세요. 설치 코드에는 서버가 만든 ID 가 그대로 들어갑니다.
2. SDK 설치
<script async src="https://cdn.adjoin.dev/v1.js" data-placement="plc_ab12"></script>
<div id="adjoin-plc_ab12"></div>React
// Load the SDK once (index.html or your root layout)
<script async src="https://cdn.adjoin.dev/v1.js"></script>
// AdSlot.tsx
import { useEffect } from 'react';
export function AdSlot({ placement, format = 'card' }: { placement: string; format?: string }) {
useEffect(() => {
const draw = () => (window as any).adjoin?.render({ placement, format });
if ((window as any).adjoin) draw();
else document.querySelector('script[src*="cdn.adjoin.dev/v1.js"]')
?.addEventListener('load', draw, { once: true });
}, [placement, format]);
return <div id={`adjoin-${placement}`} data-format={format} />;
}
<AdSlot placement="plc_ab12" format="card" />3. 라이브 확인
사이트를 한 번 열어보세요. 첫 노출이 감지되면 대시보드가 자동으로 초록색이 됩니다 — 새로고침할 필요 없습니다.
4. 모먼트 기록 (선택)
// 앱 흐름의 특정 지점에 광고를 연결합니다
adjoin.trigger('signup_complete', { placement: 'plc_ab12' });
// CPA 캠페인의 전환을 기록합니다
adjoin.convert(29.00);