เริ่มต้นใช้งาน

คู่มือนี้มีไว้สำหรับผู้เผยแพร่โฆษณาที่ต้องการสร้างรายได้จากแอป Flutter

การผสานรวม SDK โฆษณาในอุปกรณ์เคลื่อนที่ของ Google กับแอป Flutter ซึ่งคุณดำเนินการได้ที่นี่คือขั้นตอนแรกในการแสดงโฆษณา AdMob และสร้างรายได้ เมื่อการผสานรวมเสร็จสมบูรณ์แล้ว คุณสามารถเลือกรูปแบบโฆษณาเพื่อดูขั้นตอนการใช้งานโดยละเอียด

ปัจจุบัน SDK โฆษณาในอุปกรณ์เคลื่อนที่ของ Google สำหรับ Flutter รองรับการโหลดและการแสดงแบนเนอร์ โฆษณาคั่นระหว่างหน้า (เต็มหน้าจอ) โฆษณาเนทีฟ และโฆษณาที่มีการให้รางวัล

สิ่งที่ต้องดำเนินการก่อน

นำเข้า SDK โฆษณาในอุปกรณ์เคลื่อนที่

การตั้งค่าเฉพาะแพลตฟอร์ม

Android

อัปเดต AndroidManifest.xml

ต้องระบุรหัสแอป AdMob ใน AndroidManifest.xml มิเช่นนั้นจะทำให้แอปขัดข้อง

เพิ่มรหัสแอป AdMob ตามที่ระบุไว้ในอินเทอร์เฟซเว็บของ AdMob ลงในไฟล์ android/app/src/main/AndroidManifest.xml ของแอปโดยการเพิ่มแท็ก <meta-data> ในชื่อ com.google.android.gms.ads.APPLICATION_ID สำหรับ android:value ให้แทรกรหัสแอป AdMob ของคุณเองในเครื่องหมายคำพูดดังนี้

<manifest>
    <application>
        <!-- Sample AdMob app ID: ca-app-pub-3940256099942544~3347511713 -->
        <meta-data
            android:name="com.google.android.gms.ads.APPLICATION_ID"
            android:value="ca-app-pub-xxxxxxxxxxxxxxxx~yyyyyyyyyy"/>
    <application>
<manifest>

ใช้ value เดิมเมื่อคุณเริ่มต้นปลั๊กอินในโค้ด Dart

ดูคำแนะนำสำหรับ Android เพื่อดูข้อมูลเพิ่มเติมเกี่ยวกับการกำหนดค่า AndroidManifest.xml และการตั้งค่ารหัสแอป

iOS

อัปเดต Info.plist

ในไฟล์ ios/Runner/Info.plist ของแอป ให้เพิ่มคีย์ GADApplicationIdentifier ด้วยค่าสตริงของรหัสแอป AdMob ตามที่ระบุไว้ในอินเทอร์เฟซเว็บของ AdMob ดังนี้

<key>GADApplicationIdentifier</key>
<string>ca-app-pub-################~##########</string>

คุณจะต้องส่งค่าเดียวกันนี้เมื่อเริ่มต้นปลั๊กอินในโค้ด Dart ของคุณ

ดูคู่มือ iOS สำหรับข้อมูลเพิ่มเติม เกี่ยวกับการกำหนดค่า Info.plist และการตั้งค่ารหัสแอป

เริ่มต้น SDK โฆษณาในอุปกรณ์เคลื่อนที่

ก่อนที่จะโหลดโฆษณา ให้แอปของคุณเริ่มต้น SDK โฆษณาในอุปกรณ์เคลื่อนที่โดยการเรียกใช้ MobileAds.instance.initialize() ซึ่งเริ่มต้น SDK และแสดงผล Future ซึ่งเสร็จสิ้นเมื่อการเริ่มต้นเสร็จสมบูรณ์หรือหลังจากหมดเวลา 30 วินาที คุณต้องดำเนินการเพียงครั้งเดียวก่อนเรียกใช้แอป

import 'package:google_mobile_ads/google_mobile_ads.dart';
import 'package:flutter/material.dart';

void main() {
  WidgetsFlutterBinding.ensureInitialized();
  MobileAds.instance.initialize();

  runApp(MyApp());
}

class MyApp extends StatefulWidget {
  @override
  MyAppState createState() => MyAppState();
}

class MyAppState extends State<MyApp> {
  @override
  void initState() {
    super.initState();
    // Load ads.
  }
}

เลือกรูปแบบโฆษณา

หลังจากนำเข้า SDK โฆษณาในอุปกรณ์เคลื่อนที่แล้ว คุณก็พร้อมที่จะติดตั้งใช้งานโฆษณา AdMob มีรูปแบบโฆษณาต่างๆ มากมายเพื่อให้คุณเลือกรูปแบบที่เหมาะกับประสบการณ์ของผู้ใช้แอปที่สุดได้

โฆษณาสี่เหลี่ยมผืนผ้าที่ปรากฏด้านบนหรือด้านล่างของหน้าจออุปกรณ์ โฆษณาแบนเนอร์จะแสดงบนหน้าจอขณะที่ผู้ใช้โต้ตอบกับแอป และจะรีเฟรชได้โดยอัตโนมัติหลังจากผ่านไประยะหนึ่ง หากคุณยังไม่คุ้นเคยกับการโฆษณาบนอุปกรณ์เคลื่อนที่ ก็เป็นจุดเริ่มต้นที่ดี

ติดตั้งโฆษณาแบนเนอร์

โฆษณาคั่นระหว่างหน้า

โฆษณาเต็มหน้าจอที่ครอบคลุมอินเทอร์เฟซของแอปจนกว่าผู้ใช้จะปิด เหมาะสำหรับการหยุดชั่วคราวตามปกติระหว่างการดำเนินการของแอป เช่น ระหว่างการเปลี่ยนด่านเกมหรือหลังทำงานเสร็จ

ติดตั้งโฆษณาคั่นระหว่างหน้า

เนทีฟ

โฆษณาที่ปรับแต่งได้ซึ่งตรงกับรูปลักษณ์ของแอป คุณตัดสินใจได้ว่าจะวางโฆษณาเหล่านั้นอย่างไรและ ที่ใด เพื่อให้เข้ากับการออกแบบของแอปมากขึ้น

ใช้โฆษณาเนทีฟ

ได้รับรางวัลแล้ว

โฆษณาที่ให้รางวัลผู้ใช้หลังจากดูวิดีโอสั้นๆ และโต้ตอบกับโฆษณาที่เล่นได้และแบบสำรวจ เหมาะสำหรับการสร้างรายได้จากผู้ใช้ที่เล่นเกมฟรี

ใช้โฆษณาที่มีการให้รางวัล