شرح طريقة إضافة إعلانات البانر إلى التطبيقات التي لا تحتوي على إعلانات

 مرحبا بك في درس جديد على مدونة أرباحك، في درس سابق كنت قد شرحت طريقة إضافة الإعلانات إلى التطبيقات و الألعاب التي لا تحتوي على إعلانات أساساَ، لكنني اكتفيت في الشرح فقط بالإعلانات البينية (Interstitial)، في هذا الدرس إن شاء الله سأشرح طريقة إضافة إعلانات البانر (Banner) الخاصة بأدموب إلى التطبيقات و الألعاب التي لا تحتوي على إعلانات، إذا قمت بتحميل كود سورس مجانا من موقع Github أو من أي موقع آخر لكنك لم تجد به إعلانات و لا يوجد المكان الخاص بإضافة أكواد وحداتك الإعلانية فيمكنك إنشاؤه بنفسك و إضافة الإعلانات من الصفر إلى المشروع الذي تشتغل عليه.

لماذا أحتاج إلى إضافة الإعلانات إلى تطبيقاتي؟

 كما أشرنا سابقاَ في دورة "تعلم الربح من تطبيقات الأندرويد من الصفر إلى الإحتراف"، أن طريقة الربح من التطبيقات التي يمكنك إعتمادها في الريسكين هي الإعلانات، لأنه لا يمكنك طرح تطبيقك في متجر التطبيقات بالمقابل إلا إذا كانت جودته عالية جداَ، و إلا لن يشتريه منك أي أحد، و للحصول على تطبيق أو لعبة بجودة عالية عن طريق الريسكين يجب عليك شراء كود سورس بجودة عالية و بالتالي سيكون سعره مرتفع جداَ، و إذا كنت مبتدئ فمن الأفضل استعمال أكواد بسعر مناسب (من 10$ إلى 50$) و ستربح منها عن طريق الإعلانات.

 لكن هناك من يفضل استعمال الأكواد المجانية تماماَ و هي أكواد يتم طرحها في بعض المواقع لأغراض تعليمية كموقع Github، هذه الأكواد تكون غير كاملة أو تكون بجودة ضعيفة و يمكنك من خلالها صنع تطبيقات و ألعاب بسيطة، و المشكل الأكبر الذي قد تواجهه هو أن هذه الاكواد لا تحتوي على إعلانات أساساَ، لذلك لن تستفيد منها إلا إذا قمت بإضافة الإعلانات إليها بنفسك، و قد أشرنا سابقا إلى أن أفضل الشبكات الإعلانية الخاصة بالموبايل هي أدموب (AdMob) لذلك قمت بشرح طريقة إضافة إعلانات أدموب (Interstitial) في درس سابق على مدونة أرباحك، و سأشرح في هذا الدرس طريقة إضافة إعلانات أدموب (Banner) إلى كود سورس لا يحتوي على الإعلانات.

خطوات إضافة إعلانات البانر (Banner) إلى مشروع اندرويد ستوديو

 مشاريع تطبيقات و ألعاب الاندرويد تتكون من شقين، الشق الأول خاص بملفات الواجهة (XML) و الشق الثاني خاص بأكواد الجافا (JAVA)، لإضافة إعلانات البانر سنعمل على الشقين معاَ، في الجزء الخاص بالواجهة سنضيف الكود المسؤول عن شكل و حجم البانر و سيكون على هذا الشكل:

    xmlns:tools="http://schemas.android.com/tools"
    xmlns:ads="http://schemas.android.com/apk/res-auto"
    android:layout_width="match_parent"
    android:layout_height="match_parent"
    tools:context="com.packagename.app.Activity">

 your code here 
	
		android:id="@+id/adView"
	android:layout_width="wrap_content"
	android:layout_height="wrap_content"
	android:layout_alignBottom="@+id/gridview"
	ads:adSize="SMART_BANNER"
	ads:adUnitId="ca-app-pub-3940256099942544/6300978111">
	
	

 و في الجزء الخاص بالجافا سنضيف الكود الخاص بطلب تحميل الإعلانات و عرضها، و سيكون على هذا الشكل:

   private AdView mAdView;

    @Override
    protected void onCreate(Bundle savedInstanceState) {
        super.onCreate(savedInstanceState);
        setContentView(R.layout.activity_main);

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

    }
		
		
		
@Override
    public void onPause() {
        if (mAdView != null) {
            mAdView.pause();
        }
        super.onPause();
    }

    @Override
    public void onResume() {
        super.onResume();
        if (mAdView != null) {
            mAdView.resume();
        }
    }

    @Override
    public void onDestroy() {
        if (mAdView != null) {
            mAdView.destroy();
        }
        super.onDestroy();
    }

 و يجب عليك أيضا إضافة التصريحات الخاصة بالإتصال بالانترنت إذا لم تكن توجد مسبقاَ في المشروع الذي تشتغل عليه، بإضافة الكود التالي إلى ملف AndroidManifest:

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

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

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

طريقة إضافة إعلانات أدموب إلى تطبيقات الاندرويد التي لا تحتوي على الإعلانات

 إذا كنت تستعمل المشاريع المجانية لإنشاء تطبيقات و ألعاب الاندرويد كالمشاريع المتاحة على موقع Github، فإن من بين أبرز المشاكل التي ستواجهها إضافة إلى بساطة التطبيقات و الألعاب و بعض الأخطاء الناتجة عن عدم توافقها مع النسخ الجديدة من اندرويد ستوديو و إضافات ال SDK يبقى أبرز مشكل هو غياب الإعلانات، بحيث هذه الاكواد لا تحتوي على إعلانات عكس الأكواد التي يتم بيعها على متاجر مثل Codcanyon و Chupamobile، الأكواد المدفوعة تكون مدمجة بإعلانات سواء إعلانات أدموب أو إعلانات شبكات أخرى منافسة، فقط تقوم أنت بعد شرائها بإضافة كود الوحدات الإعلانية الخاص بك لتظهر إعلاناتك على هذه التطبيقات، في هذا الدرس سأشرح طريقة إضافة إعلانات أدموب من الصفر إلى تطبيقات و ألعاب اندرويد لا تحتوي على إعلانات.

إضافة مكتبة جوجل بلاي سيرفيس Google Play Services إلى المشروع

 أول شيء سنقوم به هو إضافة مكتبة Google Play Services إلى المشروع اللعبة أو التطبيق الذي نشتغل عليه عن طريق Gradle و ذلك بفتح ملف builde.gradle و إضافة الكود التالي داخل dependencies (قم بتغيير رقم النسخة 10.0.1 بآخر نسخة، سيتم اقتراحها عليك من طرف برنامج اندرويد ستوديو):

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

 ليصبح على هذا الشكل:

dependencies {
    compile fileTree(dir: 'libs', include: ['*.jar'])
    //هنا الاكواد السابقة التي توجد في المشروع
    compile 'com.google.android.gms:play-services-ads:10.0.1'
}

إضافة تصريح الإتصال بالانترنت

 بعد ذلك نقوم بإضافة تصريح الإتصال بالانترنت إلى ملف Manifest إذ لم يكن يتوفر عليه، و هو كالتالي:

ليصبح على هذا الشكل:

xmlns:android="http://schemas.android.com/apk/res/android">

    android:allowBackup="true"
    android:icon="@mipmap/ic_launcher"
    android:label="@string/app_name"
    android:theme="@style/AppTheme">
            android:name=".MainActivity"
        android:label="@string/app_name">
        
        
        
        
    
            android:name=".ImageActivity"
        android:label="@string/app_name">
    

إضافة الإعلانات البينية (Interstitial) الخاصة بأدموب إلى المشروع

 إعتماداَ على التعليمات المقدمة من طرف جوجل في هذه الصفحة هذا هو الكود الخاص بإعلانات Interstitial و الذي يجب إضافته إلى ملفات الجافا Java الخاصة بالتطبيق:

public class MainActivity extends ActionBarActivity {

    InterstitialAd mInterstitialAd;
    Button mNewGameButton;

    @Override
    protected void onCreate(Bundle savedInstanceState) {
        super.onCreate(savedInstanceState);
        setContentView(R.layout.activity_main);

        mInterstitialAd = new InterstitialAd(this);
        mInterstitialAd.setAdUnitId("ca-app-pub-3940256099942544/1033173712");

        mInterstitialAd.setAdListener(new AdListener() {
            @Override
            public void onAdClosed() {
                requestNewInterstitial();
                beginPlayingGame();
            }
        });

        requestNewInterstitial();

        mNewGameButton.setOnClickListener(new View.OnClickListener() {
            @Override
            public void onClick(View v) {
                if (mInterstitialAd.isLoaded()) {
                    mInterstitialAd.show();
                } else {
                    // your code here
                }
            }
        });

        // your code here
    }

    private void requestNewInterstitial() {
        AdRequest adRequest = new AdRequest.Builder()
                  .addTestDevice("SEE_YOUR_LOGCAT_TO_GET_YOUR_DEVICE_ID")
                  .build();

        mInterstitialAd.loadAd(adRequest);
    }

}

 لإضافة الكود إلى تطبيقك تابع الفيديو التالي الذي أشرح فيه طريقة إضافة جميع الاكواد من الصفر إلى أن يشتغل الإعلان على التطبيق:

 كان هذا شرح خاص بإضافة إعلانات (Interstitial) إلى تطبيقات الاندرويد، لإضافة إعلانات (Banner) يمكنك متابعة هذا الشرح: شرح طريقة إضافة إعلانات البانر إلى التطبيقات التي لا تحتوي على إعلانات.
 شكرا لك على المتابعة إذا استفدت من هذا الدرس قم بمشاركته ليستفيد أصدقاؤك و إلى اللقاء في درس آخر بإذن الله.

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

الدرس التاسع عشر: تشغيل إعلانات أدموب على تطبيقات الأندرويد

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

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

أنواع إعلانات ادموب

 حاليا توجد أربعة انواع من الوحدات الإعلانية على منصة أدموب:

1. إعلانات البنر (Banner): و هي وحدات إعلانية تسمح بظهور الإعلانات على التطبيقات و الالعاب على شكل بنر مستطيل أسفل أو أعلى الشاشة، و هذا النوع من الإعلانات مشابه لإعلانات ادسنس التي تظهر على المواقع، و يمكن أن يكون على شكل نص أو صورة.
2. الإعلانات البينية أو إعلانات الشاشة الكاملة (Interstitial): و هي إعلانات تغطي الشاشة كاملة تكون عبارة عن صورة أو فيديو أو نصوص و صور، و هي تغطي شاشة الهاتف بشكل كامل و تستعمل غالبا في الألعاب و يمكن أيضاَ إستعمالها في التطبيقات.
3. إعلانات المكافأة (Rewarded Interstitial): أنا متأكد بأنك سبق و أن صادفت هذا النوع من الإعلانات على هاتفك أثناء اللعب في إحدى الألعاب، و هي وحدات إعلانية تغطي الشاشة كاملة و تضم إعلانات بالفيديو فقط، و الغرض من هذه الإعلانات هي مكافأة المستخدم بعد مشاهدة الفيديو، و يمكن أن تكون المكافأة عبارة عن نقط إضافية في اللعبة التي سيظهر عليها الإعلان أو تمنح اللاعب حياة إضافية للإستمرار في اللعب أو يمكنه المرور إلى مستويات أخرى بعد مشاهدة الفيديو الإعلاني و هكذا...
4. إعلانات مدمجة مع المحتوى (Native): و هو نوع من الإعلانات بدأ يظهر مؤخراَ في مختلف المجالات و ليس فقط في إعلانات الموبايل، و هي إعلانات تشبه إلى حد كبير محتوى التطبيق، بحيث إذا كان التطبيق يعرض مثلا الأخبار فضمن لائحة الأخبار أو المواضيع يظهر إعلان يبدو شكله كشكل الخبر أو الموضوع، و بالنسبة للألعاب فإنه يظهر و كأنه جزء من اللعبة و ليس إعلان.

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

طريقة إنشاء وحدات إعلانية جديدة على أدموب

 بالنسبة للعبة التي أشتغل عليها خلال هذه الدورة قام مطور الكود بدمج إعلانات البنر و الإعلانات البينية (أغلب الأكواد التي ستصادفها ستجد هذين النوعين أو أحدهما فقط)، لذلك قمت بإنشاء إعلانات البنر و إعلانات بينية، و هذه هي الطريقة:

إعلانات البنر (Banner)

1. قم بالدخول إلى حسابك في ادموب من هنا: http://go.arbahok.com/2h1Wp5l
2. قم بالضغط على "MONETIZE NEW APP"
3. إختر "ADD YOUR APP MANUALLY"
4. قم بإدخال إسم تطبيقك ثم اختر "Android" في القائمة المنسدلة ثم اضغط على "ADD APP"
5. إختر "BANNER" من الخيارات التي ستظهر.
6. في "Ad type" اترك العلامتين على "Text" و "Image"
7. في "Automatic refresh" قم باختيار "Refresh rate" ثم ضع 30 ثانية.
8. في "Text ad style" يمكنك اختيار "Customized" و اختيار الألوان المناسبة ليظهر مظهر الإعلان مقارب لمظهر التطبيق، أو يمكنك تركها "Standard".
9. ضع إسم للوحدة الإعلانية ثم اضغط على "SAVE".
10. أمام "Ad unit ID" سيظهر كود خاص بالوحدة الإعلانية (Banner) التي قمنا بإنشائها قم بالإحتفاظ به لأن هذا الكود هو الذي ستضيفه إلى مشروع التطبيق الذي تشتغل عليه في اندرويد ستوديو.
11. إضغط على "SKIP" لتخطي إعدادات "Firbase" ثم إضغط على "CREATE ANOTHER AD UNIT" لتنشئ وحدة إعلانية أخرى.

إعلانات (Interstitial)

1. هذه المرة قم بإختيار "INTERSTITIAL" بدل "BANNER"
2. في "Ad type" أترك العلامات على "Text" و "Image" و "Video"
3. في "Frequency capping" اتركها على "No cap on impressions"
4. قم بوضع إسم للوحدة الإعلانية في "Ad unit name" ثم إضغط على "SAVE"
5. أمام "Ad unit ID" سيظهر كود خاص بالوحدة الإعلانية (Interstitial) التي قمنا بإنشائها قم بالإحتفاظ به لأن هذا الكود هو الذي ستضيفه إلى مشروع التطبيق الذي تشتغل عليه في اندرويد ستوديو.
6. إضغط على "DONE" و ستكون قد انتهيت من إنشاء الوحدات الإعلانية.

طريقة إضافة أكواد الوحدات الإعلانية إلى كود المشروع

 في هذا الفيديو قمت بإنشاء وحدات إعلانية من خلال لوحة تحكم حسابي في أدموب (AdMob) و قمت بإضافة أكواد هذه الوحدات إلى مشروع اللعبة التي أشتغل عليها خلال هذه الدورة، تابع الشرح و لا تنسى الإشتراك في القناة ثم مشاركة هذا الموضوع مع أصدقائك:

 شكرا لك على المتابعة في الفيديو القادم سوف أقوم بشرح طريقة إضافة إعلانات أدموب إلى كود سورس لا يحتوي على إعلانات نزولا عند طلب بعض المتابعين، أنت أيضاَ إذا كان لديك أي طلب أو أي سؤال يمكنك التواصل معي عن طريق التعليقات أسفل هذا الموضوع او التعليقات في قناة اليوتيوب و يمكنك أيضاَ طرح سؤالك على مجتمع أرباحك و تصفح الأسئلة و الإجابات التي تم طرحها سابقاَ، و إلى اللقاء في الدرس القادم إن شاء الله.

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