react-gpt-ad

A lazily instantiated React component for Google Publisher Tags.

Th React Component asynchronously loads GPT Ad library, queues all GPT actions or GPT API calls and executes them when the API is available.

• React 0.14+

• IE10+

• Single request mode
• Asynchronous rendering mode
• Synchronous rendering mode
• Responsive ads
• Interstitial ads

$ npm install --save react-gpt-ad

The component dependency graph is clean i.e. React GPT Ads component is not dependent on any other library.

Import React GPT and pass props to the component.

import GPTAd from "react-gpt-ad";

class Application extends React.Component {
    render() {
        return (
          <GPTAd
            path="/23389245/sitename/home"
            placement="rectangle"
            size={[300, 600]}
            targeting={{
              pos: 'fn_rectangle1',
              pid: 'front'
            }}
          />
        );
    }
}

path and placement are only required properties for the component to initialize.