เริ่มเลย

คู่มือนี้มีไว้สำหรับผู้เผยแพร่โฆษณาที่ต้องการสร้างรายได้จากแอป 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

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

iOS

อัปเดต Info.plist

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

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

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

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

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

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

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

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

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

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

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

เนทีฟ

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

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

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

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

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