Science & Technology

How to Add Banner Ads in Thunkable Quickly

Thunkable is a popular mobile app development platform that enables users to create apps without requiring any coding skills. One of the ways to monetize apps built with Thunkable is by adding banner ads. In this article, we will explain how to add banner ads in Thunkable step-by-step.

Step 1: Create an AdMob Account The first step in adding banner ads to your Thunkable app is to create an AdMob account. AdMob is a mobile ad platform owned by Google that provides a range of ad formats, including banner ads. To create an AdMob account, follow these steps:

  1. Go to the AdMob website (https://admob.google.com) and sign up for an account.
  2. Once you’ve signed up, you’ll need to create an ad unit ID for your banner ad. To do this, go to the Ad Units tab and click the Add Ad Unit button.
  3. Select the Banner ad format, give your ad unit a name, and set the ad size to Banner (320×50). Then click Create Ad Unit to generate your ad unit ID.

Step 2: Add AdMob Component in Thunkable Once you have your AdMob ad unit ID, the next step is to add the AdMob component in Thunkable. To do this, follow these steps:

  1. Open your Thunkable project and go to the Designer tab.
  2. In the Components panel, search for the AdMob component and drag it onto the screen.

Step 3: Add the AdMob Ad Unit ID in Thunkable After adding the AdMob component, the next step is to add your AdMob ad unit ID to your Thunkable project. To do this, follow these steps:

  1. Click on the AdMob component you just added to your screen.
  2. In the Properties panel, scroll down to the Ad Unit ID property and paste your AdMob ad unit ID in the box.
See also  What is Lifi Technology : A Revolutionary Approach to Wireless Communication

Step 4: Add Blocks to Show Banner Ads The final step is to add blocks that will show banner ads in your app. To do this, follow these steps:

  1. In the Blocks tab, drag a When Screen1.Initialize block onto the workspace.
  2. Inside the When Screen1.Initialize block, drag an AdMob.LoadAd block.
  3. In the AdMob.LoadAd block, select the AdMob component you added earlier.
  4. Add an AdMob.ShowAd block to display the banner ad. You can customize the position and size of the banner ad by using the AdMob.SetAdPosition and AdMob.SetAdSize blocks.

Step 5: Test Your App Once you’ve added the AdMob component and blocks to your Thunkable project, the final step is to test your app. To do this, follow these steps:

  1. Click the Test button in the top right corner of the Thunkable editor.
  2. Install the Thunkable Live app on your mobile device.
  3. Scan the QR code that appears on the screen to launch your app in the Thunkable Live app.
  4. If everything is working correctly, you should see a banner ad appear in your app.

Conclusion Adding banner ads to your Thunkable app is an effective way to monetize your app and generate revenue. By following the steps outlined in this article, you can easily add banner ads to your Thunkable project and customize their appearance and position. Remember to test your app thoroughly to ensure everything is working as expected before publishing it to the app stores.