/react-native-google-publisher-tag

A react-native component for Google Publisher Tags using WebView

Primary LanguageJavaScriptMIT LicenseMIT

react-native-google-publisher-tag

Installtion

$ yarn add react-native-google-publisher-tag

or

$ npm install --save react-native-google-publisher-tag

Note: You need to install react-native-webview before using react-native-google-publisher-tag

Example

import GooglePublisherTag from 'react-native-google-publisher-tag';

<GooglePublisherTag
  adUnitId="/6499/example/APIDemo/AdSizes"
  adUnitSize="[[320, 50]]"
  baseUrl="https://your-domain.com"
  adUnitTargeting={{
    interest: 'basketball',
  }}
/>

<GooglePublisherTag
  adUnitId="/6499/example/APIDemo/AdSizes"
  adUnitSize="[[300, 250]]"
  baseUrl="https://your-domain.com"
  adUnitTargeting={{
    gender: 'male',
    age: '20-30',
  }}
/>

<GooglePublisherTag
  adUnitId="/6499/example/APIDemo/AdSizes"
  adUnitSize="[[300, 250], [728, 90], [750, 200]]"
  baseUrl="https://your-domain.com"
  adUnitTargeting={{
    gender: 'male',
    interests: ['sports', 'music', 'movies'],
    key: ['value1', 'value2', 'value3'],
  }}
  slotOnload={() => {
    // TODO: Do something on load
  }}
  onPress={(url) => {
    // Note: This will override Linking.openURL
    // Linking.openURL(url);
    // OR
    // InAppBrowser.open(url)
  }}
/>

<GooglePublisherTag
  adUnitId="/6499/example/APIDemo/Fluid"
  adUnitSize="[['fluid']]"
  width={414}
  baseUrl="https://your-domain.com"
/>

Props

adUnitId

Sets the AdUnit ID for all future ad requests.

TYPE REQUIRED
string Yes

adUnitSize

Every ad slot you define must specify the ad size(s) eligible to serve in that slot. The way ad sizes are specified varies depending on the type of ads to be displayed, as well as the size and flexibility of the ad slots themselves. Corresponding to GPT Ad sizes.

TYPE REQUIRED
string Yes

adUnitTargeting

Ad unit targeting can be used to target ads more granularly than ad units. Corresponding to GPT Key-value targeting.

TYPE REQUIRED
string No

baseUrl

TYPE REQUIRED
string Yes

width

Width is not required but recommended for fluid and it effect only fluid size. By default its "100%".

TYPE REQUIRED
number No

backgroundColor

TYPE REQUIRED
string No

onPress

TYPE REQUIRED
Function No

impressionViewable

Reference: googletag.events.ImpressionViewableEvent.

TYPE REQUIRED
Function No

slotOnload

Reference: googletag.events.SlotOnloadEvent.

TYPE REQUIRED
Function No

slotRenderEnded

Reference: googletag.events.SlotRenderEndedEvent.

TYPE REQUIRED
Function No

slotRequested

Reference: googletag.events.SlotRequestedEvent.

TYPE REQUIRED
Function No

slotResponseReceived

Reference: googletag.events.SlotResponseReceived.

TYPE REQUIRED
Function No

slotVisibilityChanged

Reference: googletag.events.SlotVisibilityChangedEvent.

TYPE REQUIRED
Function No

Follow me on Twitter: @shukerullah

Buy Me A Coffee