البدء

هذا الدليل مُخصَّص للناشرين الذين يريدون تحقيق الربح من تطبيق Fltter.

إنّ دمج حزمة تطوير البرامج (SDK) لعرض "إعلانات Google" على الأجهزة الجوّالة في تطبيق Flutter، والتي ستُجريها هنا، هي الخطوة الأولى نحو عرض إعلانات AdMob وتحقيق الربح. وبعد اكتمال الدمج، يمكنك اختيار شكل الإعلان للحصول على خطوات التنفيذ التفصيلية.

تتيح حزمة تطوير البرامج (SDK) لإعلانات Google على الأجهزة الجوّالة لـ Flutter حاليًا إمكانية تحميل إعلانات البانر والإعلانات البينية (بملء الشاشة) والإعلانات المدمجة مع المحتوى والإعلانات بمكافأة.

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

استيراد حزمة تطوير البرامج (SDK) للإعلانات على الأجهزة الجوّالة

إعداد النظام الأساسي

Android

تحديث ملف البيان AndroidManifest.xml

ويجب تضمين رقم تعريف تطبيق AdMob في AndroidManifest.xml. يؤدي عدم إجراء ذلك إلى تعطُّل التطبيق عند إطلاقه.

أضف رقم تعريف تطبيق AdMob، كما هو مُحدَّد في واجهة AdMob على الويب، إلى ملف android/app/src/main/AndroidManifest.xml للتطبيق عن طريق إضافة علامة <meta-data> باسم com.google.android.gms.ads.APPLICATION_ID. بالنسبة إلى android:value، يمكنك إدراج معرّف تطبيق AdMob الخاص بك بين علامتَي اقتباس كما هو موضّح:

<manifest>
    <application>
        <!-- Sample AdMob app ID: ca-app-pub-3940256099942544~3347511713 -->
        <meta-data
            android:name="com.google.android.gms.ads.APPLICATION_ID"
            android:value="ca-app-pub-xxxxxxxxxxxxxxxx~yyyyyyyyyy"/>
    <application>
<manifest>

استخدِم value نفسه عند إعداد المكوّن الإضافي في رمز لعبة الأسهم.

اطّلِع على دليل Android للحصول على مزيد من المعلومات حول ضبط AndroidManifest.xml وإعداد رقم تعريف التطبيق.

iOS

تعديل Info.plist

في ملف ios/Runner/Info.plist لتطبيقك، أضِف مفتاح GADApplicationIdentifier مع قيمة سلسلة لرقم تعريف تطبيق AdMob، على النحو المحدَّد في واجهة AdMob على الويب:

<key>GADApplicationIdentifier</key>
<string>ca-app-pub-################~##########</string>

يجب ضبط القيمة نفسها عند إعداد المكوّن الإضافي في رمز لعبة الأسهم.

اطّلِع على دليل iOS لمزيد من المعلومات عن ضبط Info.plist وإعداد رقم تعريف تطبيقك.

إعداد حزمة تطوير البرامج (SDK) للإعلانات على الأجهزة الجوّالة

قبل تحميل الإعلانات، اطلب من تطبيقك إعداد حزمة تطوير البرامج (SDK) للإعلانات على الأجهزة الجوّالة من خلال طلب MobileAds.instance.initialize() لإعداد حزمة تطوير البرامج (SDK) وعرض Future بعد الانتهاء من الإعداد، أو بعد انتهاء المهلة التي تبلغ 30 ثانية. يجب تنفيذ هذا الإجراء مرة واحدة فقط، ويُفضَّل قبل تشغيل التطبيق مباشرةً.

import 'package:google_mobile_ads/google_mobile_ads.dart';
import 'package:flutter/material.dart';

void main() {
  WidgetsFlutterBinding.ensureInitialized();
  MobileAds.instance.initialize();

  runApp(MyApp());
}

class MyApp extends StatefulWidget {
  @override
  MyAppState createState() => MyAppState();
}

class MyAppState extends State<MyApp> {
  @override
  void initState() {
    super.initState();
    // Load ads.
  }
}

اختيار شكل الإعلان

بعد استيراد حزمة تطوير البرامج (SDK) للإعلانات على الأجهزة الجوّالة، ستكون جاهزًا لتنفيذ إعلان. يعرض AdMob عددًا من أشكال الإعلانات المختلفة، لذا يمكنك اختيار الشكل الذي يناسب تجربة تطبيقك.

إعلانات مستطيلة تظهر في أعلى شاشة الجهاز أو أسفلها. تظل إعلانات البانر على الشاشة أثناء تفاعل المستخدمين مع التطبيق، ويمكن إعادة تحميلها تلقائيًا بعد فترة زمنية معيّنة. إذا كنت جديدًا في مجال الإعلان على الأجهزة الجوّالة، فهي نقطة بداية رائعة.

تنفيذ إعلان بانر

إعلان بيني

الإعلانات بملء الشاشة التي تغطي واجهة تطبيق إلى أن يغلقها المستخدم وتُستخدم هذه التطبيقات على أفضل نحو في فترات الإيقاف المؤقت أثناء تنفيذ التطبيق، مثلاً بين مستوى لعبة أو بعد إكمال مهمة.

تنفيذ إعلان بيني

مدمجة مع المحتوى

إعلانات قابلة للتخصيص تناسب مظهر تطبيقك ومضمونه، وعليك اختيار كيفية وضعها ومكانها، بحيث يصبح التنسيق أكثر اتساقًا مع تصميم تطبيقك.

تنفيذ إعلان مدمج مع المحتوى

تم منح المكافأة

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

تنفيذ إعلان بمكافأة