FlutterFlow Docs
Troubleshooting GuidesDocs Feedback
Search
⌃K
Links

AdMob

The AdMob settings page allows you to add the keys for showing the Advertisements on your app.
AdMob

Getting API Keys

Acquiring the API keys comprises the following steps:

1. Creating AdMob app

To create an AdMob app:
  1. 1.
    Visit the AdMob homepage and signup using your Google account.
  2. 2.
    Go to the Dashboard, and click Apps on the left side menu.
  3. 3.
    Now, click Add App.
  4. 4.
    Select the Platform as Android.
  5. 5.
    For the Is the app listed on a supported app store?, select Yes if your app is published on Playstore or Appstore. Select No if your app is still under development.
  6. 6.
    Click on Continue.
  7. 7.
    Enter the App Name and click ADD APP.
  8. 8.
    Click Done.
  9. 9.
    Similarly, create another AdMob App for iOS app.
You should be creating two AdMob Apps to display advertisements in both Android and iOS apps.
Creating AdMob app

2. Adding keys to FlutterFlow

You must add the App keys to your FlutterFlow project that will allow your app to communicate with the AdMob server.
To add the APP keys:
  1. 1.
    First, get the APP key by visiting the AdMob dashboard -> Select the App -> App Settings (left side menu) -> Copy the App ID.
  2. 2.
    Now, return to the FlutterFlow project, and navigate to Settings and Integrations > Integrations > AdMob.
  3. 3.
    Find the AdMob Android App Key input box and enter the key.
  4. 4.
    Similarly, add the AdMob iOS App Key from the iOS AdMob app.
Adding keys to FlutterFlow

Showing ads

After adding the keys, you can find the instructions to display the ad on below pages:
Previous
Google Maps
Next
Mux Livestream
Last modified 2mo ago