메인 콘텐츠로 건너뛰기
이 가이드에서는 간결함을 위해 자체 닫힘 태그(<script></script> 대신 <script />)를 사용합니다. 대부분의 JSX 및 최신 컴파일러는 이 구문을 허용합니다. 그러나 순수 HTML로 작업하는 경우, 태그를 수동으로 닫아야 합니다.

​
Rev 스크립트 추가

사이트에 스크립트를 추가하는 방법을 알아보세요.
HTML 파일의 <head>에 다음 스크립트를 추가합니다.
page.html
  <script
    src="//js.rev.iq/your-domain.com"
  />
다음 코드를 추가합니다.
index.js
  const script = document.createElement('script');
  script.src = '//js.rev.iq/your-domain.com';
  document.head.appendChild(script);
초기 페이지 로딩 속도를 최적화하기 위해 스크립트 태그에 defer 속성을 추가하는 것도 고려해 보세요.
클라이언트별로 다른 수익화 제공업체와 테스트하려면 다음 코드를 사용하여 Rev 스크립트를 조건부로 로드할 수 있습니다.
index.js
  const REV_RATE = 0.1; // 10%의 사용자에게 Rev 스크립트를 표시
  const shouldUseRevIq = Math.random() < REV_RATE;
  const script = document.createElement('script');

  if (shouldUseRevIq) {
    script.src = '//js.rev.iq/your-domain.com';
  } else {
    // 다른 수익화 제공업체를 로드
    // 다른 벤더의 문서를 기반으로 속성 설정
  }

  document.head.appendChild(script);

​
개발

개발용 플레이스먼트를 사용하려면 스크립트에 dev 속성을 추가합니다.
HTML 파일의 <head>에 다음 스크립트를 추가합니다.
page.html
  <script
    src="//js.rev.iq/your-domain.com"
    dev
  />
다음 코드를 추가합니다.
index.js
  const script = document.createElement('script');
  script.src = '//js.rev.iq/your-domain.com';
  script.setAttribute("dev", "")
  document.head.appendChild(script);

​
광고 유닛 정의

광고를 표시할 위치에 data-ad 속성과 플레이스먼트 이름을 추가합니다. 
<div data-ad="right-rail-1" />
<div data-ad="right-rail-2" />
<div data-ad="right-rail-3" />

​
data-ad-size

data-size 속성에 원하는 크기를 추가하여 광고 유닛을 커스터마이징할 수 있습니다.
<div data-ad="right-rail-1" data-ad-size="300x250" />

​
data-kv-{key}

또한 data-kv-{key} 속성을 추가하여 광고 유닛에 타겟팅 태그를 추가할 수 있습니다.
<div 
  data-ad="right-rail-1" 
  data-kv-page="home" 
  data-kv-foo="bar"  
/>