คู่มือนี้จะแสดงวิธีใช้ Google Mobile Ads SDK for React Native เพื่อโหลดและแสดงโฆษณาจาก ironSource Ads โดยใช้สื่อกลาง ซึ่งครอบคลุมการผสานรวม Waterfall โดยจะครอบคลุมวิธีเพิ่ม ironSource Ads ลงในการกำหนดค่าสื่อกลางของหน่วยโฆษณา และวิธีผสานรวม ironSource Ads SDK และอะแดปเตอร์เข้ากับแอป React Native
การผสานรวมและรูปแบบโฆษณาที่รองรับ
อะแดปเตอร์สื่อกลาง AdMob สำหรับ ironSource Ads มีความสามารถดังต่อไปนี้
| การผสานรวม | |
|---|---|
| การเสนอราคา | |
| การแสดงวิดีโอตามลำดับขั้น | |
| รูปแบบ | |
| โฆษณาเปิดแอป | |
| แบนเนอร์ | |
| โฆษณาคั่นระหว่างหน้า | |
| ได้รับรางวัลแล้ว | |
| โฆษณาคั่นระหว่างหน้าที่มีการให้รางวัล | 1 |
| เนทีฟ | |
1 รูปแบบนี้รองรับเฉพาะในการผสานรวม Waterfall
ข้อกำหนดเบื้องต้น
โปรดตรวจสอบสิ่งต่อไปนี้ก่อนดำเนินการต่อ
- 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 ของ ironSource Ads
ลงชื่อสมัครใช้และลงชื่อเข้าใช้บัญชี ironSource Ads
เพิ่มแอปใหม่
หากต้องการเพิ่มแอปใหม่ ให้ไปที่โฆษณา > แอป แล้วคลิกเพิ่มแอป

กรอกแบบฟอร์ม แล้วคลิกเพิ่มแอป

จดบันทึกคีย์แอป จากนั้นเลือกรูปแบบโฆษณาที่แอปรองรับ แล้วคลิกต่อไป
Android

iOS

สร้างอินสแตนซ์
ถัดไป ให้กำหนดค่าอินสแตนซ์สำหรับแอปที่คุณเพิ่ม
ไปที่โฆษณา > การตั้งค่า > อินสแตนซ์ เลือกแอปแล้วคลิกสร้างอินสแตนซ์

การเสนอราคา
กรอกแบบฟอร์มแล้วเลือกการเสนอราคาสำหรับการกำหนดราคา คลิกบันทึกและปิด
Android

iOS

จดบันทึกรหัสอินสแตนซ์
Android

iOS

น้ำตก
กรอกแบบฟอร์ม แล้วคลิกบันทึกและปิด

จดบันทึกรหัสอินสแตนซ์

ค้นหาคีย์ Reporting API
การเสนอราคา
ขั้นตอนนี้ไม่จำเป็นสำหรับการผสานรวมการเสนอราคา
น้ำตก
คลิกแท็บ API ในหน้าบัญชีของฉัน แล้วจดบันทึกคีย์ลับและโทเค็นการรีเฟรช

อัปเดต app-ads.txt
ผู้ขายที่ได้รับอนุญาตสำหรับแอปหรือ app-ads.txt เป็นความคิดริเริ่มของ IAB Tech Lab ที่ช่วยตรวจสอบว่าคุณจะขายพื้นที่โฆษณาในแอปผ่านช่องทางที่คุณได้รับอนุญาตเท่านั้น คุณจะต้องใช้ไฟล์ app-ads.txt เพื่อป้องกันไม่ให้เสียรายได้จากโฆษณาเป็นจำนวนมาก
หากยังไม่ได้ดำเนินการ ให้สร้างไฟล์ app-ads.txt สำหรับแอป
หากต้องการใช้ app-ads.txt สำหรับ ironSource โปรดดูตัวแทนจำหน่ายที่ได้รับอนุญาตของ ironSource
เปิดโหมดทดสอบ
ทำตามวิธีการในคู่มือการทดสอบการผสานรวมของ ironSource Ads เกี่ยวกับวิธีเปิดใช้โฆษณาทดสอบของ ironSource Ads
ขั้นตอนที่ 2: ตั้งค่าดีมานด์โฆษณา ironSource ใน UI ของ AdMob
กำหนดการตั้งค่าสื่อกลางสำหรับหน่วยโฆษณา
Android
ดูวิธีการได้ที่ขั้นตอนที่ 2 ในคู่มือสำหรับ Android
iOS
ดูวิธีการได้ที่ขั้นตอนที่ 2 ในคู่มือสำหรับ iOS
เพิ่ม ironSource Mobile ลงในรายชื่อพาร์ทเนอร์โฆษณาตาม GDPR และกฎระเบียบของรัฐในสหรัฐอเมริกา
ทำตามขั้นตอนใน การตั้งค่ากฎระเบียบของยุโรป และ การตั้งค่ากฎระเบียบของรัฐในสหรัฐอเมริกา เพื่อเพิ่ม ironSource Mobile ลงในรายชื่อพาร์ทเนอร์โฆษณาตามกฎระเบียบของยุโรปและรัฐในสหรัฐอเมริกาใน UI ของ AdMob
ขั้นตอนที่ 3: นำเข้า SDK โฆษณาและอะแดปเตอร์ ironSource Ads
ในไดเรกทอรีรากของโปรเจ็กต์ ให้ติดตั้งอะแดปเตอร์สื่อกลาง Google Mobile Ads SDK for React Native สำหรับ ironSource Ads ดำเนินการต่อไปนี้ให้เสร็จสมบูรณ์
คัดลอกไฟล์ tar ของอะแดปเตอร์ Google Mobile Ads SDK for React Native จากไดเรกทอรี
gma-sdk-react-native/adapters/ironsource/ไปยังไดเรกทอรีlocal_packages/ของโปรเจ็กต์ หากไม่มีโฟลเดอร์adaptersโปรดดูข้อกำหนดเบื้องต้นmkdir -p local_packages cp EXTRACT_DIR/gma-sdk-react-native/adapters/ironsource/gma-mediation-ironsource-0.1.0.tgz local_packages/แทนที่ EXTRACT_DIR ด้วยเส้นทางไปยังไดเรกทอรีที่คุณแตกไฟล์เก็บถาวร
ติดตั้งแพ็กเกจอะแดปเตอร์โดยใช้เครื่องมือจัดการแพ็กเกจที่ต้องการ ดังนี้
npm
npm install ./local_packages/gma-mediation-ironsource-0.1.0.tgzไหมพรม
yarn add ./local_packages/gma-mediation-ironsource-0.1.0.tgzหากคุณกำลังสร้างสำหรับ Android ให้เพิ่มที่เก็บต่อไปนี้ลงในไฟล์
build.gradleในไดเรกทอรีandroidของโปรเจ็กต์repositories { google() mavenCentral() maven { url = uri("https://android-sdk.is.com/") } }
ขั้นตอนที่ 4: ใช้การตั้งค่าความเป็นส่วนตัวใน ironSource Ads SDK
ความยินยอมจากผู้ใช้ในสหภาพยุโรปและ GDPR
เพื่อให้เป็นไปตามนโยบายความยินยอมของผู้ใช้ EU ของ Google คุณต้องเปิดเผยข้อมูลบางอย่างต่อผู้ใช้ในเขตเศรษฐกิจยุโรป (EEA), สหราชอาณาจักร และสวิตเซอร์แลนด์ และได้รับความยินยอมในการใช้คุกกี้หรือพื้นที่เก็บข้อมูลอื่นในเครื่องในกรณีที่กฎหมายกำหนด รวมถึงการรวบรวม การแชร์ และการใช้ข้อมูลส่วนตัวสำหรับการปรับโฆษณาตามโปรไฟล์ของผู้ใช้ นโยบายนี้เป็นผลมาจากข้อกำหนดด้าน ePrivacy และกฎระเบียบให้ความคุ้มครองข้อมูลส่วนบุคคลของผู้บริโภค (GDPR) ของสหภาพยุโรป คุณมีหน้าที่ ตรวจสอบว่ามีการส่งต่อความยินยอมไปยังแหล่งที่มาของโฆษณาแต่ละแห่งใน เชนสื่อกลาง (Mediation Chain)
อะแดปเตอร์ React Native ของ ironSource Ads เวอร์ชัน 0.1.0 ขึ้นไปรองรับการส่งสัญญาณความยินยอมตาม GDPR จาก UMP SDK และแพลตฟอร์มการจัดการความยินยอมที่ผสานรวมกับข้อกำหนดความยินยอมเพิ่มเติมของ Google ไปยัง SDK โฆษณาของ ironSource Ads ดูข้อมูลเพิ่มเติมได้ที่การปฏิบัติตามข้อกำหนด GDPR ของ ironSource
กฎหมายคุ้มครองความเป็นส่วนตัวของรัฐในสหรัฐอเมริกา
กฎหมายคุ้มครองความเป็นส่วนตัวของรัฐในสหรัฐอเมริกากำหนดให้ผู้ใช้มีสิทธิ์เลือกไม่รับ "การขาย" "ข้อมูลส่วนบุคคล" (ตามที่กฎหมายให้คำจำกัดความไว้) โดยเว็บไซต์จะต้องให้ตัวเลือกการเลือกไม่รับผ่านลิงก์ "ไม่อนุญาตให้ขายข้อมูลส่วนบุคคลของฉัน" ที่แสดงไว้อย่างชัดเจนบนหน้าแรกของฝ่ายที่ทำ "การขาย" คู่มือการปฏิบัติตามกฎหมายคุ้มครองความเป็นส่วนตัวของรัฐในสหรัฐอเมริกาให้ความสามารถในการเปิดใช้การประมวลผลข้อมูลแบบจำกัดสำหรับการแสดงโฆษณา Google แต่ Google ไม่สามารถใช้การตั้งค่านี้กับเครือข่ายโฆษณาแต่ละเครือข่ายในเชนสื่อกลาง (Mediation Chain) ของคุณได้ ดังนั้น คุณต้องระบุเครือข่ายโฆษณาแต่ละเครือข่ายในเชนสื่อกลาง (Mediation Chain) ที่อาจมีส่วนร่วมในการขายข้อมูลส่วนบุคคล และปฏิบัติตามคำแนะนำจากเครือข่ายแต่ละเครือข่ายเพื่อให้เป็นไปตามข้อกำหนด
ปลั๊กอินสื่อกลาง Google Mobile Ads สำหรับ ironSource Ads มีเมธอด GmaMediationIronsource().setDoNotSell โค้ดตัวอย่างต่อไปนี้แสดงวิธีส่งข้อมูลความยินยอมไปยัง ironSource SDK โฆษณา คุณต้องตั้งค่าตัวเลือกเหล่านี้ก่อนเริ่มต้น Google Mobile Ads SDK for React Native เพื่อให้แน่ใจว่าระบบจะส่งต่อตัวเลือกเหล่านี้ไปยัง SDK โฆษณาของ ironSource อย่างถูกต้อง
import { IronSourceMediation } from '@google/gma-mediation-ironsource';
// ...
IronSourceMediation.setDoNotSell(true);
ดูรายละเอียดเพิ่มเติมและค่าที่ระบุได้ในเมธอดจากเอกสารประกอบของ ironSource Ads เกี่ยวกับการตั้งค่าขั้นสูงของกฎระเบียบสำหรับทั้ง Android และ iOS
ขั้นตอนที่ 5: เพิ่มโค้ดที่จำเป็น
Android
กฎ Proguard
หากคุณลดขนาด ปรับให้ยากต่อการอ่าน และเพิ่มประสิทธิภาพแอป ironSource Ads จะต้องใช้กฎ ProGuard เพิ่มเติมสำหรับโปรเจ็กต์ของคุณ
ดูข้อมูลเพิ่มเติมเกี่ยวกับกฎ ProGuard ที่จำเป็นสำหรับโปรเจ็กต์ของคุณได้ในคู่มือการผสานรวม Android SDK ของ ironSource Ads และเพิ่มกฎเหล่านั้นลงในไฟล์ proguard-user.txt
iOS
การผสานรวม SKAdNetwork
ขั้นตอนที่ 6: ทดสอบการติดตั้งใช้งาน
เปิดใช้โฆษณาทดสอบ
ตรวจสอบว่าคุณได้ลงทะเบียนอุปกรณ์ทดสอบสำหรับ AdMob และเปิดใช้โหมดทดสอบใน UI ของ ironSource Ads แล้ว
ยืนยันโฆษณาทดสอบ
หากต้องการยืนยันว่าคุณได้รับโฆษณาทดสอบจาก ironSource Ads ให้เปิดใช้การทดสอบแหล่งที่มาของโฆษณาแหล่งเดียว ในเครื่องมือตรวจสอบโฆษณาโดยใช้แหล่งที่มาของโฆษณา ironSource Ads (การเสนอราคา) และ ironSource Ads (การแสดงวิดีโอตามลำดับขั้น)
รหัสข้อผิดพลาด
หากอะแดปเตอร์ไม่ได้รับโฆษณาจาก ironSource Ads ผู้เผยแพร่โฆษณาสามารถตรวจสอบข้อผิดพลาดที่เกี่ยวข้องจากการตอบกลับโฆษณาได้โดยใช้ ResponseInfo ในคลาสต่อไปนี้
Android
com.google.ads.mediation.ironsource.IronSourceAdapter
com.google.ads.mediation.ironsource.IronSourceRewardedAdapter
iOS
GADMAdapterIronSource
GADMAdapterIronSourceRewarded
ต่อไปนี้คือรหัสและข้อความที่แสดงโดยอะแดปเตอร์ ironSource Ads เมื่อโหลดโฆษณาไม่สำเร็จ
Android
| รหัสข้อผิดพลาด | เหตุผล |
|---|---|
| 101 | พารามิเตอร์เซิร์ฟเวอร์ ironSource Ads ที่กำหนดค่าใน UI ของ AdMob ขาดหายไป/ไม่ถูกต้อง |
| 102 | ironSource Ads ต้องใช้บริบทกิจกรรมเพื่อเริ่มต้น SDK |
| 103 | ironSource Ads โหลดโฆษณาได้เพียง 1 รายการต่อรหัสอินสแตนซ์ ironSource |
| 105 | ironSource Ads ไม่รองรับขนาดโฆษณาแบนเนอร์ที่ขอ |
| 106 | ไม่ได้เริ่มต้น ironSource SDK โฆษณา |
| 107 | มีการส่งคำขอแสดงโฆษณาก่อนที่โฆษณาจะโหลดสำเร็จ |
| 108 | SDK โฆษณาของ ironSource แสดงสัญญาณการเสนอราคาเป็นค่าว่างหรือไม่มีค่า |
| 501-1056 | ข้อผิดพลาดของ SDK โฆษณา ironSource ดูรายละเอียดเพิ่มเติมได้ในเอกสารประกอบ |
iOS
| รหัสข้อผิดพลาด | เหตุผล |
|---|---|
| 101 | พารามิเตอร์เซิร์ฟเวอร์ ironSource Ads ที่กำหนดค่าใน UI ของ AdMob ขาดหายไป/ไม่ถูกต้อง |
| 102 | อะแดปเตอร์ ironSource Ads ไม่รองรับรูปแบบโฆษณาที่ขอ |
| 103 | โหลดโฆษณา ironSource สำหรับการกำหนดค่าเครือข่ายนี้แล้ว |
| 104 | ironSource Ads ไม่รองรับขนาดโฆษณาแบนเนอร์ที่ขอ |
| 105 | ironSource Ads แสดงโฆษณาไม่สำเร็จ |
| 508-1037 | ข้อผิดพลาดของ SDK โฆษณา ironSource ดูรายละเอียดเพิ่มเติมได้ในเอกสารประกอบ |
เวอร์ชัน 0.1.0
- การเผยแพร่ครั้งแรก
- รองรับอะแดปเตอร์ ironSource สำหรับ Android เวอร์ชัน 9.6.0.1
- รองรับอะแดปเตอร์ ironSource เวอร์ชัน 9.5.0.0.0 สำหรับ iOS