الإعلانات البينية هي إعلانات بملء الشاشة تغطي واجهة التطبيق المضيف. وعادةً ما تظهر هذه الإعلانات في نقاط انتقال مناسبة خلال مسار عرض التطبيق، مثلاً بين الأنشطة أو في الوقت الفاصل بين مستويَين في لعبة. عندما يعرض أحد التطبيقات إعلانًا بينيًا، يمكن للمستخدم النقر على الإعلان والمتابعة إلى وجهته أو إغلاقه والعودة إلى التطبيق.
يشرح هذا الدليل كيفية دمج الإعلانات البينية في تطبيق Flutter.
إجراء الاختبار دائمًا باستخدام الإعلانات الاختبارية
عند إنشاء تطبيقاتك واختبارها، احرص على استخدام إعلانات اختبارية بدلاً من الإعلانات المنشورة. وقد يؤدي عدم إجراء ذلك إلى تعليق حسابك.
إنّ أسهل طريقة لتحميل الإعلانات الاختبارية هي استخدام رقم تعريف الوحدة الإعلانية الاختبارية المخصّص لإعلانات الوسائط البينية:
Android
ca-app-pub-3940256099942544/1033173712
iOS
ca-app-pub-3940256099942544/4411468910
يتم إعداد الوحدات الإعلانية الاختبارية لعرض إعلانات اختبارية لكل طلب، و يمكنك استخدامها في تطبيقاتك أثناء الترميز والاختبار وتصحيح الأخطاء. ما عليك سوى استبدالها بأرقام تعريف وحداتك الإعلانية قبل نشر تطبيقك.
تحميل إعلان
يعمل المثال التالي على تحميل إعلان بيني:
class InterstitialExampleState extends State<InterstitialExample> { InterstitialAd? _interstitialAd; // TODO: replace this test ad unit with your own ad unit. final adUnitId = Platform.isAndroid ? 'ca-app-pub-3940256099942544/1033173712' : 'ca-app-pub-3940256099942544/4411468910'; /// Loads an interstitial ad. void loadAd() { InterstitialAd.load( adUnitId: adUnitId, request: const AdRequest(), adLoadCallback: InterstitialAdLoadCallback( // Called when an ad is successfully received. onAdLoaded: (ad) { debugPrint('$ad loaded.'); // Keep a reference to the ad so you can show it later. _interstitialAd = ad; }, // Called when an ad request failed. onAdFailedToLoad: (LoadAdError error) { debugPrint('InterstitialAd failed to load: $error'); }, )); } }
أحداث الإعلانات البينية
من خلال استخدام FullScreenContentCallback
، يمكنك الاستماع إلى أحداث دورة الحياة
، مثل وقت عرض الإعلان أو إغلاقه. اضبط
InterstitialAd.fullScreenContentCallback
قبل عرض الإعلان لتلقّي
إشعارات بشأن هذه الأحداث. ينفِّذ هذا المثال كل طريقة:
class InterstitialExampleState extends State<InterstitialExample> { InterstitialAd? _interstitialAd; // TODO: replace this test ad unit with your own ad unit. final adUnitId = Platform.isAndroid ? 'ca-app-pub-3940256099942544/1033173712' : 'ca-app-pub-3940256099942544/4411468910'; /// Loads an interstitial ad. void loadAd() { InterstitialAd.load( adUnitId: adUnitId, request: const AdRequest(), adLoadCallback: InterstitialAdLoadCallback( // Called when an ad is successfully received. onAdLoaded: (ad) { ad.fullScreenContentCallback = FullScreenContentCallback( // Called when the ad showed the full screen content. onAdShowedFullScreenContent: (ad) {}, // Called when an impression occurs on the ad. onAdImpression: (ad) {}, // Called when the ad failed to show full screen content. onAdFailedToShowFullScreenContent: (ad, err) { // Dispose the ad here to free resources. ad.dispose(); }, // Called when the ad dismissed full screen content. onAdDismissedFullScreenContent: (ad) { // Dispose the ad here to free resources. ad.dispose(); }, // Called when a click is recorded for an ad. onAdClicked: (ad) {}); debugPrint('$ad loaded.'); // Keep a reference to the ad so you can show it later. _interstitialAd = ad; }, // Called when an ad request failed. onAdFailedToLoad: (LoadAdError error) { debugPrint('InterstitialAd failed to load: $error'); }, )); } }
عرض إعلان بيني
يتم عرض InterstitialAd
كعنصر Overlay
على سطح كل محتوى التطبيق ويتم وضعه بشكل ثابت، وبالتالي لا يمكن إضافته إلى
شجرة أدوات Flutter. يمكنك اختيار وقت عرض الإعلان من خلال الاتصال بالرقم show()
.
_interstitiaAd.show();
بعد استدعاء show()
، لا يمكن إغلاق Ad
المعروض بهذه الطريقة
برمجيًا، بل يتطلّب ذلك إدخال المستخدم. يمكن عرض InterstitialAd
مرة واحدة فقط. ستؤدي المكالمات اللاحقة لعرض الإعلان إلى بدء عرض onAdFailedToShowFullScreenContent
.
يجب التخلص من الإعلان عندما لا يعود الوصول إليه ضروريًا. إنّ أفضل الممارسات المتعلّقة بوقت الاتصال dispose()
هي في FullScreenContentCallback.onAdDismissedFullScreenContent
وFullScreenContentCallback.onAdFailedToShowFullScreenContent
.
هذا كل شيء! أصبح تطبيقك جاهزًا الآن لعرض الإعلانات البينية.
الخطوات التالية
- اطّلِع على أفضل ممارسات الإعلانات البينية وإرشادات الإعلانات البينية.
- اطّلِع على حالة استخدام الإعلانات البينية.
- أنشِئ وحدتك الإعلانية البينية في واجهة مستخدم AdMob، إذا لم يسبق لك ذلك.