การผสานรวม Google Mobile Ads SDK เข้ากับแอป Flutter เป็นขั้นตอนแรก ในการแสดงโฆษณาและสร้างรายได้ เมื่อผสาน SDK เรียบร้อยแล้ว คุณจะเลือกใช้รูปแบบโฆษณาที่รองรับได้อย่างน้อย 1 แบบ
ข้อกำหนดเบื้องต้น
- Flutter 3.27.0 ขึ้นไป
- Android
- Android Studio เวอร์ชันล่าสุด
- iOS
- Xcode เวอร์ชันล่าสุดที่มีเครื่องมือบรรทัดคำสั่งที่เปิดใช้
นำเข้า SDK โฆษณาบนอุปกรณ์เคลื่อนที่
- รวม Google Mobile Ads SDK สำหรับปลั๊กอิน Flutter ไว้ในโปรเจ็กต์ Flutter
การตั้งค่าเฉพาะแพลตฟอร์ม
Android
อัปเดต AndroidManifest.xml
ต้องระบุรหัสแอป AdMob ใน AndroidManifest.xml
หากไม่ดำเนินการดังกล่าวจะทำให้แอปขัดข้องเมื่อเปิด
เพิ่มรหัสแอป AdMob ตามที่ระบุไว้ในอินเทอร์เฟซเว็บของ AdMob
ลงในไฟล์ android/app/src/main/AndroidManifest.xml
ของแอปโดยเพิ่มแท็ก
<meta-data>
ที่มีชื่อ com.google.android.gms.ads.APPLICATION_ID
สำหรับ android:value
ให้แทรกรหัสแอปของคุณเองในเครื่องหมายคำพูดตามที่แสดง
<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>
ใช้ value
เดียวกันเมื่อเริ่มต้นใช้งานปลั๊กอินในโค้ด Dart
ดูข้อมูลเพิ่มเติมเกี่ยวกับการกำหนดค่า AndroidManifest.xml
และการตั้งค่ารหัสแอปได้ที่คู่มือ Android
iOS
อัปเดต Info.plist
ในไฟล์ ios/Runner/Info.plist
ของแอป ให้เพิ่มคีย์ GADApplicationIdentifier
ที่มีค่าสตริงเป็นรหัสแอป AdMob ของคุณ ดังที่ระบุไว้ในอินเทอร์เฟซเว็บของ AdMob
<key>GADApplicationIdentifier</key>
<string>ca-app-pub-################~##########</string>
คุณต้องส่งค่าเดียวกันเมื่อเริ่มต้นปลั๊กอินในโค้ด Dart
ดูข้อมูลเพิ่มเติมเกี่ยวกับการกำหนดค่า Info.plist
และการตั้งค่ารหัสแอปได้ที่คู่มือ iOS
เริ่มต้น SDK โฆษณาในอุปกรณ์เคลื่อนที่
ก่อนที่จะโหลดโฆษณา ให้แอปเริ่มต้น SDK โฆษณาในอุปกรณ์เคลื่อนที่โดยการเรียกใช้
MobileAds.instance.initialize()
ซึ่งจะเริ่มต้น SDK และแสดงผล Future
ที่จะสิ้นสุดเมื่อ
การเริ่มต้นเสร็จสมบูรณ์ หรือหลังจากหมดเวลา 30 วินาที โทรหาเราinitialize()
โดยเร็วที่สุด
// Initialize the Mobile Ads SDK.
MobileAds.instance.initialize();
เลือกรูปแบบโฆษณา
หลังจากนำเข้า Mobile Ads SDK แล้ว คุณก็พร้อมที่จะใช้โฆษณา AdMob มีโฆษณาหลายรูปแบบให้คุณเลือกใช้ รูปแบบที่เหมาะกับประสบการณ์ของผู้ใช้แอปมากที่สุด
ป้ายประกาศ
โฆษณาสี่เหลี่ยมผืนผ้าที่ปรากฏที่ด้านบนหรือด้านล่างของหน้าจออุปกรณ์ โฆษณาแบนเนอร์จะอยู่บนหน้าจอขณะที่ผู้ใช้โต้ตอบกับแอป และจะรีเฟรชโดยอัตโนมัติหลังจากเวลาผ่านไปช่วงหนึ่ง หากคุณเพิ่งเริ่มใช้โฆษณาบนอุปกรณ์เคลื่อนที่ โฆษณาเหล่านี้ก็เป็นจุดเริ่มต้นที่ดี
โฆษณาคั่นระหว่างหน้า
โฆษณาแบบเต็มหน้าจอที่ครอบคลุมอินเทอร์เฟซของแอปจนกว่าผู้ใช้จะปิด โฆษณาคั่นระหว่างหน้าเหมาะที่จะใช้ในช่วงหยุดชั่วคราวตามปกติในขั้นตอนการทำงานของแอป เช่น ระหว่างด่านต่างๆ ของเกม หรือหลังจากทำภารกิจเสร็จ
ติดตั้งใช้งานโฆษณาคั่นระหว่างหน้า
เนทีฟ
โฆษณาที่ปรับแต่งได้ซึ่งเข้ากับรูปลักษณ์ของแอป คุณกำหนดได้ว่าจะวางโฆษณาไว้อย่างไรและที่ใดเพื่อให้เลย์เอาต์สอดคล้องกับการออกแบบแอปของคุณมากขึ้น
ได้รับรางวัลแล้ว
โฆษณาที่ให้รางวัลแก่ผู้ใช้หลังจากชมวิดีโอสั้นๆ จบแล้วมีการโต้ตอบกับโฆษณาที่เล่นได้และแบบสำรวจที่เตรียมไว้ เหมาะสำหรับการสร้างรายได้จากผู้ใช้ที่เล่นฟรี
ติดตั้งใช้งานโฆษณาที่มีการให้รางวัล