프론트엔드 - RevIQ DevDocs

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

Rev 스크립트 추가

사이트에 스크립트를 추가하는 방법을 알아보세요.

HTML 사용

HTML 파일의 <head>에 다음 스크립트를 추가합니다.

page.html

  <script
    src="//js.rev.iq/your-domain.com"
  />

JS 사용

다음 코드를 추가합니다.

index.js

  const script = document.createElement('script');
  script.src = '//js.rev.iq/your-domain.com';
  document.head.appendChild(script);

초기 페이지 로딩 속도를 최적화하기 위해 스크립트 태그에 defer 속성을 추가하는 것도 고려해 보세요.

(고급) 스크립트를 사용한 A/B 테스트

클라이언트별로 다른 수익화 제공업체와 테스트하려면 다음 코드를 사용하여 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 사용

HTML 파일의 <head>에 다음 스크립트를 추가합니다.

page.html

  <script
    src="//js.rev.iq/your-domain.com"
    dev
  />

JS 사용

다음 코드를 추가합니다.

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"  
/>

​Rev 스크립트 추가

​개발

​광고 유닛 정의

​data-ad-size

​data-kv-{key}

Rev 스크립트 추가

개발

광고 유닛 정의

`data-ad-size`

`data-kv-{key}`