ตั้งค่าปลั๊กอิน 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

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

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

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

<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();

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

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

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

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

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

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

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

เนทีฟ

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

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

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

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

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