במדריך הזה מוסבר איך להשתמש ב-Google Mobile Ads SDK for React Native כדי לטעון ולהציג מודעות מ-Pangle באמצעות תהליך בחירת הרשת (Mediation). המדריך כולל הסברים על שילובים של שיטת ה-Waterfall ושל בידינג. המדריך כולל הסבר על הוספת Pangle להגדרת תהליך בחירת הרשת של יחידת מודעות, ועל שילוב של Pangle SDK ומתאם באפליקציית נייטיב של React Native.
שילובים ופורמטים נתמכים של מודעות
המתאם של תהליך בחירת הרשת ב-AdMob ל-Pangle כולל את היכולות הבאות:
| שילוב | |
|---|---|
| בידינג | 1 |
| מפל | |
| פורמטים | |
| מודעות בפתיחת האפליקציה | 2 |
| מודעת באנר | 2 |
| מעברון | |
| מודעה מתגמלת | |
| מודעות מעברון מתגמלות | |
| מותאם | 2 |
1 מקורות המודעות לבידינג של Pangle שזמינים כוללים את Pangle US, Pangle KR ו-Pangle ROW.
2 הפורמט הזה לא נתמך במקורות המודעות הבאים לבידינג של Pangle: Pangle US.
דרישות מוקדמות
- הגרסה העדכנית של Google Mobile Ads SDK for React Native.
- [לבידינג ב-Pangle US]: צריך להשתמש במתאם של Pangle בגרסה כלשהי.
- 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: קובעים את ההגדרות בממשק המשתמש של Pangle
נרשמים או מתחברים לחשבון ב-Pangle.
הוספת אפליקציה חדשה
עוברים לכרטיסייה Applications ולוחצים על הכפתור Add App.

בוחרים את מערכת ההפעלה שעבורה רוצים ליצור אפליקציה וממלאים את שאר הטופס. אחר כך לוחצים על שליחה.
Android

iOS

שימו לב למזהה האפליקציה.
Android

iOS

יצירת מיקום מודעה
אחרי שיוצרים את האפליקציה, לוחצים על הכפתור הוספה כדי ליצור את מיקום המודעה.
Android

iOS

בידינג
בוחרים את פורמט המודעה ואת השם של מיקום המודעה, ובוחרים באפשרות בידינג באפליקציה בתור סוג התמחור. ממלאים את שאר הטופס ולוחצים על שליחה.

אחרי שיוצרים את מיקום המודעה, צריך לשים לב למזהה מיקום המודעה.
Android

iOS

מפל
בוחרים את פורמט המודעה ואת השם של מיקום המודעה, ובוחרים באפשרות עלות גלובלית לאלף חשיפות בתור סוג התמחור. ממלאים את שאר הטופס ולוחצים על Submit.

אחרי שיוצרים את מיקום המודעה, צריך לשים לב למזהה מיקום המודעה.
Android

iOS

איך מאתרים את מפתח ה-API של Pangle Reporting
בידינג
השלב הזה לא נדרש בשילובים של בידינג.
מפל
שימו לב למזהה המשתמש בפינה הימנית התחתונה של הדף.

לוחצים על Integrations (שילובים) > SDK & API > Pangle Reporting API 2.0. שימו לב לערכים של Role ID ו-Security Key.

עדכון של הקובץ app-ads.txt
Authorized Sellers for Apps (או app-ads.txt) היא יוזמה של IAB Tech Lab שעוזרת להבטיח שמלאי שטחי הפרסום באפליקציה שלכם יימכר רק דרך ערוצים שציינתם שהם מורשים. כדי למנוע אובדן משמעותי בהכנסות מפרסום, מומלץ להטמיע קובץ app-ads.txt.
אם עדיין לא עשיתם זאת, הגדירו קובץ app-ads.txt לאפליקציה.
כדי להטמיע את app-ads.txt ב-Pangle, צריך לפעול לפי ההוראות במאמר איך מוסיפים את Pangle לקובץ app-ads.txt.
הפעלת מצב בדיקה
כדי להפעיל מודעות לבדיקה של Pangle, פועלים לפי ההוראות במדריך How to add a Test Ad (איך להוסיף מודעת בדיקה) של Pangle.
שלב 2: מגדירים את הביקוש של Pangle בממשק המשתמש של AdMob
קביעת ההגדרות של תהליך בחירת הרשת ליחידת המודעות
Android
הוראות מפורטות זמינות בשלב 2 במדריך ל-Android.
iOS
הוראות מפורטות מופיעות בשלב 2 במדריך ל-iOS.
הוספת Pangle DSP לרשימת שותפי הפרסום שפועלים בהתאם ל-GDPR ולתקנות במדינות בארה"ב
כדי להוסיף בממשק המשתמש של AdMob את Pangle DSP לרשימת שותפי הפרסום שפועלים בהתאם לתקנות האירופאיות ולתקנות במדינות בארה"ב, צריך לפעול לפי השלבים שמתוארים במאמרים בנושא הגדרות בנושא תקנות אירופאיות והגדרות בנושא תקנות במדינות בארה"ב.
שלב 3: מייבאים את ה-SDK והמתאם של Pangle
בתיקיית השורש של הפרויקט, מתקינים את מתאם תהליך בחירת הרשת (Mediation) של Google Mobile Ads SDK for React Native ל-Pangle. צריך לבצע את השלבים הבאים:
מעתיקים את קובץ ה-tar של המתאם Google Mobile Ads SDK for React Native מהספרייה
gma-sdk-react-native/adapters/pangle/לספרייהlocal_packages/של הפרויקט. אם התיקייהadaptersלא קיימת, עיינו בקטע דרישות מוקדמות.mkdir -p local_packages cp EXTRACT_DIR/gma-sdk-react-native/adapters/pangle/gma-mediation-pangle-0.1.0.tgz local_packages/מחליפים את EXTRACT_DIR בנתיב לספרייה שבה חילצתם את קובץ הארכיון.
מתקינים את חבילת המתאם באמצעות הכלי המועדף לניהול חבילות:
npm
npm install ./local_packages/gma-mediation-pangle-0.1.0.tgzחוטי סריגה
yarn add ./local_packages/gma-mediation-pangle-0.1.0.tgzאם אתם מפתחים ל-Android, הוסיפו את המאגר הבא לקובץ
build.gradleבספרייהandroidשל הפרויקט:repositories { google() mavenCentral() maven { url = uri("https://artifact.bytedance.com/repository/pangle/") } }
שלב 4: הטמעת הגדרות הפרטיות ב-Pangle SDK
GDPR והסכמה בהתאם ולתקנות האירופאיות
כדי לעמוד בדרישות של מדיניות Google בנושא הסכמת משתמשים באיחוד האירופי, עליכם להציג הודעות גילוי נאות מסוימות למשתמשים שנמצאים באזור הכלכלי האירופי (EEA), בבריטניה ובשוויץ. במקומות שבהם זה נדרש על פי חוק, אתם צריכים גם לקבל את הסכמתם לשימוש בקובצי cookie או באמצעים אחרים לאחסון מקומי. נוסף לכך אתם צריכים לקבל את ההסכמה שלהם לאיסוף ולשיתוף של המידע האישי שלהם ולשימוש בו לצורך התאמה אישית של מודעות. המדיניות הזו משקפת את הדרישות שמפורטות ב-ePrivacy Directive (הדירקטיבה בנושא פרטיות ותקשורת אלקטרונית) וב-General Data Protection Regulation (התקנות הכלליות להגנה על מידע, GDPR) של האיחוד האירופי. באחריותכם לוודא שההסכמה מועברת לכל מקור מודעות בשרשרת לבחירת רשת.
גרסה 0.1.0 ואילך של המתאם של Pangle ל-React Native תומכת בהעברת אותות הסכמה בהתאם ל-GDPR מ-UMP SDK ומפלטפורמות לניהול הסכמה שמשולבות עם מפרט ההסכמה הנוספת של Google אל Pangle SDK.
דיני פרטיות במדינות בארה"ב
דיני הפרטיות במדינות בארה"ב מחייבים אתכם לתת למשתמשים את הזכות לבטל את ההסכמה ל"מכירה" של "המידע האישי" שלהם (כפי שהמונחים האלה מוגדרים בחוק). האפשרות לביטול ההסכמה חייבת להיות מוצעת בקישור בולט בדף הבית של הצד המוֹכֵר. בקישור צריך להיות כתוב "אין למכור את המידע האישי שלי". במדריך בנושא עמידה בדרישות של דיני הפרטיות במדינות בארה"ב יש אפשרות להפעיל עיבוד נתונים מוגבל בהצגת מודעות Google, אבל Google לא יכולה להחיל את ההגדרה הזו על כל רשת מודעות בשרשרת לבחירת רשת. לכן, עליכם לזהות כל רשת מודעות בשרשרת בחירת הרשת שעשויה להשתתף במכירת מידע אישי, ולפעול בהתאם להנחיות של כל אחת מהרשתות האלה כדי לוודא שאתם עומדים בדרישות.
בדוגמת הקוד הבאה אפשר לראות איך מעבירים פרטי הסכמה ל-SDK של Pangle. צריך להגדיר את פרטי ההסכמה לפני ההפעלה של Google Mobile Ads SDK for React Native כדי לוודא שהם יועברו בצורה תקינה אל Pangle SDK.
import {
PangleMediation,
PanglePAConsentType,
} from '@google/gma-mediation-pangle';
// ...
PangleMediation.setPAConsent(PanglePAConsentType.CONSENT);
פרטים נוספים והערכים שאפשר לספק בכל שיטה זמינים במדריך ההטמעה של Pangle.
שלב 5: מוסיפים את הקוד הנדרש
Android
לא נדרש קוד נוסף לשילוב של Pangle.
iOS
שילוב של SKAdNetwork
פועלים לפי ההוראות במאמרי העזרה של Pangle כדי להוסיף את המזהים של SKAdNetwork לקובץ Info.plist של הפרויקט.
שלב 6: בודקים את ההטמעה
הפעלת מודעות בדיקה
חשוב לוודא שרשמתם את מכשיר הבדיקה ב-AdMob והפעלתם את מצב הבדיקה בממשק המשתמש של Pangle.
אימות מודעות בדיקה
כדי לוודא שאתם מקבלים מודעות לבדיקה מ-Pangle, צריך להפעיל את בדיקת מקור המודעות היחיד בכלי לבדיקת מודעות באמצעות מקורות המודעות Pangle (Waterfall), Pangle US SDK (בידינג), Pangle KR SDK (בידינג) ו-Pangle ROW SDK (בידינג).
קודי שגיאה
אם המתאם לא מצליח לקבל מודעה מ-Pangle, בעלי האפליקציות יכולים לבדוק את השגיאה הבסיסית בתגובה לבקשה להצגת מודעה באמצעות ResponseInfo במחלקות הבאות:
Android
com.pangle.ads
com.google.ads.mediation.pangle.PangleMediationAdapter
iOS
GADMediationAdapterPangle
אלה הקודים וההודעות הנלוות שמוחזרים על ידי המתאם של Pangle כשהטעינה של מודעה נכשלת:
Android
| קוד שגיאה | דומיין | סיבה |
|---|---|---|
| 101 | com.google.ads.mediation.pangle | פרמטרים לא תקינים של השרת (למשל, מזהה אפליקציה או מזהה מיקום מודעה חסרים). |
| 102 | com.google.ads.mediation.pangle | גודל המודעה המבוקש לא תואם לגודל הבאנר שנתמך ב-Pangle. |
| 103 | com.google.ads.mediation.pangle | Pangle SDK לא תומך במשתמשים שהם ילדים. |
| -1-60000 | com.pangle.ads | ה-SDK של Pangle החזיר שגיאה. פרטים נוספים זמינים במסמכי התיעוד של Pangle. |
iOS
| קוד שגיאה | דומיין | סיבה |
|---|---|---|
| 101 | com.google.mediation.pangle | פרמטרים לא תקינים של השרת (למשל, מזהה אפליקציה או מזהה מיקום מודעה חסרים). |
| 102 | com.google.mediation.pangle | גודל המודעה המבוקש לא תואם לגודל הבאנר שנתמך ב-Pangle. |
| 104 | com.google.mediation.pangle | Pangle SDK לא תומך במשתמשים שהם ילדים. |
| -1-60000 | נשלח על ידי Pangle SDK | ה-SDK של Pangle החזיר שגיאה. פרטים נוספים זמינים במסמכי התיעוד של Pangle. |
גרסה 0.1.0
- הגרסה הראשונה.
- תמיכה בגרסה 8.3.0.3.0 של מתאם Pangle ל-Android.
- תמיכה בגרסה 8.2.1.0.0 של מתאם Pangle ל-iOS.
- נבנה ונבדק עם גרסה 0.1.0 של הפלאגין למודעות לנייד של Google ל-React Native.