เริ่มเลย

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

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

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

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

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

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

Android

อัปเดต AndroidManifest.xml

ต้องระบุรหัสแอป Ad Manager ใน AndroidManifest.xml หากไม่ดำเนินการ จะทำให้การเปิดแอปขัดข้อง

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

<manifest>
    <application>
        <!-- Sample 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 ที่มีค่าสตริงของรหัสแอป Ad Manager (ระบุไว้ใน UI ของ Ad Manager) ดังนี้

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

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

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

เริ่มต้น 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 โฆษณาในอุปกรณ์เคลื่อนที่แล้ว และคุณพร้อมที่จะใช้งานโฆษณา Ad Manager มีรูปแบบโฆษณาต่างๆ มากมายเพื่อให้คุณเลือกรูปแบบที่เหมาะกับประสบการณ์ของผู้ใช้แอปที่สุดได้

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

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

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

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

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

เนทีฟ

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

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

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

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

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