In dieser Anleitung erfahren Sie, wie Sie mit Google Mobile Ads SDK for React Native Anzeigen von maio mithilfe der Vermittlung laden und präsentieren. Dabei werden auch Abfolgeintegrationen behandelt. Darin wird beschrieben, wie Sie maio der Vermittlungskonfiguration eines Anzeigenblocks hinzufügen und das maio SDK und den Adapter in eine React Native-App einbinden.
Die Dashboard-Benutzeroberfläche für maio verwendet japanischen Text für Labels, Buttons und Beschreibungen. Die Screenshots in diesem Leitfaden wurden nicht übersetzt. In den Beschreibungen und Anleitungen in diesem Leitfaden werden Labels und Buttons jedoch mit ihren deutschen Entsprechungen bezeichnet. „URL スキーム“ ist beispielsweise „URL-Schema“.
Unterstützte Integrationen und Anzeigenformate
Der Vermittlungsadapter für maio bietet die folgenden Funktionen:
| Integration | |
|---|---|
| Gebote | |
| Vermittlungsabfolge | |
| Formate | |
| App öffnen | |
| Banner | |
| Interstitial | |
| Verfügbar | |
| Interstitial mit Prämie | |
| Nativ | |
Vorbereitung
Bevor Sie fortfahren, prüfen Sie Folgendes:
- Aktuelle Google Mobile Ads SDK for React Native-Version.
- React Native-Framework ab Version 0.85.0
- Für die Bereitstellung auf Android-Geräten
- Android API-Level 24 oder höher
- Für die Bereitstellung auf iOS-Geräten:
- iOS-Bereitstellungsziel von 15.0 oder höher.
- Ein funktionierendes React Native-Projekt, das mit Google Mobile Ads SDK for React Native konfiguriert ist.
Weitere Informationen finden Sie unter Google Mobile Ads SDK for React Native einrichten.
- Achten Sie darauf, dass Sie den Ordner
adaptersaus dem Ordnergma-sdk-react-nativeheruntergeladen und extrahiert haben. Wenn Sie den Ordneradaptersnicht haben, führen Sie die Schritte 1, 2 und 3 unter Google Mobile Ads SDK for React Native installieren aus.
- Achten Sie darauf, dass Sie den Ordner
- Richten Sie AdMob Mediation ein.
Schritt 1: Konfigurationen in der maio-Benutzeroberfläche einrichten
Melden Sie sich zuerst in Ihrem maio-Konto an oder registrieren Sie sich. Klicken Sie in der linken Seitenleiste auf den Button App-Verwaltung und dann auf Neue App.

Wählen Sie den Tab für den gewünschten Anzeigentyp aus.
Interstitial
Geben Sie den Namen Ihrer App ein, wählen Sie die Plattform aus und geben Sie die App-URL an. Wählen Sie als Anzeigentyp Video-Interstitial aus und klicken Sie dann auf Aktualisieren.
Android

iOS

Mit Prämie
Geben Sie den Namen Ihrer App ein, wählen Sie die Plattform aus und geben Sie die App-URL an. Wählen Sie als Anzeigentyp Video mit Prämie aus und klicken Sie dann auf Aktualisieren.
Android

iOS

Notieren Sie sich auf der Seite Anwendungsverwaltung die Medien-ID. Im nächsten Abschnitt müssen Sie Ihren AdMob-Anzeigenblock einrichten.
Android

iOS

Notieren Sie sich auf der Seite Zonenverwaltung die Zonen-ID. Im nächsten Abschnitt müssen Sie Ihren AdMob-Anzeigenblock einrichten.
Android

iOS


Schritt 2: maio-Nachfrage in der AdMob-Benutzeroberfläche einrichten
Vermittlungseinstellungen für den Anzeigenblock konfigurieren
Android
Eine Anleitung finden Sie in Schritt 2 des Leitfadens für Android.
iOS
Eine Anleitung finden Sie in Schritt 2 des Leitfadens für iOS.
Schritt 3: maio SDK und Adapter importieren
Installieren Sie im Stammverzeichnis Ihres Projekts den Google Mobile Ads SDK for React Native-Vermittlungsadapter für maio. Führen Sie Folgendes aus:
Kopieren Sie die TAR-Datei des Google Mobile Ads SDK for React Native-Adapters aus dem Verzeichnis
gma-sdk-react-native/adapters/maio/in das Verzeichnislocal_packages/Ihres Projekts. Wenn Sie den Ordneradaptersnicht haben, lesen Sie den Abschnitt Voraussetzungen.mkdir -p local_packages cp EXTRACT_DIR/gma-sdk-react-native/adapters/maio/gma-mediation-maio-0.1.0.tgz local_packages/Ersetzen Sie EXTRACT_DIR durch den Pfad zu dem Verzeichnis, in das Sie das Archiv extrahiert haben.
Installieren Sie das Adapterpaket mit Ihrem bevorzugten Paketmanager:
npm
npm install ./local_packages/gma-mediation-maio-0.1.0.tgzGarn
yarn add ./local_packages/gma-mediation-maio-0.1.0.tgzWenn Sie für Android entwickeln, fügen Sie der Datei
build.gradleim VerzeichnisandroidIhres Projekts das folgende Repository hinzu:repositories { google() mavenCentral() maven { url = uri("https://imobile-maio.github.io/maven") } }
Schritt 4: Erforderlichen Code hinzufügen
Android
Für die Integration von maio ist kein zusätzlicher Code erforderlich.
iOS
SKAdNetwork-Integration
Folgen Sie der Dokumentation von maio, um die SKAdNetwork-IDs in die Info.plist-Datei Ihres Projekts einzufügen.
Schritt 5: Implementierung testen
Testanzeigen aktivieren
Registrieren Sie Ihr Testgerät für AdMob.
Publisher, die Version 7.26.0 oder höher von Google Mobile Ads SDK for React Native verwenden, erhalten bei Anfragen automatisch Testanzeigen von maio auf Smartphones und Tablets, die als Testgeräte registriert sind.
Testanzeigen prüfen
Wenn Sie prüfen möchten, ob Sie Testanzeigen von maio erhalten, aktivieren Sie im Anzeigenprüftool die Tests einzelner Anzeigenquellen und verwenden Sie die Anzeigenquellen maio (Vermittlungsabfolge).
Fehlercodes
Wenn der Adapter keine Anzeige von maio empfängt, können Publisher den zugrunde liegenden Fehler in der Anzeigenantwort mit ResponseInfo unter den folgenden Klassen prüfen:
Android
| Format | Klassenname |
|---|---|
| Interstitial | jp.maio.sdk.android.mediation.admob.adapter.Interstitial |
| Mit Prämie | jp.maio.sdk.android.mediation.admob.adapter.Rewarded |
iOS
| Format | Klassenname |
|---|---|
| Interstitial | GADMMaioInterstitialAdapter |
| Verfügbar | GADMMaioRewardedAdapter |
Hier sind die Codes und die zugehörigen Meldungen, die vom maio-Adapter ausgegeben werden, wenn eine Anzeige nicht geladen werden kann:
Android
| Fehlercode | Grund |
|---|---|
| 0-10 | maio hat einen SDK-spezifischen Fehler zurückgegeben. Weitere Informationen finden Sie im Code und in der Dokumentation von maio. |
| 101 | Für maio ist keine Anzeige verfügbar. |
| 102 | Ungültige Serverparameter (z.B. fehlende Placement-ID). |
| 103 | Der zum Laden einer Anzeige verwendete Kontext war keine „Activity“-Instanz. |
iOS
| Fehlercode | Grund |
|---|---|
| 0-10 | maio hat einen SDK-spezifischen Fehler zurückgegeben. Weitere Informationen finden Sie im Code von maio. |
| 101 | Für maio ist noch keine Anzeige verfügbar. |
| 102 | Ungültige Serverparameter (z.B. fehlende Placement-ID). |
| 103 | Der maio-Adapter unterstützt das angeforderte Anzeigenformat nicht. |
| 104 | Für diese Netzwerkkonfiguration wurde bereits eine Anzeige geladen. |
Version 0.1.0
- Erste Version
- Unterstützt die maio-Android-Adapterversion 2.0.9.1.
- Unterstützt die maio iOS-Adapterversion 2.2.1.2.1.