หากต้องการแสดงโฆษณาและรับรายได้ ให้ผสานรวม 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
ใน Android Studio ให้ไปที่ไฟล์
android/app/src/main/AndroidManifest.xmlในไฟล์
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
- ใน Xcode ให้ไปที่ไฟล์
ios/Runner/Info.plist ในไฟล์
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 มีรูปแบบโฆษณาต่อไปนี้
| รูปแบบโฆษณา | คำอธิบาย | เอกสารประกอบ |
|---|---|---|
| แบนเนอร์ | แสดงโฆษณาสี่เหลี่ยมผืนผ้าในพื้นที่ที่กำหนด โฆษณาเหล่านี้จะรีเฟรชโดยอัตโนมัติ ทำให้ผู้ใช้ดูโฆษณาได้ขณะที่ยังคงอยู่ในหน้าจอเดิม | ตั้งค่าโฆษณาแบนเนอร์ |
| โฆษณาคั่นระหว่างหน้า | แสดงโฆษณาแบบเต็มหน้าในแอป คุณควรวางโฆษณาเหล่านี้ที่จุดเปลี่ยนผ่านตามปกติ เช่น ระหว่างเลเวลต่างๆ ในเกม | โฆษณาคั่นระหว่างหน้า |
| เนทีฟ | ช่วยให้คุณปรับแต่งเนื้อหา เช่น บรรทัดแรกและคำกระตุ้นให้ดำเนินการในแอปได้ เมื่อปรับแต่งโฆษณา คุณจะสร้างโฆษณาที่เข้ากับการออกแบบภาพของแอปได้ | โหลดโฆษณาเนทีฟ |
| ได้รับรางวัลแล้ว | ช่วยให้ผู้ใช้ดูวิดีโอหรือทำแบบสำรวจเพื่อรับรางวัลในแอป เช่น เหรียญหรือไอเท็มเพิ่มชีวิต คุณสามารถระบุมูลค่ารางวัลสำหรับหน่วยโฆษณาแต่ละหน่วยได้ | โฆษณาที่มีการให้รางวัล |
| โฆษณาคั่นระหว่างหน้าที่มีการให้รางวัล | ช่วยให้คุณนำเสนอรางวัลได้ เช่น เหรียญหรือไอเท็มเพิ่มชีวิต สําหรับโฆษณาที่ปรากฏระหว่างจุดเปลี่ยนหน้าของแอป | โฆษณาคั่นระหว่างหน้าที่มีการให้รางวัล |
| โฆษณาเปิดแอป | ปรากฏเมื่อผู้ใช้เปิดหรือกลับไปที่แอป โฆษณาจะวางซ้อนหน้าจอการโหลด | โฆษณาเปิดแอป |