Pangle in AdMob Mediation einbinden

In dieser Anleitung erfahren Sie, wie Sie mit Google Mobile Ads SDK for React Native Displayanzeigen von Pangle über die Vermittlung laden und präsentieren. Dabei werden sowohl Vermittlungsabfolge- als auch Bidding-Integrationen behandelt. Hier erfahren Sie, wie Sie Pangle der Vermittlungskonfiguration eines Anzeigenblocks hinzufügen und das Pangle SDK und den Adapter in eine React Native-App einbinden.

Unterstützte Integrationen und Anzeigenformate

Der AdMob-Vermittlungsadapter für Pangle bietet die folgenden Funktionen:

Integration
Gebote  1
Wasserfall
Formate
App öffnen  2
Banner  2
Interstitial
Verfügbar
Interstitial mit Prämie
Nativ  2

1 Zu den verfügbaren Pangle-Bidding-Anzeigenquellen gehören Pangle US, Pangle KR und Pangle ROW.

2 Dieses Format wird für die folgenden Pangle-Bidding-Anzeigenquellen nicht unterstützt: Pangle US.

Vorbereitung

  • Aktuelle Google Mobile Ads SDK for React Native-Version.
  • [Für Pangle-Bidding in den USA]: Verwenden Sie die Pangle-Adapterversion – oder höher.
  • 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 13.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.
  • Richten Sie AdMob Mediation ein.

Schritt 1: Konfigurationen in der Pangle-Benutzeroberfläche einrichten

Registrieren Sie sich oder melden Sie sich in Ihrem Pangle-Konto an.

Neue Anwendung hinzufügen

Rufen Sie den Tab Anwendungen auf und klicken Sie auf den Button App hinzufügen.

Wählen Sie das Betriebssystem aus, für das Sie eine Anwendung erstellen möchten, und füllen Sie den Rest des Formulars aus. Klicken Sie dann auf Senden.

Android

iOS

Notieren Sie sich die App-ID Ihrer Anwendung.

Android

iOS

Anzeigen-Placement erstellen

Klicken Sie nach dem Erstellen der Anwendung auf den Button Hinzufügen, um das Anzeigen-Placement zu erstellen.

Android

iOS

Gebote

Wählen Sie das Anzeigenformat und den Namen des Anzeigen-Placements aus und wählen Sie In-App-Gebote als Preistyp aus. Füllen Sie den Rest des Formulars aus und klicken Sie auf Senden.

Notieren Sie sich nach dem Erstellen des Anzeigen-Placements die Anzeigen-Placement-ID.

Android

iOS

Wasserfall

Wählen Sie das Anzeigenformat, den Namen des Anzeigen-Placements und Globaler CPM als Preistyp aus. Füllen Sie den Rest des Formulars aus und klicken Sie auf Senden.

Notieren Sie sich nach dem Erstellen des Anzeigen-Placements die Anzeigen-Placement-ID.

Android

iOS

Pangle Reporting API-Schlüssel finden

Gebote

Dieser Schritt ist für Bidding-Integrationen nicht erforderlich.

Wasserfall

Notieren Sie sich die User ID (Nutzer-ID) unten links auf der Seite.

Klicken Sie auf Integrations (Integrationen) > SDK & API (SDK und API) > Pangle Reporting API 2.0. Notieren Sie sich die Rollen-ID und den Sicherheitsschlüssel.

app-ads.txt-Datei aktualisieren

Authorized Sellers for Apps (app-ads.txt) ist eine Initiative des IAB Tech Lab, die dafür sorgt, dass Ihr App-Anzeigeninventar nur über Kanäle verkauft wird, die Sie autorisiert haben. Um einen erheblichen Rückgang des Anzeigenumsatzes zu vermeiden, müssen Sie eine app-ads.txt-Datei implementieren. Falls noch nicht geschehen, richten Sie eine app-ads.txt-Datei für Ihre App ein.

Informationen zum Implementieren von app-ads.txt für Pangle finden Sie unter Pangle zur app-ads.txt-Datei hinzufügen.

Testmodus aktivieren

Folgen Sie der Anleitung im Pangle-Leitfaden How to add a Test Ad, um Pangle-Testanzeigen zu aktivieren.

Schritt 2: Pangle-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.

Pangle DSP zur Liste der Werbepartner für die DSGVO und die Verordnungen von US-Bundesstaaten hinzufügen

Folgen Sie der Anleitung unter Einstellungen zu EU-Verordnungen und Einstellungen zu Bestimmungen von US-Bundesstaaten, um Pangle DSP in der AdMob-Benutzeroberfläche der Liste der Werbepartner gemäß EU-Verordnungen und Bestimmungen von US-Bundesstaaten hinzuzufügen.

Schritt 3: Pangle SDK und Adapter importieren

Installieren Sie im Stammverzeichnis Ihres Projekts den Google Mobile Ads SDK for React Native-Vermittlungsadapter für Pangle. Führen Sie Folgendes aus:

  1. Kopieren Sie die TAR-Datei des Google Mobile Ads SDK for React Native-Adapters aus dem Verzeichnis gma-sdk-react-native/adapters/pangle/ in das Verzeichnis local_packages/ Ihres Projekts. Wenn Sie den Ordner adapters nicht haben, lesen Sie den Abschnitt Voraussetzungen.

    mkdir -p local_packages
cp EXTRACT_DIR/gma-sdk-react-native/adapters/pangle/gma-mediation-pangle-0.1.0.tgz local_packages/

    Ersetzen Sie EXTRACT_DIR durch den Pfad zu dem Verzeichnis, in das Sie das Archiv extrahiert haben.

  2. Installieren Sie das Adapterpaket mit Ihrem bevorzugten Paketmanager:

    npm

    npm install ./local_packages/gma-mediation-pangle-0.1.0.tgz

    Garn

    yarn add ./local_packages/gma-mediation-pangle-0.1.0.tgz

  3. Wenn Sie für Android entwickeln, fügen Sie der Datei build.gradle im Verzeichnis android Ihres Projekts das folgende Repository hinzu:

    repositories {
    google()
    mavenCentral()
    maven {
        url = uri("https://artifact.bytedance.com/repository/pangle/")
    }
}

Schritt 4: Datenschutzeinstellungen im Pangle SDK implementieren

Damit Sie die Google-Richtlinie zur Einwilligung der Nutzer in der EU einhalten, müssen Sie Ihren Nutzern im Europäischen Wirtschaftsraum (EWR), im Vereinigten Königreich und in der Schweiz bestimmte Informationen offenlegen und ihre Einwilligung zur Verwendung von Cookies oder anderen lokalen Speicherverfahren einholen, sofern dies gesetzlich vorgeschrieben ist. Außerdem müssen Sie ihre Einwilligung zur Erhebung, Weitergabe und Verwendung personenbezogener Daten für personalisierte Anzeigen einholen. Die Richtlinie entspricht den Anforderungen der EU-Datenschutzrichtlinie für elektronische Kommunikation und der EU-Datenschutz-Grundverordnung (DSGVO). Sie sind dafür verantwortlich, dass die Einwilligung an jede Anzeigenquelle in Ihrer Vermittlungskette weitergegeben wird.

Die Pangle React Native-Adapterversion 0.1.0 und höher unterstützt die Weitergabe von DSGVO-Einwilligungssignalen vom UMP SDK und von Plattformen zur Einwilligungsverwaltung, die in die Spezifikation für zusätzliche Einwilligung von Google integriert sind, an das Pangle SDK.

Datenschutzgesetze von US-Bundesstaaten

Gemäß den Datenschutzgesetzen von US-Bundesstaaten muss Nutzern das Recht eingeräumt werden, dem „Verkauf“ ihrer „personenbezogenen Daten“ zu widersprechen (laut gesetzlicher Definition der Begriffe „sale“ und „personal information“). Dazu muss auf der Website des „Verkäufers“ (selling party) ein gut sichtbarer Link mit dem Text „Do Not Sell My Personal Information“ (Meine personenbezogenen Daten dürfen nicht verkauft werden) vorhanden sein. Im Leitfaden zur Einhaltung der Datenschutzgesetze von US-Bundesstaaten finden Sie Informationen dazu, wie Sie die eingeschränkte Datenverarbeitung für die Anzeigenbereitstellung von Google aktivieren. Google kann diese Einstellung jedoch nicht auf jedes Werbenetzwerk in Ihrer Vermittlungskette anwenden. Sie müssen daher jedes Werbenetzwerk in Ihrer Vermittlungskette identifizieren, das am Verkauf personenbezogener Daten beteiligt sein könnte, und die Richtlinien der einzelnen Netzwerke befolgen, um die Einhaltung der Bestimmungen zu gewährleisten.

Im folgenden Beispielcode wird gezeigt, wie Einwilligungsinformationen an das Pangle SDK übergeben werden. Legen Sie die Einwilligungsinformationen fest, bevor Sie Google Mobile Ads SDK for React Native initialisieren, damit sie ordnungsgemäß an das Pangle SDK weitergeleitet werden.

import {
  PangleMediation,
  PanglePAConsentType,
} from '@google/gma-mediation-pangle';
// ...

PangleMediation.setPAConsent(PanglePAConsentType.CONSENT);

Weitere Informationen und die Werte, die in den einzelnen Methoden angegeben werden können, finden Sie im Integrationsleitfaden von Pangle.

Schritt 5: Erforderlichen Code hinzufügen

Android

Für die Pangle-Integration ist kein zusätzlicher Code erforderlich.

iOS

SKAdNetwork-Integration

Folgen Sie der Dokumentation von Pangle, um die SKAdNetwork-IDs in die Info.plist-Datei Ihres Projekts einzufügen.

Schritt 6: Implementierung testen

Testanzeigen aktivieren

Registrieren Sie Ihr Testgerät für AdMob und aktivieren Sie den Testmodus in der Pangle-Benutzeroberfläche.

Testanzeigen prüfen

Wenn Sie prüfen möchten, ob Sie Testanzeigen von Pangle erhalten, aktivieren Sie im Anzeigenprüftool die Tests für einzelne Anzeigenquellen und verwenden Sie die Anzeigenquellen Pangle (Vermittlungsabfolge), Pangle US SDK (Bidding), Pangle KR SDK (Bidding) und Pangle ROW SDK (Bidding).

Fehlercodes

Wenn der Adapter keine Anzeige von Pangle erhält, können Publisher den zugrunde liegenden Fehler in der Anzeigenantwort mit ResponseInfo unter den folgenden Klassen prüfen:

Android

com.pangle.ads
com.google.ads.mediation.pangle.PangleMediationAdapter

iOS

GADMediationAdapterPangle

Hier sind die Codes und die zugehörigen Meldungen, die vom Pangle-Adapter ausgegeben werden, wenn eine Anzeige nicht geladen werden kann:

Android

Fehlercode Domain Grund
101 com.google.ads.mediation.pangle Ungültige Serverparameter (z.B. fehlende App-ID oder Placement-ID).
102 com.google.ads.mediation.pangle Die angeforderte Anzeigengröße entspricht keiner von Pangle unterstützten Bannergröße.
103 com.google.ads.mediation.pangle Das Pangle SDK unterstützt keine minderjährigen Nutzer.
-1-60000 com.pangle.ads Das Pangle SDK hat einen Fehler zurückgegeben. Weitere Informationen finden Sie in der Dokumentation von Pangle.

iOS

Fehlercode Domain Grund
101 com.google.mediation.pangle Ungültige Serverparameter (z.B. fehlende App-ID oder Placement-ID).
102 com.google.mediation.pangle Die angeforderte Anzeigengröße entspricht keiner von Pangle unterstützten Bannergröße.
104 com.google.mediation.pangle Das Pangle SDK unterstützt keine minderjährigen Nutzer.
-1-60000 Gesendet vom Pangle SDK Das Pangle SDK hat einen Fehler zurückgegeben. Weitere Informationen finden Sie in der Dokumentation von Pangle.

Version 0.1.0

  • Erste Version