> For the complete documentation index, see [llms.txt](https://aatkit.gitbook.io/aatkit-flutter-integration/llms.txt). Markdown versions of documentation pages are available by appending `.md` to page URLs; this page is available as [Markdown](https://aatkit.gitbook.io/aatkit-flutter-integration/formats/banner.md).

# Banner

Integrate banners

### Create placement <a href="#markdown-header-creating-placement" id="markdown-header-creating-placement"></a>

Call `BannerPlacement.create` method to create banner placement. Pass its name and size:

```dart
_bannerPlacement = await BannerPlacement.create(
    name: "BannerPlacement", size: BannerSize.banner320x50);
```

Pass BannerPlacement object to the `AATKitBanner` widget:

```dart
return Scaffold(
    appBar: AppBar(
      title: Text(HomePage.title),
    ),
    body: Center(
      child: AATKitBanner(
        placement: _bannerPlacement,
      ),
    ),
);
```

### Reload placement <a href="#markdown-header-reloading-placement" id="markdown-header-reloading-placement"></a>

When `AATKitBanner` widget is initialized, AATKit will start auto-reloading the ads. To stop banner ads auto-reload, simply remove widget from the UI.

### Listen to events

Set listener to receive placement-specific events:

```dart
_bannerPlacement.listener = BannerPlacementListener(
  onHaveAd: (placement) => print("[${placement.name}] onHaveAd"),
  onNoAd: (placement) => print("[${placement.name}] onNoAd"),
  onPauseForAd: (placement) => print("[${placement.name}] onPauseForAd"),
  onResumeAfterAd: (placement) =>
      print("[${placement.name}] onResumeAfterAd"),
);
```