במדריך הזה מוסבר איך להשתמש ב-Google Mobile Ads SDK for React Native כדי לטעון ולהציג מודעות מ-i-mobile באמצעות תהליך בחירת הרשת (Mediation), כולל שילובים של שיטת ה-Waterfall. המדריך כולל הסבר על הוספת i-mobile להגדרת תהליך הבחירה של יחידת מודעות, ועל שילוב של i-mobile SDK ומתאם באפליקציית React Native.
ממשק מרכז הבקרה של i-mobile משתמש בטקסט ביפנית בתוויות, בלחצנים ובתיאורים. צילומי המסך במדריך הזה לא תורגמו. עם זאת, בתיאורים ובהוראות שבמדריך הזה, התוויות והלחצנים מתורגמים, והמקבילות שלהם באנגלית מופיעות בסוגריים.
שילובים ופורמטים נתמכים של מודעות
המתאם של תהליך בחירת הרשת ב-AdMob ל-i-mobile כולל את היכולות הבאות:
| שילוב | |
|---|---|
| בידינג | |
| Waterfall | |
| פורמטים | |
| מודעות בפתיחת האפליקציה | |
| מודעת באנר | |
| מעברון | |
| מודעה מתגמלת | |
| מודעות מעברון מתגמלות | |
| מותאם | |
דרישות מוקדמות
לפני שממשיכים, צריך לוודא את הפרטים הבאים:
- הגרסה העדכנית של Google Mobile Ads SDK for React Native.
- React Native framework בגרסה 0.85.0 ואילך.
- כדי לפרוס ב-Android
- Android API ברמת API 24 ומעלה.
- כדי לפרוס ב-iOS
- יעד פריסה 13.0 ומעלה ב-iOS.
- פרויקט 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.
- מוודאים שהורדתם וחילצתם את התיקייה
- הגדרת תהליך בחירת הרשת (Mediation) ב-AdMob.
שלב 1: קובעים את ההגדרות בממשק המשתמש של i-mobile
נרשמים או מתחברים לחשבון ב-i-mobile.
מוסיפים את האפליקציה למרכז הבקרה של i-mobile בלחיצה על הכרטיסייה サイト/アプリ管理 (ניהול אתר/אפליקציה) ועל הלחצן של הפלטפורמה של האפליקציה.
Android

iOS

ממלאים את הטופס ולוחצים על הכפתור 新規登録 (הרשמה).
Android

iOS

כדי ליצור מיקום חדש למודעות, בוחרים את האפליקציה בכרטיסייה サイト/アプリ管理 (ניהול אתרים/אפליקציות).
Android

iOS

עוברים לכרטיסייה 広告スポット管理 (ניהול מיקומי מודעות) ולוחצים על הלחצן 新規広告スポット (מיקום מודעה חדש).
אחר כך ממלאים את הטופס ומציינים את 広告スポット名 (שם מיקום המודעה), 広告スポットサイズ (גודל מיקום המודעה) ופרטים נוספים. אחר כך לוחצים על הכפתור 新規登録 (הרשמה).
מיקום המודעה החדש מוכן. כדי לראות את פרטי השילוב, לוחצים על הכפתור アプリ設定取得 (Get App settings).
שימו לב לערכים של パブリッシャーID (מזהה בעל האפליקציה), メディアID (מזהה המדיה) ו-スポットID (מזהה המיקום). תצטרכו את הפרמטרים האלה בהמשך, כשתגדירו את i-mobile לתהליך בחירת הרשת (Mediation) בממשק המשתמש של AdMob.
Android

iOS

עדכון של הקובץ app-ads.txt
Authorized Sellers for Apps (או app-ads.txt) היא יוזמה של IAB Tech Lab שעוזרת להבטיח שמלאי שטחי הפרסום באפליקציה שלכם יימכר רק דרך ערוצים שציינתם שהם מורשים. כדי למנוע אובדן משמעותי בהכנסות מפרסום, מומלץ להטמיע קובץ app-ads.txt.
אם עדיין לא עשיתם זאת, הגדירו קובץ app-ads.txt לאפליקציה.
כדי להטמיע את app-ads.txt ב-i-mobile, אפשר לעיין בשאלות הנפוצות שלהם.
שלב 2: מגדירים את הביקוש של i-mobile בממשק המשתמש של AdMob
קביעת ההגדרות של תהליך בחירת הרשת ליחידת המודעות
Android
הוראות מפורטות זמינות בשלב 2 במדריך ל-Android.
iOS
הוראות מפורטות מופיעות בשלב 2 במדריך ל-iOS.
שלב 3: מייבאים את ה-SDK והמתאם של i-mobile
בתיקיית השורש של הפרויקט, מתקינים את מתאם Google Mobile Ads SDK for React Native לתהליך בחירת הרשת (Mediation) של i-mobile. צריך לבצע את השלבים הבאים:
מעתיקים את קובץ ה-tar של המתאם Google Mobile Ads SDK for React Native מהספרייה
gma-sdk-react-native/adapters/imobile/לספרייהlocal_packages/של הפרויקט. אם התיקייהadaptersלא קיימת, עיינו בקטע דרישות מוקדמות.mkdir -p local_packages cp EXTRACT_DIR/gma-sdk-react-native/adapters/imobile/gma-mediation-imobile-0.1.0.tgz local_packages/מחליפים את EXTRACT_DIR בנתיב לספרייה שבה חילצתם את קובץ הארכיון.
מתקינים את חבילת המתאם באמצעות הכלי המועדף לניהול חבילות:
npm
npm install ./local_packages/gma-mediation-imobile-0.1.0.tgzחוטי סריגה
yarn add ./local_packages/gma-mediation-imobile-0.1.0.tgzאם אתם מפתחים ל-Android, הוסיפו את המאגר הבא לקובץ
build.gradleבספרייהandroidשל הפרויקט:repositories { google() mavenCentral() maven { url = uri("https://imobile.github.io/adnw-sdk-android") } }
שלב 4: הוספת קוד נדרש
Android
לא נדרש קוד נוסף לשילוב של i-mobile.
iOS
שילוב של SKAdNetwork
פועלים לפי מאמרי העזרה של i-mobile כדי להוסיף את מזהי SKAdNetwork לקובץ Info.plist של הפרויקט.
שלב 5: בודקים את ההטמעה
הפעלת מודעות בדיקה
חשוב לוודא שרשמתם את מכשיר הבדיקה ב-AdMob. ב-i-mobile מספקים מזהה מיקום, מזהה מדיה ומזהה בעל אפליקציה לבדיקה. אפשר למצוא אותם כאן.
אימות מודעות בדיקה
כדי לוודא שאתם מקבלים מודעות לבדיקה מ-i-mobile, צריך להפעיל את בדיקת מקור המודעות היחיד בכלי לבדיקת מודעות באמצעות מקורות המודעות של i-mobile (Waterfall).
קודי שגיאה
אם המתאם לא מצליח לקבל מודעה מ-i-mobile, בעלי האפליקציות יכולים לבדוק את השגיאה הבסיסית בתגובה לבקשה להצגת מודעה באמצעות ResponseInfo במחלקות הבאות:
Android
| פורמט | שם הסיווג |
|---|---|
| מודעת באנר | com.google.ads.mediation.imobile.IMobileAdapter |
| מעברון | com.google.ads.mediation.imobile.IMobileAdapter |
| מותאם | com.google.ads.mediation.imobile.IMobileMediationAdapter |
iOS
| פורמט | שם הסיווג |
|---|---|
| מודעת באנר | IMobileAdapter |
| מעברון | IMobileAdapter |
| מותאם | GADMediationAdapterIMobile |
אלה הקודים וההודעות הנלוות שמוחזרים על ידי המתאם של i-mobile כשהטעינה של מודעה נכשלת:
Android
| קוד שגיאה | סיבה |
|---|---|
| 0-99 | i-mobile SDK החזיר שגיאה. פרטים נוספים זמינים בקוד. |
| 101 | כדי לטעון מודעות, i-mobile דורש הקשר של Activity. |
| 102 | הפרמטרים של שרת i-mobile שהוגדרו בממשק המשתמש של AdMob חסרים או לא תקינים. |
| 103 | גודל המודעה המבוקש לא תואם לגודל באנר שנתמך ב-i-mobile. |
| 104 | הקריאה החוזרת (callback) של i-mobile לטעינה מוצלחת של מודעות מותאמות החזירה רשימה ריקה של מודעות מותאמות. |
iOS
| קוד שגיאה | סיבה |
|---|---|
| 0-10 | i-mobile SDK החזיר שגיאה. פרטים נוספים זמינים בקוד. |
| 101 | הפרמטרים של שרת i-mobile שהוגדרו בממשק המשתמש של AdMob חסרים או לא תקינים. |
| 102 | גודל המודעה המבוקש לא תואם לגודל באנר שנתמך ב-i-mobile. |
| 103 | i-mobile לא הצליחה להציג מודעה. |
| 104 | i-mobile החזיר מערך ריק של מודעות מותאמות. |
| 105 | i-mobile לא הצליחה להוריד נכסים שמצורפים למודעות מותאמות. |
| 106 | ב-i-mobile אין תמיכה בבקשות לכמה מודעות מעברון באמצעות אותו מזהה מיקום. |
גרסה 0.1.0
- הגרסה הראשונה.