Gagnez de l'argent avec AdMob pour Android

الموضوع في 'برمجة تطبيقات الهواتف الذكية' بواسطة crytex, بتاريخ ‏26 ماي 2016.

  1. crytex

    crytex مراقب سابق

    إنضم إلينا في:
    ‏5 أوت 2009
    المشاركات:
    14.895
    الإعجابات المتلقاة:
    25.164
      26-05-2016 23:48
    [​IMG]

    أهلا و سهلا بكافّة الإخوة الأعضاء والزوار في منتديات تونيزيا سات
    و مرحبا بكم في قسم التطوير و لغات البرمجة


    Grâce à ce tutoriel on va voir ensemble comment ajouter de la publicité dans nos applications Android avec AdMob

    Il faut commencer par installer et configurer Android Studio et créer un AVD: Android Virtual Device

    Vous pouvez suivre ces tutoriels

    Développez votre première application Android avec Android Studio
    +
    حصريا على تونيزيا سات شروحات فيديو لتطوير تطبيقات الأندرويد




    [​IMG]


    Il faut tout d'abord s'inscrire sur ce site
    Puis aller à Monetize pour créer un nouvel ad


    16.png

    Par la suite vous allez avoir un Ad Unit ID, enregistrez le pour plus tard

    Le code est de la forme suivante

    كود (text):
    ca-app-pub-123456789/123456789
     
    med0101 ،ismail1989 ،Kais201 و 4آخرون معجبون بهذا.
  2. crytex

    crytex مراقب سابق

    إنضم إلينا في:
    ‏5 أوت 2009
    المشاركات:
    14.895
    الإعجابات المتلقاة:
    25.164
      27-05-2016 00:03
    [​IMG]

    On va créer un nouveau projet Android

    1.png

    On choisit le MinSDK de notre application

    2.png

    On Choisit Empty Activity

    3.png


    On appui sur finish

    4.png

    Dans Build.Gradle on va ajouter les dependencies AppCompat etGoogle Play Services pour pouvoir utiliser AdMob

    6.png


    Le fichier sera comme suit

    كود (text):
    apply plugin: 'com.android.application'

    android {
        compileSdkVersion 23
        buildToolsVersion "23.0.0"

        defaultConfig {
            applicationId "admob.com.admob"
            minSdkVersion 23
            targetSdkVersion 23
            versionCode 1
            versionName "1.0"
        }
        buildTypes {
            release {
                minifyEnabled false
                proguardFiles getDefaultProguardFile('proguard-android.txt'), 'proguard-rules.pro'
            }
        }
    }

    dependencies {
        compile fileTree(include: ['*.jar'], dir: 'libs')
        compile 'com.android.support:appcompat-v7:23.0.0'
        compile 'com.google.android.gms:play-services:6.5.87'
    }
    Maintenant sous SDK Manager, Accédez à SDK Tools et Téléchargez la dernière version de Google Play Services

    7.png

    On ajoute le code généré avec AdMob dans le fichier Strings.xml sous res/values comme suit

    8.png

    كود (xml):
    <resources>
        <string name="app_name">AdMob</string>
        <string name="banner_ad_unit_id">ca-app-pub-123456789/123456789</string>
    </resources>
     
    On va ajouter maintenant le bloc de publicité dans notre interface graphique

    9.png

    On ajoute le code suivant

    10.png
    كود (xml):
    <?xml version="1.0" encoding="utf-8"?>
    <RelativeLayout xmlns:android="http://schemas.android.com/apk/res/android"
       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"
       android:paddingBottom="@dimen/activity_vertical_margin"
       android:paddingLeft="@dimen/activity_horizontal_margin"
       android:paddingRight="@dimen/activity_horizontal_margin"
       android:paddingTop="@dimen/activity_vertical_margin"
       tools:context="admob.com.admob.MainActivity">

        <TextView
           android:layout_width="wrap_content"
           android:layout_height="wrap_content"
           android:text="Welcome to www.tunisia-sat.com" />

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

    On passe par la suite au fichier AndroidManifest.xml pour ajouter les autorisations nécessaires

    11.png

    Le fichier complet est le suivant

    كود (xml):
    <?xml version="1.0" encoding="utf-8"?>
    <manifest xmlns:android="http://schemas.android.com/apk/res/android"
       package="admob.com.admob">
        <uses-sdk android:minSdkVersion="14" />
        <uses-permission android:name="android.permission.ACCESS_NETWORK_STATE" />
        <uses-permission android:name="android.permission.INTERNET" />
        <application
           android:allowBackup="true"
           android:icon="@mipmap/ic_launcher"
           android:label="@string/app_name"
           android:supportsRtl="true"
           android:theme="@style/AppTheme">
            <activity android:name=".MainActivity">
                <intent-filter>
                    <action android:name="android.intent.action.MAIN" />

                    <category android:name="android.intent.category.LAUNCHER" />
                </intent-filter>
            </activity>
            <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" />
        </application>
    </manifest>
     
    med0101 ،General one ،ismail1989 و 4آخرون معجبون بهذا.
  3. crytex

    crytex مراقب سابق

    إنضم إلينا في:
    ‏5 أوت 2009
    المشاركات:
    14.895
    الإعجابات المتلقاة:
    25.164
      27-05-2016 00:10
    [​IMG]

    On passe maintenant au code de la classe MainActivity

    12.png

    Voici le code complet

    كود (java):
    package admob.com.admob;

    import android.support.v7.app.AppCompatActivity;
    import android.os.Bundle;

    import com.google.android.gms.ads.AdListener;
    import com.google.android.gms.ads.AdRequest;
    import com.google.android.gms.ads.AdView;
    import com.google.android.gms.ads.InterstitialAd;

    public class MainActivity extends AppCompatActivity {

        private InterstitialAd interstitial;

        @Override
        protected void onCreate(Bundle savedInstanceState) {

            super.onCreate(savedInstanceState);
            setContentView(R.layout.activity_main);

            interstitial = new InterstitialAd(MainActivity.this);
            interstitial.setAdUnitId("ca-app-pub-7774737405687312/3892161189");

            AdView adView = (AdView) this.findViewById(R.id.adView);
            AdRequest adRequest = new AdRequest.Builder().addTestDevice(AdRequest.DEVICE_ID_EMULATOR).build();

            adView.loadAd(adRequest);

            interstitial.loadAd(adRequest);

            interstitial.setAdListener(new AdListener() {
                public void onAdLoaded() {
                    displayInterstitial();
                }
            });
        }
        public void displayInterstitial() {
            if (interstitial.isLoaded()) {
                interstitial.show();
            }
        }
    }
    On lance le projet

    13.png

    On choisit l'AVD

    14.png

    La publicité s'affiche avec succès

    15.png

    Important:Ne faites pas de click sur vos propres publicités
    Vous pouvez utiliser un émulateur en utilisant le code ci dessous



    كود (java):
            AdRequest adRequest = new AdRequest.Builder().addTestDevice(AdRequest.DEVICE_ID_EMULATOR).addTestDevice("abc").build();
     
     
    General one ،KODAS00 ،ismail1989 و 10آخرون معجبون بهذا.
  4. Adam Bedoui

    Adam Bedoui كبير مراقبي منتدى الكمبيوتر والانترنت طاقم الإدارة

    إنضم إلينا في:
    ‏29 سبتمبر 2009
    المشاركات:
    12.940
    الإعجابات المتلقاة:
    50.473
      19-09-2016 14:58
    ! This is the kind of tutos that i should keep in my favorites bar
    ! Nothing to say Hassen, just awesome as usual

    :good::good:
     
    آخر تعديل: ‏19 سبتمبر 2016
    KODAS00 ،ismail1989 ،mohamed_info و 5آخرون معجبون بهذا.
  5. Rateb

    Rateb عضو نشيط

    إنضم إلينا في:
    ‏21 ديسمبر 2007
    المشاركات:
    284
    الإعجابات المتلقاة:
    68
      13-08-2017 18:49
    Merci et merci
     
    أعجب بهذه المشاركة crytex
جاري تحميل الصفحة...

مشاركة هذه الصفحة

جاري تحميل الصفحة...