Intégrer l'API WebView pour les annonces

Sélectionnez une plate-forme : Android (bêta) Android iOS

Les API WebView pour les annonces rendent les signaux d'application disponibles pour les balises de votre WebView. Cela permet d'améliorer la monétisation pour les éditeurs qui ont fourni le contenu et de protéger les annonceurs contre le spam. Ces signaux d'application, tels que l'ID et la version de l'application, permettent d'activer les cas d'utilisation de l'inventaire de navigateur intégré pour les rapports et le ciblage , qui ne sont normalement disponibles que pour le trafic d'applications.

Fonctionnement

La communication avec le GMA Next-Gen SDK ne se produit qu'en réponse aux événements publicitaires déclenchés par l'un des éléments suivants :

• Code AdSense
• Google Publisher Tag
• IMA pour HTML5

Le SDK ajoute des gestionnaires de messages au WebView enregistré pour écouter ces événements publicitaires. Pour mieux comprendre comment cela fonctionne, consultez le code source de la page de test.

Prérequis

• GMA Next-Gen SDK version 0.6.0-alpha01 ou ultérieure.

Transmettre l'ID application au SDK

Si vous possédez déjà un ID d'application Ad Manager, initialisez le GMA Next-Gen SDK avec votre ID d'application existant.

Si vous ne possédez pas d'ID d'application Ad Manager, transmettez InitializationConfig.WEBVIEW_APIS_FOR_ADS_APPLICATION_ID comme ID d'application lorsque vous initialisez le GMA Next-Gen SDK.

Kotlin

MobileAds.initialize(
    this@MainActivity,
    // Use this application ID to initialize the GMA Next-Gen SDK if
    // you don't have an Ad Manager application ID.
    InitializationConfig.Builder(InitializationConfig.WEBVIEW_APIS_FOR_ADS_APPLICATION_ID)
        .build(),
  ) {
    // Adapter initialization complete.
  }

Java

MobileAds.initialize(
    this,
    // Use this application ID to initialize the GMA Next-Gen SDK if
    // you don't have an Ad Manager application ID.
    new InitializationConfig.Builder(InitializationConfig.WEBVIEW_APIS_FOR_ADS_APPLICATION_ID)
        .build(),
        initializationStatus -> {
          // Adapter initialization is complete.
          });

Enregistrer la vue Web

Appelez registerWebView() sur le thread principal pour établir une connexion avec les gestionnaires JavaScript dans le code AdSense ou Google Publisher Tag au sein de chaque instance WebView. Cette opération doit être effectuée le plus tôt possible, par exemple dans la onCreate() méthode de votre MainActivity.

Kotlin

import android.webkit.CookieManager
import android.webkit.WebView
import com.google.android.libraries.ads.mobile.sdk.MobileAds

class MainActivity : AppCompatActivity() {
  lateinit var webView: WebView

  override fun onCreate(savedInstanceState: Bundle?) {
    super.onCreate(savedInstanceState)
    setContentView(R.layout.activity_main)
    webView = findViewById(R.id.webview)

    // Let the web view accept third-party cookies.
    CookieManager.getInstance().setAcceptThirdPartyCookies(webView, true)
    // Let the web view use JavaScript.
    webView.settings.javaScriptEnabled = true
    // Let the web view access local storage.
    webView.settings.domStorageEnabled = true
    // Let HTML videos play automatically.
    webView.settings.mediaPlaybackRequiresUserGesture = false

    // Register the web view.
    MobileAds.registerWebView(webView)
  }
}

Java

import android.webkit.CookieManager;
import android.webkit.WebView;
import com.google.android.libraries.ads.mobile.sdk.MobileAds;

public class MainActivity extends AppCompatActivity {
  private WebView webView;

  @Override
  protected void onCreate(Bundle savedInstanceState) {
    super.onCreate(savedInstanceState);
    setContentView(R.layout.activity_main);
    webView = findViewById(R.id.webview);

    // Let the web view accept third-party cookies.
    CookieManager.getInstance().setAcceptThirdPartyCookies(webView, true);
    // Let the web view use JavaScript.
    webView.getSettings().setJavaScriptEnabled(true);
    // Let the web view access local storage.
    webView.getSettings().setDomStorageEnabled(true);
    // Let HTML videos play automatically.
    webView.getSettings().setMediaPlaybackRequiresUserGesture(false);

    // Register the web view.
    MobileAds.registerWebView(webView);
  }
}

Tester votre intégration

Avant d'utiliser votre propre URL, nous vous recommandons de charger l'URL suivante pour tester l'intégration :

https://google.github.io/webview-ads/test/#api-for-ads-tests

L'URL de test affiche des barres d'état vertes pour une intégration réussie si les conditions suivantes sont remplies :

• WebView connecté au GMA Next-Gen SDK

Étapes suivantes

• Recueillez le consentement dans WebView. Les API WebView pour les annonces ne propagent pas le consentement collecté dans le contexte de l'application mobile à l'aide des frameworks de conformité IAB TCF v2.0 ou IAB CCPA aux balises de vos vues Web. Si vous souhaitez implémenter un flux de consentement unique en tant que propriétaire du WebView et de son contenu Web correspondant monétisé, collaborez avec votre plate-forme de gestion du consentement pour recueillir le consentement dans le contexte WebView.