Overview

Powered by Google, Admob is the product to earn revenue with in-app ads, actionable insights and powerful, easy-to-use tools.

Supported Platforms

Platform	Plugin Version
iOS	0.0.3
Android	0.0.3

Supported Integrations

Inline Banners for QB

Features

Inline Banner component

Prerequisites

Firebase account
App registered in Firebase (iOS and Android separately)
Admob account
App Registered (iOS and Android separately)
Ad units for banners.
The plugin is only available for applications using the latest SDK compatible for QB-only.

Adding the plugin to your application

iOS

Configuring your plugin

1.- Go to the Plugin Configuration screen, find the General category and under All Plugins you will see the Firebase Base Setting 2.0 plugin. Add the plugin to your app.

2.- After adding the plugin return to its configuration and upload the plist configuration file for Enterprise and Production.

The Plist files can be downloaded through the settings of your Firebase project. For more information please visit

Firebase documentation on creating a project.

3.- Go back to the Plugin Configuration of your app. Find the UI Component category and under All Plugins you will see the Google Admob Inline Banner Ads plugin. Add it to your app.

4.- Go into the configuration of the plugin and enter the Admob Application Identifier.

The AdMob Application Identifier can be found in the app settings in your AdMob Dashboard. For more information please visit

Google’s documentation on creating an app in Admob.

Android

Configuring Your Plugin

1.- Create your firebase configuration file. The file contains the admob id for your application, please see the example below for reference:

{   
   "react-native": {
   "admob_android_app_id": "ca-app-pub-1046981027950870~8604662721",
   "admob_ios_app_id": "ca-app-pub-xxxxxxxx~xxxxxxxx"
   } 
}

The AdMob Application Identifier can be found in the app settings in your AdMob Dashboard. For more information please visit Google’s documentation on creating an app in Admob.

2.- Go back to the Plugin Configuration of your app. Find the UI Component category and under All Plugins you will see the Google Admob Inline Banner Ads plugin. Add it to your app.

3.- Go into the configuration of the plugin and enter the Admob Application Identifier. Here, upload the json configuration file previously created.

1.- Go to App Studio using the layout assigned to your app and go to the screen targeted to have banners.

2.- Enter the ad unit in the field “Banner Ad Unit”.

2.1.- There are 4 types of banner available:

Type	Dimensions	Notes
Standard	320x50	This banner has static dimensions. It can have a custom background color and title.
Smart	Dynamic	Detects the width of the device in its current orientation and creates the ad view that size.
Adaptive	Dynamic height	It uses a provided width rather than full screen width, enabling you to account for display cutouts . It selects an optimal height for the specific device.
Box	300x250	It can have a custom background color and title.

2.2.- The types standard and box can have a custom background color and title. In order to access these options, turn on the Background toggle.

The title text and its common properties(Font, size and color) are 100% customizable.

3.- After defining the type of banner and configuration, enjoy your first banner. Go to your app and navigate to the specific screen.

Google DFP Inline Banners - QuickBrick Mobile