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.
Your first banner
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 |
|
Smart |
Dynamic |
|
Adaptive |
Dynamic height |
|
Box |
300x250 |
|
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.
Comments
0 comments
Please sign in to leave a comment.