ตั้งค่าปลั๊กอิน 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 มีรูปแบบโฆษณาต่อไปนี้

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