[flutter] 플러터(Flutter)로 광고 플랫폼 연동하기

18 Dec 2023

flutter

플러터는 다양한 광고 플랫폼과의 연동을 통해 수익을 창출할 수 있는 많은 기회를 제공합니다. 다음은 플러터 앱에서 광고 플랫폼을 연동하는 방법에 대한 간단한 안내입니다.

Google AdMob과 플러터 연동하기

Google AdMob은 플러터 앱에 광고 수익을 창출하는 데 널리 사용되는 플랫폼입니다. Google Mobile Ads SDK를 사용하여 플러터와 AdMob을 쉽게 연동할 수 있습니다.

먼저, pubspec.yaml 파일에 다음과 같이 google_mobile_ads 패키지를 추가합니다.

dependencies:
  google_mobile_ads: ^0.13.0

그 다음, AdMob 광고 단위 ID를 사용하여 AdWidget 위젯을 생성하여 원하는 위치에 광고를 삽입할 수 있습니다.

import 'package:google_mobile_ads/google_mobile_ads.dart';

class MyAdWidget extends StatefulWidget {
  @override
  _MyAdWidgetState createState() => _MyAdWidgetState();
}

class _MyAdWidgetState extends State<MyAdWidget> {
  final AdSize _adSize = AdSize.banner;

  @override
  void initState() {
    super.initState();
    _bannerAd
      ..load()
      ..show();
  }

  @override
  Widget build(BuildContext context) {
    return AdWidget(ad: _bannerAd);
  }
}

더 많은 세부 사항 및 광고 로드 처리는 Google AdMob 플러그인 문서를 참조하세요.

Facebook Audience Network와 플러터 연동하기

Facebook Audience Network은 페이스북의 광고 플랫폼으로, Flutter Facebook Audience Network 플러그인을 사용하여 플러터 앱에 연동할 수 있습니다. 이를 위해 pubspec.yaml 파일에 해당 패키지를 추가합니다.

dependencies:
  flutter_facebook_audience_network: ^0.9.0

그런 다음, Facebook 광고 ID를 사용하여 FacebookNativeAd 위젯을 생성하여 앱 내에 광고를 표시할 수 있습니다.

import 'package:flutter_facebook_audience_network/flutter_facebook_audience_network.dart';

class MyFacebookAdWidget extends StatelessWidget {
  @override
  Widget build(BuildContext context) {
    return FacebookNativeAd(
      placementId: "YOUR_PLACEMENT_ID",
      adType: NativeAdType.NATIVE_BANNER_AD,
      bannerAdSize: NativeBannerAdSize.HEIGHT_100,
      width: double.infinity,
      backgroundColor: Colors.blue,
      titleColor: Colors.white,
      descriptionColor: Colors.white,
      buttonColor: Colors.deepPurple,
      buttonTitleColor: Colors.white,
      buttonBorderColor: Colors.white,
      listener: (result, value) {
        print("Native Ad: $result --> $value");
      },
    );
  }
}

더 자세한 내용은 Flutter Facebook Audience Network 플러그인 문서를 참조하세요.

Unity Ads와 플러터 연동하기

Unity Ads는 플러터 앱에 게임 내 광고를 쉽게 삽입할 수 있는 플랫폼입니다. Unity Ads 플러그인을 사용하여 Unity Ads를 플러터와 연동할 수 있습니다.

먼저, pubspec.yaml 파일에 Unity Ads 플러그인을 추가합니다.

dependencies:
  flutter_unity_ads: ^2.0.0+1

그런 다음, Unity 광고 ID를 사용하여 UnityBannerAd 위젯을 생성하여 원하는 위치에 광고를 넣을 수 있습니다.

import 'package:flutter_unity_ads/flutter_unity_ads.dart';

class MyUnityAdWidget extends StatelessWidget {
  @override
  Widget build(BuildContext context) {
    return UnityBannerAd(
      placementId: "YOUR_PLACEMENT_ID",
      width: 320,
      height: 50,
    );
  }
}

더 자세한 내용은 Flutter Unity Ads 플러그인 문서를 참조하세요.

결론

위에서 언급한 각 광고 플랫폼의 플러터 연동 방법을 사용하여, 앱에 다양한 형태의 광고를 통합할 수 있습니다. 광고 수익을 창출하고 사용자 경험을 개선하는 데 도움이 되는 이러한 광고 플랫폼을 플러터 앱에 연동하는 것은 매우 유용합니다.

위에서 제공한 코드 및 방법은 각 플러그인 및 플랫폼의 공식 문서를 참조하여 적절히 수정하고 구현해야 합니다.

목차

Google AdMob과 플러터 연동하기

Facebook Audience Network와 플러터 연동하기

Unity Ads와 플러터 연동하기

결론