Google Admob
The below guide walks you through how to add Google Admob to your Adalo app.
In-Depth Guide
1) Create a Google AdMob Account
Navigate to the link below to either set up or sign into your AdMob account:
https://admob.google.com/home/
Please note
*You need to disable your adblocker or you will not be able to see this component in Adalo
*It normally takes a few days for the request to fully go through and be approved - make sure you've received an email that confirms your account is ready to go. If the account isn't fully approved, your ads won't work.
2) Configure your iOS AdMob App
Navigate to the "Apps" section of the side panel and click "Add App." When asked if your app has been published, click no. Enter your app name and decide whether to enable user metrics. You will also be prompted to select whether your app is iOS or Android. Because the AdMob interface differs depending on the platform, you will have to create one version for iOS and one version for Android. Select iOS for now. Copy the App ID and paste it into the left panel in Adalo for your AdMob component under "AdMob iOS App ID."
3) Configure your Android AdMob App
Repeat step 2 to create another app, but this time select Android instead of iOS. Copy the App ID and paste it under "AdMob Android App ID." Ensure that your iOS and Android App IDs are different.
4) Add Ad Units
Navigate to the "Ad Units" section of your iOS app. Click "Add Ad Unit" and select "Banner" when prompted for a type. Copy the Ad ID and paste it under "AdMob iOS Ad ID." Repeat this process for the Android App and paste the Ad ID under "AdMob Android Ad ID."
Repeat this step for all ads you want to include in your app. Each Adalo AdMob component should have a distinct pair of Ad IDs, but the same pair of App IDs. Keep in mind that it usually takes up to an hour for AdMob to fully process the new Ad Unit request.
1) Install the Admob component from the Adalo Marketplace
2) Click the plus button, search for the Admob component, and drag it on to a screen in your app.
3) Customize your banner appearance.
On the Adalo side panel, designate the size of your ad by picking Standard, Large, or Medium Rectangle. You don't need to do anything with your AdMob account - just select your preferred option!
4) Enter your App and Ad IDs from your Admob account.
5) While designing your app, you may want to enable "Show placeholder on web preview" option.
This allows you to run the preview of your app and see a placeholder image where your ad will go. If you are planning on sharing the PWA (web) version of your mobile app, you'll want to turn this option OFF before your share your app with others. Admob ads only work on iOS and Android apps once they have launched in the app stores.
Admob will not display any real ads while testing on a native build (either via Testflight for iOS, or by installing the .apk file directly on your Android device). Real ads will only appear once you've published your app to the app stores and followed the steps in the next section. If you want to test the component on a native build, you'll need to use the test ad ids provided by Google. They can be found in this Google Help Doc | Admob Test Ads
Once you're done testing, be sure to go back and replace the test ad IDs with the real ones from your AdMob account and then create new iOS and Android builds to submit to the app stores.
Once your Adalo app is published, go back to your AdMob account and navigate to each app's "App Settings." Link the iOS version to your app in the App Store and the Android version to your app in Google Play.
Checklist/Best Practices:
Make sure to check that all the App and Ad IDs are entered correctly on your Adalo component! There is no way for Adalo to validate the entered information because we don't have access to your account and the ads only fully take effect once the app is published. Double check that the correct information is in the correct fields.
Don't mix up the Adalo components's iOS and Android fields. AdMob works differently depending on the platform, so mixing up information won't work.
Make sure the iOS and Android versions of each AdMob app are identical. Each pair should have the same number of Ad Units.
Don't use the same Ad ID more than once - each ID is only meant to be used once. For each new ad, create a new Ad Unit.
Make sure every AdMob component has the same App IDs - you only need to create 2 AdMob Apps for each Adalo app.
Don't forget to publish your AdMob apps once your Adalo app has been launched. If you don't publish your apps, your app will display test ads!
There are some recently introduced best practices when setting up your Admob component, specifically when using Full-Screen Interstitial ads that you should take into account when setting up this component:
Your ads must not appear in the following unexpected ways to users:
- Full-screen interstitial ads of any format (videos, GIFs, static ads, etc.) that appear unexpectedly, usually when the user has chosen to do something else, are not allowed.
- Ads appearing while playing a video game at the beginning of a level or during the beginning of a content segment are not allowed.
- Full-screen video interstitial ads that appear before the loading screen (home screen) of an app are not allowed.
- Full screen interstitials of any format that cannot be closed after 15 seconds are not allowed. Full-screen opt-in interstitials or full-screen interstitials that don't interrupt user actions (for example, after the score screen in a gaming application) may run for more than 15 seconds.
If the Component is not set up correctly, your Native app may crash.
If you need additional help with this article, you can always ask in our community forum! Be sure to paste the link to this article in your post as well!
Last modified 4mo ago