เริ่มเลย

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

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

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

ข้อกำหนดเบื้องต้น

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

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

Android

อัปเดต AndroidManifest.xml

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

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

<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

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

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

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

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

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

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

เนทีฟ

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

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

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

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

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