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