Integracja interfejsu WebView API z reklamami

Interfejs WebView API for Ads pozwala zarabiać na reklamach w aplikacji przy użyciu WebViewController Jeśli wyświetlasz treści internetowe, które zawierają reklamy z rozszerzeniem Kod AdSense lub Tag wydawcy Google w swojej aplikacji do WebViewController, użyj tego interfejsu API, aby włączyć reklamy o generowaniu przychodu. Aby dowiedzieć się więcej, przeczytaj Zasady AdMob

  1. Zarabiaj dzięki wysyłaniu żądań reklamy za pomocą pakietu SDK do reklam mobilnych Google

    Możesz zarabiać na swojej aplikacji, wysyłając żądania reklamy do AdMob pakietu SDK do reklam mobilnych Google przez wdrożenie formatów reklam na urządzenia mobilne.

    Więcej informacji

  2. Zarabianie za pomocą interfejsu WebView API for Ads

    Jeśli Twoja aplikacja używa interfejsu WebViewController do wyświetlania treści z internetu, z których wyświetlają się reklamy Ad Manager lub AdSense, użyj interfejsu WebView API for Ads, aby się zarejestrować. WebViewController obiektów z pakietem SDK do reklam mobilnych Google. JavaScript w kodzie AdSense. lub tag wydawcy Google tworzy i wysyła żądania reklamy, dzięki czemu nie musisz już wysyłać pakietu SDK. Pamiętaj, że tylko w przeglądarkach mobilnych i na komputerach formaty zasobów reklamowych które są dostępne za pomocą tego interfejsu API.

    Jeśli treści internetowe w WebViewController nie należą do Ciebie, nadal jesteś właścicielem zachęcanych do używania tego interfejsu API w celu ochrony reklamodawców przed spamem i zwiększyć przychody wydawców internetowych, którzy dostarczyli te treści.

Pamiętaj, że w tej samej aplikacji możesz zrobić jedną z tych opcji lub nawet obie.

Ten przewodnik pomoże Ci zintegrować interfejs WebView API for Ads ze W aplikacji na iOS.

Zanim zaczniesz

Zanim zaczniesz korzystać z interfejsu WebView API for Ads, wykonaj te czynności:

Pomiń sprawdzanie identyfikatora aplikacji

Android

Dodaj ten tag <meta-data> do pliku AndroidManifest.xml do pomiń sprawdzanie APPLICATION_ID. Jeśli pominiesz ten krok, Google Pakiet SDK do reklam mobilnych może zgłosić błąd IllegalStateException przy uruchomieniu aplikacji.

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

iOS

Zaktualizuj plik Runner/Info.plist o klucz i wartość ciągu znaków poniżej na ominąć sprawdzanie dla GADApplicationIdentifier. Jeśli pominiesz ten krok, pakiet SDK do reklam mobilnych Google może zgłosić GADInvalidInitializationException przy uruchomieniu aplikacji.

<!-- Bypass GADApplicationIdentifier check for WebView API for Ads -->
<key>GADIntegrationManager</key>
<string>webview</string>

Rejestrowanie kontrolera WebViewController

Aby zwiększyć przychody z reklam w aplikacji WebViewController, który korzysta z AdSense kod lub Wydawca Google tagów, postępuj zgodnie z instrukcjami. wymienione poniżej:

  1. Włącz JavaScript w WebViewController. Braki w tym zakresie mogą spowodować, nie są wczytywane.

  2. Aby zwiększyć skuteczność i zadbaj o zgodność z zasadami Chrome cookie policy, włącz pliki cookie innych firm w instancji AndroidWebViewController.

  3. Zarejestruj instancję WebViewController, wywołując metodę registerWebView(). za pomocą pakietu SDK do reklam mobilnych Google.

import 'package:google_mobile_ads/google_mobile_ads.dart';
import 'package:webview_flutter/webview_flutter.dart';
import 'package:webview_flutter_android/webview_flutter_android.dart';

@override
class WebViewExampleState extends State<WebViewExample> {
  late final WebViewController controller;

  @override
  void initState() {
    super.initState();

    createWebView();
  }

  void createWebView() async {
    controller = WebViewController();
    // 1. Enable JavaScript in the web view.
    await controller.setJavaScriptMode(JavaScriptMode.unrestricted);

    // 2. Enable third-party cookies for Android.
    if (controller.platform is AndroidWebViewController) {
      AndroidWebViewCookieManager cookieManager = AndroidWebViewCookieManager(
        const PlatformWebViewCookieManagerCreationParams());
      await cookieManager.setAcceptThirdPartyCookies(
        controller.platform as AndroidWebViewController, true);
    }

    // 3. Register the web view.
    await MobileAds.instance.registerWebView(controller);
  }
}

Wczytaj URL

Teraz możesz wczytać adres URL i wyświetlać treści z internetu za pomocą narzędzia WebViewController. Zalecamy wczytanie tego testowego adresu URL: https://webview-api-for-ads-test.glitch.me/, aby przetestować integrację przed za pomocą własnego adresu URL. Jeśli JavaScript nie jest obsługiwany, na stronie internetowej pojawi się błąd .

import 'package:google_mobile_ads/google_mobile_ads.dart';
import 'package:webview_flutter/webview_flutter.dart';
import 'package:webview_flutter_android/webview_flutter_android.dart';

@override
class WebViewExampleState extends State<WebViewExample> {
  late final WebViewController controller;

  @override
  void initState() {
    super.initState();

    createWebView();
  }

  void createWebView() async {
    controller = WebViewController();
    // 1. Enable JavaScript in the web view.
    await controller.setJavaScriptMode(JavaScriptMode.unrestricted);

    // 2. Enable third-party cookies for Android.
    if (controller.platform is AndroidWebViewController) {
      AndroidWebViewCookieManager cookieManager = AndroidWebViewCookieManager(
        const PlatformWebViewCookieManagerCreationParams());
      await cookieManager.setAcceptThirdPartyCookies(
        controller.platform as AndroidWebViewController, true);
    }

    // 3. Register the web view.
    await MobileAds.instance.registerWebView(controller);

    // 4. Load the URL.
    await controller.loadRequest(Uri.parse('https://webview-api-for-ads-test.glitch.me/'));
  }

Testowy adres URL pokazuje zielone paski stanu oznaczające udaną integrację, jeśli obowiązują następujące warunki:

  • Platforma WebView jest połączona z pakietem SDK do reklam mobilnych Google
  • JavaScript włączony
  • Pliki cookie innych firm działają (nieoczekiwane na urządzeniach z iOS)
  • Własne pliki cookie działają

Wyświetl kod źródłowy testowego adresu URL. Następnie możesz zastąpić testowy adres URL swoim adresem URL. Możesz też użyj narzędzia serwera proxy, takiego jak Charles, by przechwycić ruchu HTTPS w aplikacji i sprawdź żądania reklamy pod kątem parametru &scar=.