إضافة تطبيقك لـ Admob وتركيب بانر اعلاني عليه للربح منه

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

في هذه التدوينة إن شاء الله سوف نتناول كيفية إضافة تطبيقك الاندرويد على شبكة الادموب للاستفادة من التطبيق مادياً.

في البداية يجب أن يكون لديك حساب على شبكة Admob والتسجيل في ادموب يترتيب عليه ان يكون لديك حساب في خدمات جوجل المختلفة مثلاً ادسنس و جوجل انليتس .. إلخ

إذا في البداية سوف نتعلم كيفية إضافة التطبيق لشبكة ادموب :

بعد دخولك لشبكة ادموب وقد قمت بتسجيل الدخول : http://apps.admob.com/ إضغط على + تحقيق دخل من تطبيق جديد.

سوف تظهر لك أربع خطوات : الخطوة الأولى تحديد تطبيق, فيها يوجد ثلاث أقسام البحث عن تطبيقك, اضافة تطبيقك يدوياً, تحديد من بين التطبيقات التي أضفتها.

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

ثم قم بكتابة اسم التطبيق , واختر النظام الأساسي للتطبيق هل هو اندرويد أو ios أو ويندوز فون.

سوف تنتقل للخطوة الثانية : تكوين Analytics لهذا التطبيق, من أجل تكوين تحليل للتطبيق من حيث مصدر التحميلات وغيرها من تحليلات جوجل , اذا ضغطت على انشاء رقم تعريف سوف تضطر لاضافة شيفرة التحليل لاكواد تطبيقك, أو الأفضل لك كمبتدئ اختر عدم تحليل هذا التطبيق.

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

عند الضغط على اعلان بانر نضع اسم الوحدة الإعلانية ونضغط حفظ, او نقوم بتغير اعدادات البانر مثلاً تغير الوانه ليتناسب مع الوان التطبيق. ومن ثم حفظ.

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

مثال معرّف الوحدة الإعلانية : ca-app-pub-0000000000000000/0000000000 يحتوي على رقم معرف الناشر ومن ثم رقم معرف الاعلان.

نحتاج لهذا المعرف كاملاً لاستخدامه في تطبيقنا.

===== انتهى =====

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

نقوم الان بتفعيل الاعلانات داخل تطبيق, بالذهاب إلى ملف build.gradle , app ومن ثم وضع السطر التالي داخله :

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

حسب الاصدار الاخير لخدمات جوجل بلاي, حالياً آخر اصدار 7.5.0 ولكن ضع هذا السطر بداخل dependencies .

الآن نقوم بالذهاب إلى ملف AndroidManifest.xml وإضافة الصلاحيات التالية :

<uses-permission android:name="android.permission.INTERNET"/>
<uses-permission android:name="android.permission.ACCESS_NETWORK_STATE"/>

و نقوم بإضافة التالي داخل اوسمة 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" />

تمام , الآن نذهب إلى ملف السترنج strings.xml / وإضافة سترنج جديد بإسم banner_ad_unit_id وقيمة ” القيمة هي معرف الوحدة الاعلانية الذي انشئناه خلال اضافة التطبيق للادموب “.

بالشكل التالي :

<string name="banner_ad_unit_id">ca-app-pub-0000000000000000/0000000000</string>

الآن نذهب إلى اللياوت التي تريد أن تضيف داخلها البانر, ونقوم بفتحها ووضع اعلاها داخل العنصر الرئيسي للصفحة وغالباً ما يكون RelativeLayout او LinearLayout في السطور الاولى تجد :
xmlns:android=”http://schemas.android.com/apk/res/android”

ضع اسفله تماماً :

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

ثم في المكان الذي تريد ضع التالي :

<com.google.android.gms.ads.AdView
        android:id="@+id/adView"
        android:layout_width="wrap_content"
        android:layout_height="wrap_content"
        ads:adSize="BANNER"
        ads:adUnitId="@string/banner_ad_unit_id"/>

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

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

هكذا قمت بتفعيل الاعلان بالكامل وجاهز للعمل , ولكن لا تقم بتشغيله على المحاكي , كي لا تخسر حسابك بالكامل ,, إن اردت تجربة الاعلان على المحاكي استخدم التالي :

AdRequest adRequest = new AdRequest.Builder().addTestDevice(AdRequest.DEVICE_ID_EMULATOR).addTestDevice("YOUR_DEVICE_HASH").build();

ومبروك عليك .. والله يبارك لنا ولك ^_^ .. وانتظرونا في دروس جديدة .. والسلام عليكم ~