# Setup AdMob Integration

### <mark style="color:green;">**How to setup Google AdMob Integration?**</mark>

**1.)** Go to Add-ons --> Integrations --> Google AdMob and enable it.

<figure><img src="https://3731994945-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2F-MlBy5z08zL1UoCwNqmg%2Fuploads%2Faok4BCAjW00afmkJ3yMU%2Fenable-google-admob.gif?alt=media&#x26;token=08396b04-6e8b-49b9-aa34-c7198c3c3c4a" alt=""><figcaption></figcaption></figure>

**2.)** Enter Android App ID and iOS App ID in the designated field. Atleast one of the field is required. If you want to display ads on either Android or iOS then keep other field empty.

These IDs are the same app IDs you created in **Create Android & iOS Apps** step.

<figure><img src="https://3731994945-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2F-MlBy5z08zL1UoCwNqmg%2Fuploads%2Fqlrw4PsNVDkB0JQ8ZJvT%2Fadmob-app-ids-twinr.png?alt=media&#x26;token=c0dc40c1-2612-4299-93d1-14e9d8db5733" alt=""><figcaption></figcaption></figure>

**3.)** Once you will enter an App ID in either or both of the fields, **+ Create Ad** button will gets enabled. Click on it and select the type of Ad you want to integrate in your app.

<figure><img src="https://3731994945-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2F-MlBy5z08zL1UoCwNqmg%2Fuploads%2FDYtyB0YNXlcj7ei51PE4%2Ftwinr-admob-create-ad-portal.png?alt=media&#x26;token=7182b697-ac3a-4310-ab5f-b7f0dac5ee02" alt=""><figcaption></figcaption></figure>

4.) Follow below steps to create each different type of Ads.

{% tabs %}
{% tab title="Banner" %}
Banner Ad will ask you to enter following information.

* **Android Ad Unit ID:** Related android app Ad ID of the ad you have created on AdMob. On AdMob select your App and **Ad Unit** menu from the lest side. It will display all the Ads you have created for that app.

<figure><img src="https://3731994945-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2F-MlBy5z08zL1UoCwNqmg%2Fuploads%2FWzGkbI81aVhAoUZgQ5U8%2Ftwinr-admob-android-ad-unit-id.png?alt=media&#x26;token=310049b6-71d8-46e2-a69e-3d2101a9e2c3" alt=""><figcaption></figcaption></figure>

* **iOS Ad Unit ID:** Related iOS app Ad ID of the ad you have created on AdMob. On AdMob select your App and **Ad Unit** menu from the lest side. It will display all the Ads you have created for that app.

<figure><img src="https://3731994945-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2F-MlBy5z08zL1UoCwNqmg%2Fuploads%2FlmYcCc8lVyT0m8W76PlX%2Ftwinr-admob-ios-ad-unit-id.png?alt=media&#x26;token=64a3a919-15ac-4c4e-aa8d-b0968fa42f2c" alt=""><figcaption></figcaption></figure>

* **Banner Position:** It can be either top or bottom.
* **Banner Size:** Select the banner size that you want to use. Check [this document](https://developers.google.com/admob/android/banner/anchored-adaptive#when_to_use_adaptive_banners) to see how different sizes looks like.
* **Screens:** Select in which screens you want to display this ad.
  {% endtab %}

{% tab title="Interstitial" %}
Interstitial Ad will ask you to enter following information.

* **Android Ad Unit ID:** Related android app Ad ID of the ad you have created on AdMob. On AdMob select your App and **Ad Unit** menu from the lest side. It will display all the Ads you have created for that app.

&#x20;![](https://3731994945-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2F-MlBy5z08zL1UoCwNqmg%2Fuploads%2FR5FRDKw1xj30GqhYVkPP%2Ftwinr-admob-android-ad-unit-id.png?alt=media\&token=03ed962d-cc0c-4273-ae00-faa56905772e)

* **iOS Ad Unit ID:** Related iOS app Ad ID of the ad you have created on AdMob. On AdMob select your App and **Ad Unit** menu from the lest side. It will display all the Ads you have created for that app.

<figure><img src="https://3731994945-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2F-MlBy5z08zL1UoCwNqmg%2Fuploads%2FB2um3LGOiyaRePWv6xZU%2Ftwinr-admob-ios-ad-unit-id.png?alt=media&#x26;token=fd3a7718-a7be-42ff-acec-f17106f45b52" alt=""><figcaption></figcaption></figure>

* **Screens:** Select in which screens you want to display this ad.
* **Add Events:** There are two types of events on which you can open interstitial ads.&#x20;
  * **Page URL:** In this event, you will need to enter the page URL. It will display an interstitial ad when your app user will try to open that page. So, interstitial ad will be displayed on top of the screen.
  * **Element Selector:** Using this event, you can display ad on specified element's click. You need to enter the element's identifier such as class or id and when app user will click on that element, ad will displayed in the full screen.
    {% endtab %}

{% tab title="App Open" %}
App Open Ad will ask you to enter following information.

* **Android Ad Unit ID:** Related android app Ad ID of the ad you have created on AdMob. On AdMob select your App and **Ad Unit** menu from the lest side. It will display all the Ads you have created for that app.

<figure><img src="https://3731994945-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2F-MlBy5z08zL1UoCwNqmg%2Fuploads%2FWzGkbI81aVhAoUZgQ5U8%2Ftwinr-admob-android-ad-unit-id.png?alt=media&#x26;token=310049b6-71d8-46e2-a69e-3d2101a9e2c3" alt=""><figcaption></figcaption></figure>

* **iOS Ad Unit ID:** Related iOS app Ad ID of the ad you have created on AdMob. On AdMob select your App and **Ad Unit** menu from the lest side. It will display all the Ads you have created for that app.

<figure><img src="https://3731994945-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2F-MlBy5z08zL1UoCwNqmg%2Fuploads%2FGTmSUmK9pYCS6bA7Iia6%2Ftwinr-admob-ios-ad-unit-id.png?alt=media&#x26;token=988f20cd-5881-4855-92cb-49a846afff58" alt=""><figcaption></figcaption></figure>

* **Select Posistion of Ad:** Select the ad orientation as per your requirements.
  {% endtab %}
  {% endtabs %}