> For the complete documentation index, see [llms.txt](https://docs.webtonative.com/llms.txt). Markdown versions of documentation pages are available by appending `.md` to page URLs; this page is available as [Markdown](https://docs.webtonative.com/website-plugins/bubble.io/admob.md).

# Bubble.io AdMob Integration Guide

### Recommended Setup:

Use this action to serve ads at appropriate moments, such as at page load, after completing tasks, or between app transitions.

<figure><img src="/files/CDoqVkA6FTCKkkGe2PGO" alt=""><figcaption></figcaption></figure>

### Steps:

1. Go to the Workflow tab and select the event trigger
   * Example triggers include page load, button clicks, or after completing a user action.
2. Add the AdMob action
   * Drag the action into your selected workflow.
3. Configure the following properties:
   * **Ad Type**: Choose the type of ad to display:
     * `banner`: For static banner ads displayed at the top or bottom of the screen.
     * `fullScreen`: For immersive, full-screen ads that appear during transitions or breaks.
     * `rewards`: For reward-based ads, where users earn incentives for viewing.
   * **Ad ID**: Enter the AdMob ad unit ID for the selected ad type.

### Callback Data

* **State**: The callback response from `fullScreenAd` or `rewardsAd` is stored in the **init-webtonative's** element states **Ad Mob Response Fullscreen** and **Ad Mob Response Rewards**.
* **Access**: Use these states in subsequent workflows to check ad status or handle user interactions (e.g., granting rewards).