Frontend

This guide will use self closing tags (<script /> instead of <script></script>) for simplicity. Most JSX and other modern compilers will accept this syntax. However, if you are working in raw HTML, you should manually close the tags.

Add the Rev script

Learn how to add our script to your site.

Using HTML

Using JS

Add the following code

index.js

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

(Advanced) A/B testing with the script

If wanting to test with another monetization provider per client, you can use the following code to conditionally load the Rev script.

index.js

  const REV_RATE = 0.1; // 10% of users will see the Rev script
  const shouldUseRevIq = Math.random() < REV_RATE;
  const script = document.createElement('script');

  if (shouldUseRevIq) {
    script.type = 'module';
    script.src = '//js.rev.iq';
    script.dataset.domain = 'your-domain.com';
  } else {
    // Load your other monetization provider
    // Set the attributes based on the other vendor's documentation
  }

  document.head.appendChild(script);

Defining ad units

Add the data-ad attribute with the name of the placement to mark where you want ads to appear.

<div data-ad="right-rail-1" />
<div data-ad="right-rail-2" />
<div data-ad="right-rail-3" />

(Advanced) Customizing ad units

`data-ad-size`

You can customize the ad units by adding the data-size attribute with the desired size.

<div data-ad="right-rail-1" data-ad-size="300x250" />

`data-kv-{key}`

Additionally, you can add targeting tags to the ad units by adding the data-kv-{key} attribute.

<div 
  data-ad="right-rail-1" 
  data-kv-page="home" 
  data-kv-foo="bar"  
/>

On this page

Add the Rev script
Defining ad units

Add the Rev script

Learn how to add our script to your site.

Using HTML

Using JS

Add the following code

index.js

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

(Advanced) A/B testing with the script

If wanting to test with another monetization provider per client, you can use the following code to conditionally load the Rev script.

index.js

  const REV_RATE = 0.1; // 10% of users will see the Rev script
  const shouldUseRevIq = Math.random() < REV_RATE;
  const script = document.createElement('script');

  if (shouldUseRevIq) {
    script.type = 'module';
    script.src = '//js.rev.iq';
    script.dataset.domain = 'your-domain.com';
  } else {
    // Load your other monetization provider
    // Set the attributes based on the other vendor's documentation
  }

  document.head.appendChild(script);

Defining ad units

Add the data-ad attribute with the name of the placement to mark where you want ads to appear.

<div data-ad="right-rail-1" />
<div data-ad="right-rail-2" />
<div data-ad="right-rail-3" />

(Advanced) Customizing ad units

`data-ad-size`

You can customize the ad units by adding the data-size attribute with the desired size.

<div data-ad="right-rail-1" data-ad-size="300x250" />

`data-kv-{key}`

Additionally, you can add targeting tags to the ad units by adding the data-kv-{key} attribute.

<div 
  data-ad="right-rail-1" 
  data-kv-page="home" 
  data-kv-foo="bar"  
/>

On this page

Add the Rev script
Defining ad units

Add the Rev script

Defining ad units

`data-ad-size`

`data-kv-{key}`

Guides

Functions

Frontend

Add the Rev script

Defining ad units

`data-ad-size`

`data-kv-{key}`

​Add the Rev script

​Defining ad units

Guides

Functions

​Add the Rev script

​Defining ad units

Add the Rev script

Defining ad units

Add the Rev script

Defining ad units