ตั้งค่าปลั๊กอิน Flutter สำหรับ Google Mobile Ads

เลือกแพลตฟอร์ม: Android (เบต้า) ใหม่ Android iOS Unity Flutter

ขั้นตอนแรกสู่การแสดงโฆษณาและสร้างรายได้คือการผสานรวมGoogle Mobile Ads Flutter Pluginเข้ากับแอป Flutter หลังจากผสานรวม Google Mobile Ads Flutter Pluginแล้ว ให้ใช้รูปแบบโฆษณาที่รองรับอย่างน้อย 1 รูปแบบ

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

นำเข้า Google Mobile Ads Flutter Plugin

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

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 ให้แทรกรหัสแอปของคุณเองในเครื่องหมายคำพูดดังที่แสดงด้านล่าง

<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

เริ่มต้นใช้งาน Google Mobile Ads Flutter Plugin

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

// Initialize the Mobile Ads SDK.
MobileAds.instance.initialize();
main.dart

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

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

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

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

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

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

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

เนทีฟ

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

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

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

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

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