Gagnez de l'argent avec AdMob pour Android

crytex

مراقب سابق
إنضم
5 أوت 2009
المشاركات
14.896
مستوى التفاعل
25.223


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


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
+
حصريا على تونيزيا سات شروحات فيديو لتطوير تطبيقات الأندرويد







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

كود:
ca-app-pub-123456789/123456789
 

crytex

مراقب سابق
إنضم
5 أوت 2009
المشاركات
14.896
مستوى التفاعل
25.223


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

كود:
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>
 

crytex

مراقب سابق
إنضم
5 أوت 2009
المشاركات
14.896
مستوى التفاعل
25.223


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();
 

Rateb

عضو نشيط
إنضم
21 ديسمبر 2007
المشاركات
284
مستوى التفاعل
70
Merci et merci
 
أعلى