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

เลือกแพลตฟอร์ม: Android iOS Unity Flutter Android (เวอร์ชันเก่า)

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

คู่มือนี้ครอบคลุมการนำเข้าและการเริ่มต้น Google Mobile Ads Flutter Plugin รวมถึงการเลือกรูปแบบโฆษณา

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

คุณต้องมีสิ่งต่อไปนี้ก่อนดำเนินการต่อ

นำเข้า Google Mobile Ads Flutter Plugin

หากต้องการนำเข้า Google Mobile Ads Flutter Plugin ในโปรเจ็กต์ Flutter โปรดดู google_mobile_ads

กำหนดค่าแอป

หลังจากนำเข้า Google Mobile Ads Flutter Plugin แล้ว ให้เลือกแพลตฟอร์มใดแพลตฟอร์มหนึ่งต่อไปนี้เพื่อ กำหนดค่าแอป

Android

  1. ใน Android Studio ให้ไปที่ไฟล์ android/app/src/main/AndroidManifest.xml

  2. ในไฟล์ AndroidManifest.xml ให้เพิ่มแท็ก <meta-data> ลงในแท็ก <application> ที่มีพร็อพเพอร์ตี้ต่อไปนี้

    <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>

    พร็อพเพอร์ตี้เหล่านี้ต้องมีค่าต่อไปนี้

    • android:name: com.google.android.gms.ads.APPLICATION_ID.
    • android:value: รหัสแอป AdMob

    โปรดดูรายละเอียดเกี่ยวกับการตั้งค่าไฟล์ AndroidManifest.xml ที่หัวข้อ ตั้งค่า Google Mobile Ads SDK (Legacy)

iOS

  1. ใน Xcode ให้ไปที่ไฟล์ ios/Runner/Info.plist

  2. ในไฟล์ Info.plist ให้เพิ่มคีย์ GADApplicationIdentifier ที่มีรหัสแอป AdMob เป็นสตริง

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

    โปรดดูรายละเอียดเกี่ยวกับการตั้งค่าไฟล์ Info.plist ที่ หัวข้ออัปเดต Info.plist

เริ่มต้น Google Mobile Ads Flutter Plugin

ก่อนโหลดโฆษณา ให้เริ่มต้น Google Mobile Ads Flutter Plugin โดยเรียกใช้ MobileAds.instance.initialize()

เมธอดนี้จะแสดงผล Future ที่สิ้นสุดหลังจาก Google Mobile Ads Flutter Plugin เริ่มต้น หรือหลังจากผ่านไป 30 วินาที

ตัวอย่างต่อไปนี้จะเริ่มต้น Google Mobile Ads Flutter Plugin

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

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

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

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