Gagnez de l'argent avec AdMob pour Android

crytex

مراقب سابق
إنضم
5 أوت 2009
المشاركات
16.932
مستوى التفاعل
25.371
fKPQ5.png


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


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




admob_logo_2x.png



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
 
fKPQ5.png


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>

 
fKPQ5.png


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();
 
السلام عليكم
في حال توقف اعلانات ادموب عن الظهور في كل التطبيقات ماهو العمل ؟
 
أعلى