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

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

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

  • Flutter เวอร์ชัน 3.38.1 ขึ้นไป
  • สำหรับ Android ให้ใช้ Android Studio เวอร์ชันล่าสุด
  • สำหรับ iOS ให้ใช้ Xcode เวอร์ชันล่าสุดที่เปิดใช้เครื่องมือบรรทัดคำสั่ง โปรดดูรายละเอียดที่หัวข้อติดตั้ง Flutter
  • รหัสแอป Ad Manager ดูรายละเอียดได้ที่หัวข้อค้นหารหัสแอปหรือรหัสหน่วยโฆษณา

นำเข้า 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 มีรูปแบบโฆษณาต่อไปนี้

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