React-gpt-ads NPM

react-gpt-ads

A React components for Google Publisher Tag

Requirements

Module	Version
React	16.8.0
React DOM	16.8.0

Installation

Install the library using your favorite package manager:

    npm install react-gpt-ads

or using:

    yarn add react-gpt-ads

Getting Started

First add the gpt script

    import { GptScript } from react-gpt-ads
    <head>
        <GptScript />
    </head>

or using:

    <head>
        <script async src="https://securepubads.g.doubleclick.net/tag/js/gpt.js"></script>
    </head>

Add the Gpt component for define ad slot

    import { Gpt } from react-gpt-ads
    
    <Gpt 
        adUnit="ad-unit"
        name="ad-name"
        size={[300, 250]}
    />

Gpt Props

adUnit

type: string
required: true

Ad unit path loaded from google ad manager.

name

type: string
required: true

Name used in div id

size

type: SingleSize | MultiSize | FluidSize | ResponsiveSize
required: true

SingleSize: number, number MultiSize: Array<number, number> FluidSize: 'fluid' Responsive: Array<[ number, number, Array<number, number> ]>

Size is defined by single, multi, fluid or responsive.

target

type: Array<string, string | Array\>
required: false

Configure targets in slot-level

GptConfig Props

networkCode

type: number | string
required: true

Is a unique identifier for the Ad Manager network the ad unit belongs to.

target

type: Array<string, string | Array\>
required: false

Configure targets in page-level

refreshTimer

type: number | string
required: false

The refreshTimer prop defines how often ads are updated. It activates a function where the ads are updated in a loop and while displayed on the screen.