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