التقني: إضافة بانر إعلاني من ادموب AdMob لتطبيقك الأندرويد برمجياً

 بسم الله الرحمن الرحيم

كيفية إضافة إعلان بانر من ادموب ( جوجل ) لتطبيقك الأندرويد برمجياً 2017 .

في البداية نقوم بالذهاب إلى موقع ادموب, وإضافة التطبيق الخاص بنا, من ثم إنشاء وحدة إعلانية جديدة لهذا التطبيق ونقوم بإختيار بانر اعلاني.

الآن لدينا الرقم التعريفي للوحدة الإعلانية.

والآن نذهب إلى مشروعنا من الأندرويد ستوديو إو نقوم بإنشاء مشروع جديد لتركيب الإعلان عليه.

أول خطوة نذهب إلى ملف : build.gradle | Module: app

وبداخل أوسمة dependencies نقوم بإضافة السطر التالي :

compile 'com.google.android.gms:play-services-ads:10.0.1'

1	compile 'com.google.android.gms:play-services-ads:10.0.1'

لاحظ الإصدار رقم 10, ولكن الأفضل لك لإضافة آخر آصدار في حال عدم معرفتك لرقمه, من القائمة في الأعلى نختر File > Project Structure .

تظهر لنا نافذة جديدة لخصائص مشروعنا, نختر قسم Dependencies ومن ثم نضغط على إشارة + ونختر Library Dependency لإضافة المكتبة بشكل تلقائي بإصدارها الآخير.

تظهر لنا نافذة صغيرة بالمكاتب المتاحة لأضافتها, نبحث عن المكتبة التي نريدها, وتستطيع كتابة android.gms في البحث لتجد المكتبة بشكل اسرع.

بعد الإضافة نضغط على ok ليتم مزامنة المشروع من جديد .

والآن نذهب إلى ملف اللياوت layout ونضع الإعلان بالمكان الذي نريده :

<com.google.android.gms.ads.AdView android:id="@+id/adview" android:layout_height="wrap_content" android:layout_width="match_parent" ads:adSize="SMART_BANNER" ads:adUnitId="ca-app-pub-0000000000000000/0000000000 " />

1 2 3 4 5 6 7

<com.google.android.gms.ads.AdView             android:id="@+id/adview"             android:layout_height="wrap_content"             android:layout_width="match_parent"             ads:adSize="SMART_BANNER"             ads:adUnitId="ca-app-pub-0000000000000000/0000000000 "             />

لا تنسى بوضع الرقم التعريفي الخاصة بوحدتك الاعلانية في خانة adUnitId.
كذلك لا تنسى بتعريف ads في اعلى ملف اللياوت بإضافة السطر التالي :

xmlns:ads="http://schemas.android.com/apk/res-auto"

1	xmlns:ads="http://schemas.android.com/apk/res-auto"

والآن ننتقل لملف الجافا المرتبط بهذه اللياوت لنقوم بتفعيل الإعلان, بعد فتح ملف الجافا نقوم بإضافة التالي في داخل الكلاس وخارج الدوال :

AdView mAdView; AdRequest adRequest;

1 2	AdView mAdView;     AdRequest adRequest;

تستطيع فقط تعريف Adview ومن ثم تعريف AdRequest مع الكود بداخل الاون كريت, ولكن عرفته بالخارج لسبب وهو إعادة تحميل الإعلان بالوقت الذي نريده وبإي دالة نريد.
والآن بداخل دالة الاون كريت نضع التالي :

mAdView = (AdView) findViewById(R.id.adview); adRequest = new AdRequest.Builder().build(); mAdView.loadAd(adRequest);

1 2 3

mAdView = (AdView) findViewById(R.id.adview);         adRequest = new AdRequest.Builder().build();         mAdView.loadAd(adRequest);

ربط كائن AdView بالبانر من داخل اللياوت, و تجهيز الاعلان في ” طلب الإعلان ” وآخر سطر هو لتحميل وعرض الإعلان.
والخطوة الآخيرة هي بإضافة اكتفتي الاعلان في ملف manifest . نضع التالي بداخل أوسمة application :

<meta-data android:name="com.google.android.gms.version" android:value="@integer/google_play_services_version" /> <activity android:name="com.google.android.gms.ads.AdActivity" android:configChanges="keyboard|keyboardHidden|orientation|screenLayout|uiMode|screenSize|smallestScreenSize" android:theme="@android:style/Theme.Translucent" />

1 2 3 4 5

<meta-data android:name="com.google.android.gms.version"             android:value="@integer/google_play_services_version" />         <activity android:name="com.google.android.gms.ads.AdActivity"             android:configChanges="keyboard|keyboardHidden|orientation|screenLayout|uiMode|screenSize|smallestScreenSize"             android:theme="@android:style/Theme.Translucent" />

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

mAdView.loadAd(adRequest);

1	mAdView.loadAd(adRequest);

وإذا كان الإعلان يأخذ مساحة من التطبيق, وفي حال لا يوجد اتصال انترنت لدى المستخدم والمساحة ما زال يأخذها بدون ظهور إعلان, نستطيع إضافة الكود التالي في داخل دالة الاون كريت : – وهو في حال لم يتم تحميل الإعلان, أقتل ( دمر ) مساحة الاعلان من التطبيق. وفي حال تم تحميله أظهرها.

mAdView.setAdListener(new AdListener() { @Override public void onAdLoaded() { mAdView.setVisibility(View.VISIBLE); } @Override public void onAdFailedToLoad(int error) { mAdView.setVisibility(View.GONE); } });

1 2 3 4 5 6 7 8 9 10 11 12 13

mAdView.setAdListener(new AdListener() {             @Override             public void onAdLoaded() {                 mAdView.setVisibility(View.VISIBLE);             }             @Override             public void onAdFailedToLoad(int error) {                 mAdView.setVisibility(View.GONE);             }         });

و الآن كود الجافا كاملاً يكون بهذه الصورة :

public class Main extends AppCompatActivity { AdView mAdView; AdRequest adRequest; @Override protected void onCreate(Bundle savedInstanceState) { super.onCreate(savedInstanceState); setContentView(....); mAdView = (AdView) findViewById(R.id.adview); adRequest = new AdRequest.Builder().build(); mAdView.loadAd(adRequest); mAdView.setAdListener(new AdListener() { @Override public void onAdLoaded() { mAdView.setVisibility(View.VISIBLE); } @Override public void onAdFailedToLoad(int error) { mAdView.setVisibility(View.GONE); } }); }}

1 2 3 4 5 6 7 8 9 10 11 12 13 14 15 16 17 18 19 20 21 22 23 24 25 26 27

public class Main extends AppCompatActivity {     AdView mAdView;     AdRequest adRequest;     @Override     protected void onCreate(Bundle savedInstanceState) {         super.onCreate(savedInstanceState);         setContentView(....);         mAdView = (AdView) findViewById(R.id.adview);         adRequest = new AdRequest.Builder().build();         mAdView.loadAd(adRequest);         mAdView.setAdListener(new AdListener() {             @Override             public void onAdLoaded() {                 mAdView.setVisibility(View.VISIBLE);             }             @Override             public void onAdFailedToLoad(int error) {                 mAdView.setVisibility(View.GONE);             }         });     }}

تم.

ولنا لقاء آخر ان شاء الله .. والسلام عليكم