เริ่มต้น

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

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

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

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

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

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

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

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

เนทีฟ

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

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

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

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

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