دمج واجهة برمجة التطبيقات WebView API للإعلانات

اختيار النظام الأساسي: Android iOS Android (قديم)

من خلال واجهات برمجة التطبيقات لعرض الويب للإعلانات، تصبح إشارات التطبيقات متاحة للعلامات في WebView، ما يساعد في تحسين تحقيق الربح للناشرين الذين قدّموا المحتوى، وحماية المعلنين من المحتوى غير المرغوب فيه.

آلية العمل

لا يتم التواصل مع GMA Next-Gen SDK إلا استجابةً لأحداث الإعلانات التي يتم تشغيلها من خلال أي مما يلي:

تضيف حزمة تطوير البرامج (SDK) معالِجات الرسائل إلى WebView المسجَّل للاستماع إلى أحداث الإعلانات هذه. لفهم آلية عمل ذلك بشكل أفضل، يمكنك الاطّلاع على الرمز المصدر لصفحة الاختبار.

المتطلبات الأساسية

تمرير معرّف التطبيق إلى حزمة تطوير البرامج (SDK)

إذا كان لديك رقم تعريف تطبيق في AdMob، ابدأ GMA Next-Gen SDK باستخدام رقم تعريف تطبيقك الحالي.

إذا لم يكن لديك رقم تعريف تطبيق في AdMob، يمكنك إدخال InitializationConfig.WEBVIEW_APIS_FOR_ADS_APPLICATION_ID كرقم تعريف التطبيق عند إعداد 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 AdMob application ID.
    InitializationConfig.Builder(InitializationConfig.WEBVIEW_APIS_FOR_ADS_APPLICATION_ID)
        .build(),
  ) {
    // Adapter initialization complete.
  }

جافا

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

تسجيل WebView

استدعِ registerWebView() في سلسلة التعليمات الرئيسية لإنشاء اتصال بمعالِجات JavaScript في رمز AdSense أو علامة "ناشر Google" ضمن كل مثيل WebView. يجب تنفيذ ذلك في أقرب وقت ممكن، مثلاً في طريقة onCreate() في 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)
  }
}

جافا

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);
  }
}

اختبار عملية التكامل

قبل استخدام عنوان URL الخاص بك، ننصحك بتحميل عنوان URL التالي لاختبار عملية الدمج:

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

يعرض عنوان URL الخاص بالاختبار أشرطة حالة خضراء لعملية دمج ناجحة في حال استيفاء الشروط التالية:

  • تم ربط WebView بـ "GMA Next-Gen SDK"

الخطوات التالية

السابق
إعداد WebView
التالي
تحسين سلوك النقر