คู่มือนี้จะแสดงวิธีใช้ Google Mobile Ads SDK for React Native เพื่อโหลดและแสดงโฆษณาจาก Mintegral โดยใช้สื่อกลาง ซึ่งครอบคลุมทั้งการผสานรวม Waterfall และการเสนอราคา โดยจะครอบคลุมวิธีเพิ่ม Mintegral ลงในการกำหนดค่าสื่อกลางของหน่วยโฆษณา และวิธีผสานรวม SDK และอะแดปเตอร์ของ Mintegral เข้ากับแอป React Native
การผสานรวมและรูปแบบโฆษณาที่รองรับ
อะแดปเตอร์สื่อกลาง AdMob สำหรับ Mintegral มีความสามารถดังต่อไปนี้
| การผสานรวม | |
|---|---|
| การเสนอราคา | |
| การแสดงวิดีโอตามลำดับขั้น | |
| รูปแบบ | |
| โฆษณาเปิดแอป | |
| แบนเนอร์ | |
| โฆษณาคั่นระหว่างหน้า | |
| ได้รับรางวัลแล้ว | |
| โฆษณาคั่นระหว่างหน้าที่มีการให้รางวัล | |
| เนทีฟ | |
ข้อกำหนดเบื้องต้น
โปรดตรวจสอบสิ่งต่อไปนี้ก่อนดำเนินการต่อ
- Google Mobile Ads SDK for React Native เวอร์ชันล่าสุด
- เฟรมเวิร์ก React Native เวอร์ชัน 0.85.0 ขึ้นไป
- วิธีติดตั้งใช้งานใน Android
- Android API ระดับ 24 ขึ้นไป
- วิธีติดตั้งใช้งานใน iOS
- เป้าหมายการติดตั้งใช้งาน iOS เวอร์ชัน 13.0 ขึ้นไป
- โปรเจ็กต์ React Native ที่ใช้งานได้ซึ่งกำหนดค่าด้วย Google Mobile Ads SDK for React Native ดูรายละเอียดได้ที่ตั้งค่า Google Mobile Ads SDK for React Native
- ตรวจสอบว่าคุณได้ดาวน์โหลดและแตกโฟลเดอร์
adaptersจากโฟลเดอร์gma-sdk-react-nativeแล้ว หากไม่มีโฟลเดอร์adaptersให้ทำตามขั้นตอนที่ 1, 2 และ 3 ในหัวข้อติดตั้ง Google Mobile Ads SDK for React Native
- ตรวจสอบว่าคุณได้ดาวน์โหลดและแตกโฟลเดอร์
- ตั้งค่าสื่อกลาง AdMob
ขั้นตอนที่ 1: ตั้งค่าการกำหนดค่าใน UI ของ Mintegral
ลงชื่อสมัครใช้หรือเข้าสู่ระบบบัญชี Mintegral
ค้นหาคีย์แอป
ไปที่แท็บ APP Setting แล้วจดบันทึก APP Key ไว้

เพิ่มแอปพลิเคชันใหม่
จากแท็บการตั้งค่าแอป ให้คลิกปุ่มเพิ่มแอป

เลือกแพลตฟอร์ม แล้วกรอกข้อมูลที่เหลือในแบบฟอร์ม จากนั้นคลิกบันทึก
Android
iOS
จดบันทึกรหัสแอปของแอปพลิเคชัน
Android
iOS
สร้างตำแหน่งโฆษณา
เมื่อสร้างแอปพลิเคชันแล้ว ให้ไปที่แท็บตำแหน่งโฆษณาและหน่วยโฆษณา แล้วคลิกปุ่มเพิ่มตำแหน่งโฆษณาดังที่แสดงด้านล่างเพื่อสร้างตำแหน่งโฆษณา
Android
iOS
ป้อนชื่อตำแหน่งโฆษณาและรูปแบบโฆษณา
การเสนอราคา
เลือกการเสนอราคาส่วนหัวเป็นประเภทการเสนอราคา กรอกข้อมูลที่เหลือในแบบฟอร์ม แล้วคลิกบันทึก

น้ำตก
เลือก Waterfall เป็นประเภทการเสนอราคา กรอกข้อมูลที่เหลือในแบบฟอร์ม แล้วคลิกบันทึก

เมื่อสร้างตำแหน่งโฆษณาแล้ว ให้จดบันทึกรหัสตำแหน่งโฆษณาไว้
Android
iOS
คลิกเมนูแบบเลื่อนลงหน่วยโฆษณา 1 หน่วย แล้วจดบันทึกรหัสหน่วยโฆษณา
Android
iOS
ค้นหาคีย์ API การรายงานของ Mintegral
การเสนอราคา
ขั้นตอนนี้ไม่จำเป็นสำหรับการผสานรวมการเสนอราคา
น้ำตก
คุณจะต้องใช้คีย์ API การรายงานของ Mintegral เพื่อตั้งค่ารหัสหน่วยโฆษณา AdMob ไปที่บัญชี > เครื่องมือ API จดบันทึก Skey และ Secret

อัปเดต app-ads.txt
ผู้ขายที่ได้รับอนุญาตสำหรับแอปหรือ app-ads.txt เป็นความคิดริเริ่มของ IAB Tech Lab ที่ช่วยตรวจสอบว่าคุณจะขายพื้นที่โฆษณาในแอปผ่านช่องทางที่คุณได้รับอนุญาตเท่านั้น คุณจะต้องใช้ไฟล์ app-ads.txt เพื่อป้องกันไม่ให้เสียรายได้จากโฆษณาเป็นจำนวนมาก
หากยังไม่ได้ดำเนินการ ให้สร้างไฟล์ app-ads.txt สำหรับแอป
หากต้องการใช้ app-ads.txt สำหรับ Mintegral โปรดดูวิธีที่ app-ads.txt ช่วยต่อสู้กับการประพฤติมิชอบเกี่ยวกับโฆษณา
ขั้นตอนที่ 2: ตั้งค่าดีมานด์ Mintegral ใน UI ของ AdMob
กำหนดการตั้งค่าสื่อกลางสำหรับหน่วยโฆษณา
Android
ดูวิธีการได้ที่ขั้นตอนที่ 2 ในคู่มือสำหรับ Android
iOS
ดูวิธีการได้ที่ขั้นตอนที่ 2 ในคู่มือสำหรับ iOS
เพิ่ม Mobvista/Mintegral ลงในรายชื่อพาร์ทเนอร์โฆษณาตาม GDPR และกฎระเบียบของรัฐในสหรัฐอเมริกา
ทำตามขั้นตอนใน การตั้งค่ากฎระเบียบของยุโรป และ การตั้งค่ากฎระเบียบของรัฐในสหรัฐอเมริกา เพื่อเพิ่ม Mobvista/Mintegral ลงใน รายชื่อพาร์ทเนอร์โฆษณาตามกฎระเบียบของยุโรปและรัฐในสหรัฐอเมริกาใน UI ของ AdMob
ขั้นตอนที่ 3: นำเข้า SDK และอะแดปเตอร์ Mintegral
ติดตั้งอะแดปเตอร์สื่อกลาง Google Mobile Ads SDK for React Native สำหรับ Mintegral ในไดเรกทอรีรากของโปรเจ็กต์ ดำเนินการต่อไปนี้ให้เสร็จสมบูรณ์
คัดลอกไฟล์ tar ของอะแดปเตอร์ Google Mobile Ads SDK for React Native จากไดเรกทอรี
gma-sdk-react-native/adapters/mintegral/ไปยังไดเรกทอรีlocal_packages/ของโปรเจ็กต์ หากไม่มีโฟลเดอร์adaptersโปรดดูข้อกำหนดเบื้องต้นmkdir -p local_packages cp EXTRACT_DIR/gma-sdk-react-native/adapters/mintegral/gma-mediation-mintegral-0.1.0.tgz local_packages/แทนที่ EXTRACT_DIR ด้วยเส้นทางไปยังไดเรกทอรีที่คุณแตกไฟล์เก็บถาวร
ติดตั้งแพ็กเกจอะแดปเตอร์โดยใช้เครื่องมือจัดการแพ็กเกจที่ต้องการ ดังนี้
npm
npm install ./local_packages/gma-mediation-mintegral-0.1.0.tgzไหมพรม
yarn add ./local_packages/gma-mediation-mintegral-0.1.0.tgzหากคุณกำลังสร้างสำหรับ Android ให้เพิ่มที่เก็บต่อไปนี้ลงในไฟล์
build.gradleในไดเรกทอรีandroidของโปรเจ็กต์repositories { google() mavenCentral() maven { url = uri("https://dl-maven-android.mintegral.com/repository/mbridge_android_sdk_oversea") } }
ขั้นตอนที่ 4: ใช้การตั้งค่าความเป็นส่วนตัวใน Mintegral SDK
ความยินยอมจากผู้ใช้ในสหภาพยุโรปและ GDPR
เพื่อให้เป็นไปตามนโยบายความยินยอมของผู้ใช้ EU ของ Google คุณต้องเปิดเผยข้อมูลบางอย่างต่อผู้ใช้ในเขตเศรษฐกิจยุโรป (EEA), สหราชอาณาจักร และสวิตเซอร์แลนด์ และได้รับความยินยอมในการใช้คุกกี้หรือพื้นที่เก็บข้อมูลอื่นในเครื่องในกรณีที่กฎหมายกำหนด รวมถึงการรวบรวม การแชร์ และการใช้ข้อมูลส่วนตัวสำหรับการปรับโฆษณาตามโปรไฟล์ของผู้ใช้ นโยบายนี้เป็นผลมาจากข้อกำหนดด้าน ePrivacy และกฎระเบียบให้ความคุ้มครองข้อมูลส่วนบุคคลของผู้บริโภค (GDPR) ของสหภาพยุโรป คุณมีหน้าที่ ตรวจสอบว่ามีการส่งต่อความยินยอมไปยังแหล่งที่มาของโฆษณาแต่ละแห่งใน เชนสื่อกลาง (Mediation Chain)
อะแดปเตอร์ Mintegral React Native เวอร์ชัน 0.1.0 ขึ้นไปรองรับการส่งสัญญาณความยินยอมตาม GDPR จากแพลตฟอร์มการจัดการความยินยอมที่ผสานรวมกับกรอบความโปร่งใสและความยินยอม (TCF) ของ IAB ไปยัง SDK ของ Mintegral ดูข้อมูลเพิ่มเติมได้ในเอกสารประกอบเกี่ยวกับประกาศการปฏิบัติตามข้อกำหนดด้านความเป็นส่วนตัวของ SDK สำหรับ Android และ iOS ของ Mintegral
ขั้นตอนที่ 5: เพิ่มโค้ดที่จำเป็น
Android
ไม่จำเป็นต้องใช้โค้ดเพิ่มเติมสำหรับการผสานรวม Mintegral
iOS
การผสานรวม SKAdNetwork
ทำตามเอกสารประกอบของ Mintegral เพื่อเพิ่มตัวระบุ SKAdNetwork ลงในไฟล์ Info.plist ของโปรเจ็กต์
ขั้นตอนที่ 6: ทดสอบการติดตั้งใช้งาน
เปิดใช้โฆษณาทดสอบ
ตรวจสอบว่าคุณได้ลงทะเบียนอุปกรณ์ทดสอบสำหรับ AdMob แล้ว
หากต้องการรับโฆษณาทดสอบของ Mintegral สำหรับรูปแบบแบนเนอร์ โฆษณาคั่นระหว่างหน้า โฆษณาที่มีการให้รางวัล และโฆษณาเนทีฟ Mintegral ขอแนะนำให้ใช้คีย์แอป รหัสแอป รหัสตำแหน่งโฆษณา และรหัสหน่วยโฆษณาที่ระบุไว้ในหน้า Mintegral Test ID
ยืนยันโฆษณาทดสอบ
หากต้องการยืนยันว่าคุณได้รับโฆษณาทดสอบจาก Mintegral ให้เปิดใช้การทดสอบแหล่งที่มาของโฆษณาแหล่งเดียว ในเครื่องมือตรวจสอบโฆษณาโดยใช้แหล่งที่มาของโฆษณา Mintegral (การเสนอราคา) และ Mintegral (การแสดงวิดีโอตามลำดับขั้น)
รหัสข้อผิดพลาด
หากอะแดปเตอร์ไม่ได้รับโฆษณาจาก Mintegral คุณสามารถตรวจสอบข้อผิดพลาดที่สำคัญจากการตอบกลับโฆษณาได้โดยใช้ ResponseInfo ในคลาสต่อไปนี้
Android
com.mbridge.msdk
com.google.ads.mediation.mintegral.MintegralMediationAdapter
iOS
GADMediationAdapterMintegral
รหัสและข้อความที่แสดงโดยอะแดปเตอร์ Mintegral เมื่อโหลดโฆษณาไม่สำเร็จมีดังนี้
Android
| รหัสข้อผิดพลาด | โดเมน | เหตุผล |
|---|---|---|
| 100 | com.mbridge.msdk | SDK ของ Mintegral แสดงผล Callback ที่ไม่สําเร็จ |
| 101 | com.google.ads.mediation.mintegral | พารามิเตอร์เซิร์ฟเวอร์ไม่ถูกต้อง (เช่น ไม่มีรหัสแอปหรือรหัสตำแหน่งโฆษณา) |
| 102 | com.google.ads.mediation.mintegral | ขนาดโฆษณาที่ขอไม่ตรงกับขนาดแบนเนอร์ที่ Mintegral รองรับ |
| 103 | com.google.ads.mediation.mintegral | ไม่มีการเสนอราคาตอบหรือการเสนอราคาตอบไม่ถูกต้อง |
| 104 | com.google.ads.mediation.mintegral | Mintegral SDK แสดงข้อผิดพลาดที่ระบุว่าไม่สามารถแสดงโฆษณาได้ |
| 105 | com.mbridge.msdk | เริ่มต้น Mintegral SDK ไม่สำเร็จ |
| 106 | com.google.ads.mediation.mintegral | โหลดโฆษณาสำหรับช่อง Mintegral แล้ว แต่ยังไม่ได้แสดง |
iOS
| รหัสข้อผิดพลาด | โดเมน | เหตุผล |
|---|---|---|
| 101 | com.google.mediation.mintegral | พารามิเตอร์เซิร์ฟเวอร์ไม่ถูกต้อง (เช่น ไม่มีรหัสแอปหรือรหัสตำแหน่งโฆษณา) |
| 102 | com.google.mediation.mintegral | Mintegral SDK แสดงข้อผิดพลาดที่ระบุว่าไม่สามารถแสดงโฆษณาได้ |
| 103 | com.google.mediation.mintegral | Mintegral SDK แสดงโฆษณาไม่สำเร็จ |
| 104 | com.google.mediation.mintegral | ขนาดโฆษณาที่ขอไม่ตรงกับขนาดแบนเนอร์ที่ Mintegral รองรับ |
เวอร์ชัน 0.1.0
- การเผยแพร่ครั้งแรก
- รองรับอะแดปเตอร์ Mintegral สำหรับ Android เวอร์ชัน 17.1.61.1
- รองรับ Mintegral iOS Adapter เวอร์ชัน 8.1.7.0
- สร้างและทดสอบด้วยปลั๊กอิน React Native สำหรับ Google Mobile Ads เวอร์ชัน 0.1.0