Pangle: A global platform dedicated to developer growth.|Integration Docs
Knowledge Center

Banner Ads

Introduction

Banner ads refer to a standard advertising format that occupies a designated space within an app's layout, usually positioned either at the top or bottom of the device screen.

[Important Note]: At present, Pangle supports only two specific banner ad sizes for traffic outside of the Chinese Mainland, namely 300x250(dp) and 320x50(dp). It is crucial to ensure that the banner ad placement and size comply with Pangle's specific requirements to ensure optimal ad performance and user experience.

Furthermore, it is worth noting that after version 46, Pangle will not support a client SDK-based refresh interval. As such, it is recommended to stay up-to-date with the latest versions of Pangle and make the necessary adjustments to ensure continued support and optimal ad performance.

Precondition

Create an app and banner ad placement on the Pangle platform

Banner Ads Implementation

  1. Create PAGBannerSize object and PAGBannerRequest object
  1. Load a banner ad and register PAGBannerAdLoadListener callback
  1. Register PAGBannerAdInteractionListener callback
  1. Display the ad.

Load a Banner Ad

Loading an ad is accomplished using the load() method in the PAGBannerAd class. The load() method requires an ad slot id, instance objects of PAGBannerSizeand PAGBannerRequest, and a PAGBannerAdLoadListener to be notified when ad loading succeeds or fails. The loaded PAGBannerAd object is provided as a parameter in the success callback.

Create PAGBannerRequest object

PAGBannerRequest is an Ad Loading Manager. It is recommended to be the member variable of the Activity.

Load an ad and Register PAGBannerAdLoadListener callback

Use the method of PAGBannerAd to load the ad, and register the PAGBannerAdLoadListener callback.

The description of PAGBannerAdLoadListener callback

PAGBannerAdLoadListener

description

onError

This method is invoked when an ad fails to load. It includes an error parameter of type Error that indicates what type of failure occurred. For more information, refer to the ErrorCode section

onAdLoaded

This method is executed when an ad material is loaded successfully.

Register Ad Event Callback

Ad event callbacks need to be registered before displaying an ad. Each method in the event callback corresponds to an event in the ad lifecycle.

The description of PAGBannerAdInteractionListener callback

PAGBannerAdInteractionListener

description

onAdShowed

This method is invoked when the ad is displayed, covering the device's screen.

onAdClicked

This method is invoked when the ad is clicked by the user.

onAdDismissed

This method is invoked when the ad disappears.

Display the Ad

After the advertisement is loaded successfully, an instance of the PAGBannerAd object is returned. Call the getBannerView of the PAGBannerAd object to obtain the View of the Banner advertisement. After adding BannerView to the ViewContainer (such as FrameLayout), the advertisement can be displayed automatically.

Destroy the Ad

When destroying the ad, call destroy() of PAGBannerAd. This method needs to be called on the main thread.

Test with test ads

Upon completing the integration, it is essential to ensure that you test your app functionality prior to launching it to end users. It is highly recommended that you employ test ads rather than live ads.

To facilitate the testing process, Pangle offers a "test mode" that is specifically designed to generate test ads for every request. You can seamlessly implement this mode in your app during the coding, testing, and debugging phase, and gain confidence that your app's ad functionality is fully operational before deploying it to end users.

Refer to the How to add a test device? to add your device to the test devices on the Pangle platform.