GitHub repositorynathanael540/admanager_web

admanager_web

Simple plugin to display ads from AdManager in Flutter Web

admanager_web project cover
Stars
15
Forks
5
Last push (UTC)
May 4, 2025
Project status
Active

Original README

English project snapshot. Visit GitHub for the latest content.

AdManager Web Flutter

Simple package that allow us display ads from Ad Manager in Flutter Web. This was primarily created to display Adsense ads on Flutter Web.

Features

  • Request ad from Ad Manager Network
  • Can run Adsense ad in a Flutter Web App

Usage

Add admanager_web as a dependency in your pubspec.yaml file.

Import the packeage:

import 'package:admanager_web/admanager_web.dart';

Initialize our plugin to load all JS things (Need be called before the first ad request):

AdManagerWeb.init();

Just add the AdBlock widget to show the ad where you like:

[...]
 AdBlock(
     size: [AdBlockSize.largeRectangle],
     adUnitId: "/6355419/Travel/Europe",
 )
[...]

Load Rewarded Ad:

[...]
 AdRewarded().load(
    adUnitId: '/22639388115/rewarded_web_example',
    onAdLoaded: (){},
 )
[...]

Show Rewarded Ad:

[...]
 AdRewarded().show(
    onAdClosed: (){},
    onGranted: (int amount){},
 );
[...]

Additional information

For more performance add the GPT.js Library directly in your head in index.html file:

<script
  async
  src="https://securepubads.g.doubleclick.net/tag/js/gpt.js"
></script>

This package was made in order to show Google Adsense ads on Flutter Web in a simple way. Its still in its infancy, and any help to make it better and more efficient will be appreciated.

Made with ♥ from Brazil 🇧🇷

It was made in Brazil by Nathanael Ferreira.

Nathanael Ferreira GitHub avatar
GitHub author

Nathanael Ferreira ↗

Solion TecMinas Gerais, BrasilOfficial website ↗
LanguagesDartJavaScriptHTML

Categories

Packages published by this repository

Dependencies used

Dependency list 5 items

How do I choose a repository?

Start with your use case, compare repository activity, and check the original project before adopting it.

  1. Search by repository name, owner or description, then narrow the results by topic.
  2. Compare stars, forks and recent pushes. Stars show community interest, not a guarantee of quality.
  3. Read the README, license and issues on GitHub before using a project.

Sources and maintenance

“A repository is the most basic element of GitHub.”

GitHub Docs — About repositories ↗