π¦ ToponAdPlugin (Flutter)
A lightweight Flutter plugin to integrate TopOn Ads using method channels.
This plugin provides simple methods to initialize the SDK and display Interstitial, Rewarded, Native, Banner, and Splash ads in your Flutter apps.
π GitHub: https://github.com/jaiswal4sudeep/ToponAdPlugin
π Features
- β Initialize TopOn SDK
- β Load & Show Interstitial Ads
- β Load & Show Rewarded Ads
- β Server-to-server (S2S) rewarded postback data
- β Load Native Ads and render custom Flutter widgets
- β Load Banner Ads
- β Load Splash Ads
- β Listen to Ad Events from Native Side
π¦ Installation
Add this plugin to your pubspec.yaml:
dependencies:
topon_ad_plugin:
git:
url: https://github.com/jaiswal4sudeep/ToponAdPlugin.git
π οΈ Android Setup
-
Add TopOn SDK dependencies:
Follow the official TopOn Android integration guide. -
Update your
AndroidManifest.xml:- Add necessary permissions
- Include required meta-data tags from TopOn
-
Add Proguard Rules (if using Proguard)
π§βπ» Usage
0οΈβ£ Set Up Ad Event Listeners (Optional)
Call this once during app startup to listen to ad lifecycle events from native code.
ToponAdPlugin.setUpListeners((event, args) {
print('Ad Event: \$event, Data: \$args');
});
1οΈβ£ Initialize SDK
final success = await ToponAdPlugin.initializeSdk(
appId: 'your_app_id',
appKey: 'your_app_key',
);
2οΈβ£ Interstitial Ads
await ToponAdPlugin.loadInterstitialAd(placementId: 'your_interstitial_id');
final shown = await ToponAdPlugin.showInterstitialAd();
3οΈβ£ Rewarded Ads
await ToponAdPlugin.loadRewardedAd(
placementId: 'your_rewarded_id',
userId: currentUser.id, // Your backend's stable user ID
customData: rewardTransactionId, // Optional opaque value
);
final shown = await ToponAdPlugin.showRewardedAd();
Rewarded S2S postbacks
Enable and configure the rewarded-video server callback URL for the placement
in the TopOn dashboard. The plugin passes userId and customData to the
TopOn SDK; TopOn then includes them in the postback to your backend.
See the example app's S2S backend setup for the complete callback URL, signature verification formula, response codes, and reward-processing checklist.
You can set the values separately when the user signs in:
await ToponAdPlugin.setRewardedS2SData(
userId: currentUser.id,
customData: rewardTransactionId,
);
// S2S data is attached to the ad at load time.
await ToponAdPlugin.loadRewardedAd(placementId: 'your_rewarded_id');
await ToponAdPlugin.showRewardedAd();
// Prevent one user's data being reused after logout.
await ToponAdPlugin.clearRewardedS2SData();
Changing or clearing S2S data invalidates an already-loaded rewarded ad. Load a new ad afterward; this prevents cached reward metadata crossing user sessions.
Display-time custom data can be sent separately using TopOn's
show_custom_ext field:
await ToponAdPlugin.showRewardedAd(
showCustomData: rewardTransactionId,
);
For display-time data, add &ilrd={ilrd} to the callback URL configured in the
TopOn dashboard and parse show_custom_ext from the returned ilrd payload.
The stable userId must still be supplied before loading the ad.
Your backend should verify TopOn's callback signature and process each callback
idempotently (for example, using the callback transaction ID) before crediting
the reward. Do not put secrets in customData; it originates on the client.
4οΈβ£ Native Ads (Self-Rendering)
await ToponAdPlugin.loadNativeAd(placementId: 'your_native_id');
final nativeAdInfo = await ToponAdPlugin.getNativeAdInfo();
if (nativeAdInfo != null) {
print(nativeAdInfo.title);
// Render your custom native ad widget
}
5οΈβ£ Banner Ads
await ToponAdPlugin.loadBannerAd(
placementId: 'your_banner_id',
position: BannerPosition.bottom,
);
β‘ Note: Banner ads auto-render at top or bottom based on the provided position.
6οΈβ£ Splash Ads
await ToponAdPlugin.loadSplashAd(placementId: 'your_splash_id');
π§ͺ Testing Tips
- Use real
appId,appKey, andplacementIdfrom the TopOn dashboard. - Always test ad behavior on a real device (not emulator).
π License
MIT License. Free to use, modify, and distribute.