Skip to main content

Flutter - 橫幅廣告

概覽

本篇將說明如何透過 Vpon Flutter Plugin 串接橫幅廣告，您也可以在 pub.dev 查看我們的串接文件與 Plugin 訊息。

橫幅廣告串接

宣告 Banner Ad 物件

BannerAd? _bannerAd;

請求橫幅廣告

void _loadBannerAd() async {
    await _bannerAd?.dispose();
    setState(() {
    _bannerAd = null;
    });

    String key = 'Your License Key';
    VponAdRequest request = VponAdRequest();

    _bannerAd = BannerAd(
        licenseKey: key,
        size: BannerAdSize.banner,
        request: request,
        autoRefresh: false,
        listener: BannerAdListener(
            onAdLoaded: (Ad ad) async {
            BannerAd bannerAd = (ad as BannerAd);
                setState(() {
                    _bannerAd = bannerAd;
                    adWidgetKey = UniqueKey();
                });
            },
            onAdFailedToLoad: (Ad ad, Map error) {
                ad.dispose();
            },
            onAdImpression: (Ad ad) {
                // handle impression
            },
            onAdClicked: (Ad ad) {
                // handle click
            },
        ),
    );
    await _bannerAd?.load();
}

Note: 您可以透過實作 BannerAdListener 來監聽廣告事件。

Vpon Banner Size

Vpon supports following Banner sizes:

Size (WxH) Description VponAdSize Constant
320x50 Standard Banner banner
320x100 Large Banner largeBanner
300x250 IAB Medium Rectangle mediumRectangle
320x480 Large Rectangle Banner largeRectangle
468x60 IAB Full-Size Banner fullBanner
728x90 IAB Leaderboard leaderBoard