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

หากต้องการแสดงโฆษณาและรับรายได้ ให้ผสานรวม 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 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>
    

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

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

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

iOS

  1. ใน Xcode ให้ไปที่ไฟล์ ios/Runner/Info.plist
  2. ในไฟล์ Info.plist ให้เพิ่มคีย์ GADApplicationIdentifier ที่มีรหัสแอป Ad Manager เป็นสตริง

    <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 แล้ว คุณจะเลือกรูปแบบโฆษณาที่จะนำไปใช้ได้ Ad Manager มีรูปแบบโฆษณาต่อไปนี้

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