Cómo integrar la API de WebView para anuncios

Las APIs de WebView para anuncios ponen los indicadores de apps a disposición de las etiquetas de tuWebView, lo que ayuda a mejorar la monetización para los publicadores que proporcionaron el contenido y protege a los anunciantes del spam.

Cómo funciona

La comunicación con el SDK de anuncios de Google para dispositivos móviles solo se produce en respuesta a eventos de anuncios activados por cualquiera de los siguientes elementos:

El SDK agrega controladores de mensajes alWebView registrado para detectar estos eventos de anuncios. Para comprender mejor cómo funciona esto, consulta el código fuente de la página de prueba.

Requisitos previos

  • SDK de anuncios de Google para dispositivos móviles 20.6.0 o versiones posteriores.
  • Android con nivel de API 21 o versiones posteriores

  • Agrega la siguiente etiqueta <meta-data> a tu archivo AndroidManifest.xml para evitar la verificación de APPLICATION_ID. Si omites este paso y no proporcionas la etiqueta <meta-data>, el SDK de anuncios de Google para dispositivos móviles arroja una IllegalStateException al inicio de la app.

    <!-- Bypass APPLICATION_ID check for web view APIs for ads -->
     <meta-data
         android:name="com.google.android.gms.ads.INTEGRATION_MANAGER"
         android:value="webview"/>
    

Registra la vista web

Llama a registerWebView() en el subproceso principal para establecer una conexión con los controladores de JavaScript en el código de AdSense o la etiqueta del publicador de Google dentro de cada instancia de WebView . Esto se debe hacer lo antes posible, como en el método onCreate() de tu MainActivity.

Kotlin

import android.webkit.CookieManager
import android.webkit.WebView
import com.google.android.gms.ads.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.gms.ads.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);
  }
}

Cómo probar tu integración

Antes de usar tu propia URL, te recomendamos que cargues la siguiente URL para probar la integración:

https://webview-api-for-ads-test.glitch.me#api-for-ads-tests

La URL de prueba muestra barras de estado verdes para una integración correcta si se cumplen las siguientes condiciones:

  • WebView conectado al SDK de anuncios de Google para dispositivos móviles

Próximos pasos

  • Obtén el consentimiento en WebView. Las APIs de WebView para Google Ads no propagan el consentimiento recopilado en el contexto de la app para dispositivos móviles con los marcos de trabajo de cumplimiento del MTC 2.0 de IAB o de la CCPA de IAB a las etiquetas de tus vistas web. Si te interesa implementar un solo flujo de consentimiento como propietario de laWebView y su contenido web correspondiente que se monetiza, trabaja con tu plataforma de administración de consentimiento para obtener el consentimiento en el contexto de WebView .