หากต้องการแสดงโฆษณาและสร้างรายได้ ให้ผสานรวม 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
- รหัสแอป AdMob ดูรายละเอียดได้ที่ ค้นหาและคัดลอกรหัสแอปหรือรหัสหน่วยโฆษณา
นำเข้า 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 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_IDandroid:value: รหัสแอป AdMob
ดูรายละเอียดเกี่ยวกับการตั้งค่าไฟล์
AndroidManifest.xmlได้ที่ ตั้งค่า Google Mobile Ads SDK (Legacy)
iOS
- ใน Xcode ให้ไปที่ไฟล์
ios/Runner/Info.plist ในไฟล์
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 มีรูปแบบโฆษณาต่อไปนี้
| รูปแบบโฆษณา | คำอธิบาย | เอกสารประกอบ |
|---|---|---|
| แบนเนอร์ | แสดงโฆษณาสี่เหลี่ยมผืนผ้าในพื้นที่ที่กำหนด โฆษณาเหล่านี้จะรีเฟรชโดยอัตโนมัติ ทำให้ผู้ใช้ดูโฆษณาได้ขณะที่ยังคงอยู่ในหน้าจอเดิม | สร้างโฆษณาแบนเนอร์ |
| โฆษณาคั่นระหว่างหน้า | แสดงโฆษณาแบบเต็มหน้าในแอป คุณควรวางโฆษณาเหล่านี้ที่จุดเปลี่ยนตามปกติ เช่น ระหว่างด่านเกม | โฆษณาคั่นระหว่างหน้า |
| เนทีฟ | ช่วยให้คุณปรับแต่งชิ้นงาน เช่น บรรทัดแรกและคำกระตุ้นให้ดำเนินการ ในแอปได้ เมื่อปรับแต่งโฆษณา คุณจะสร้างโฆษณาที่ตรงกับการออกแบบภาพของแอป | โหลดโฆษณาเนทีฟ |
| ได้รับรางวัลแล้ว | ช่วยให้ผู้ใช้ดูวิดีโอหรือทำแบบสำรวจเพื่อรับรางวัลในแอป เช่น เหรียญหรือไอเทมเพิ่มชีวิต คุณระบุมูลค่ารางวัลสำหรับหน่วยโฆษณาแต่ละหน่วยได้ | โฆษณาที่มีการให้รางวัล |
| โฆษณาคั่นระหว่างหน้าที่มีการให้รางวัล | ช่วยให้คุณนำเสนอรางวัลได้ เช่น เหรียญหรือไอเท็มเพิ่มชีวิต สําหรับโฆษณาที่ปรากฏระหว่างจุดเปลี่ยนหน้าของแอป | โฆษณาคั่นระหว่างหน้าที่มีการให้รางวัล |
| โฆษณาเปิดแอป | ปรากฏเมื่อผู้ใช้เปิดหรือกลับไปที่แอปของคุณ โฆษณาจะซ้อนทับหน้าจอการโหลด | โฆษณาเปิดแอป |