[플러터] 18일차 - 전면 광고 추가하기

 

 

 

 

• ad_helper.dart

전면광고를 관리할 InterstitialAd를 추가한다.

InterstitialAd? _interstitialAd;

 

전면 광고를 불러오는 방법이 최신 버젼에서 바뀐듯 하다. 영상과 많이 다르다.

void loadInterstitial() async {
    InterstitialAd.load(
      adUnitId: _getInterstitialAdUnitId(),
      request: AdRequest(),
      adLoadCallback: InterstitialAdLoadCallback(
        onAdLoaded: (InterstitialAd ad) {
          this._interstitialAd = ad;
        },
        onAdFailedToLoad: (LoadAdError error) {
          // nothing to do
        },
      ),
    );
  }

 

전면 광고도 테스트 ad unit id가 필요하다.

String _getInterstitialAdUnitId() {
    return InterstitialAd.testAdUnitId;
}

 

마지막으로 전면광고를 보여주는 함수를 작성한다.

void showInterstitial() {
    _interstitialAd?.show();
    _interstitialAd?.dispose();
  }

 

 

• page/note_edit_page.dart

이전 화면으로 돌아갈때 전면광고를 요청한다.

화면이 불려왔을때 먼저 전면광고를 호출.

  @override
  void initState() {
    super.initState();
    adHelper().loadInterstitial();
  }

 

노트 저장시 돌아가기전에 전면광고를 표시하도록 한다.

void _saveNote() {
   ...
   adHelper().showInterstitial();
   Navigator.pop(context);
}

 

 

 

참고

• 바람직한 전면광고 구현 사례

 

 

Uploaded by Notion2Tistory v1.1.0