DESTROY THE BRICK WITH ADMOB – ANDROID STUDIO & ECLIPSE FILE

Introduction

In this tutorial, we will learn how to integrate AdMob, a popular mobile advertising platform, into our Android app using Android Studio and Eclipse. We will create a simple game where the user can destroy bricks by tapping on them, and we will use AdMob to display ads in our app. This tutorial is designed for beginners who have some experience with Android development, but no prior knowledge of AdMob is required.

Step 1: Setting up AdMob

To start, we need to set up an AdMob account and create a new ad unit. Follow these steps:

1. Go to the AdMob website and sign up for an account.
2. Create a new ad unit by clicking on the "Create an ad unit" button.
3. Choose the type of ad you want to display (e.g. banner, interstitial, rewarded video).
4. Set up your ad unit by providing the required information (e.g. ad format, ad size, ad targeting).
5. Get your ad unit ID, which you will need to use in your Android app.

Step 2: Creating the Android Project

Now that we have set up our AdMob account, let's create a new Android project in Android Studio or Eclipse.

Android Studio:

1. Open Android Studio and create a new project.
2. Choose "Empty Activity" as the project template.
3. Name your project (e.g. "DestroyTheBrick").
4. Set the package name and save the project.

Eclipse:

1. Open Eclipse and create a new Android project.
2. Choose "Android Application Project" as the project type.
3. Name your project (e.g. "DestroyTheBrick").
4. Set the package name and save the project.

Step 3: Adding the AdMob SDK

Now that we have created our Android project, let's add the AdMob SDK to our project.

Android Studio:

1. Open the "build.gradle" file in the project structure.
2. Add the following line to the dependencies section:

   implementation 'com.google.android.gms:play-services-ads:19.6.0'

3. Sync the project by clicking on the "Sync Now" button.

Eclipse:

1. Download the AdMob SDK from the AdMob website.
2. Extract the SDK to a directory on your computer.
3. Add the AdMob SDK to your project by creating a new folder in your project directory and adding the SDK files to it.
4. Update your project's build path to include the AdMob SDK.

Step 4: Creating the Game Layout

Now that we have added the AdMob SDK to our project, let's create the game layout.

Android Studio:

1. Open the "activity_main.xml" file in the project structure.

2. Add the following code to the file:

   
   <?xml version="1.0" encoding="utf-8"?>
   <LinearLayout xmlns:android="http://schemas.android.com/apk/res/android"
   xmlns:app="http://schemas.android.com/apk/res-auto"
   android:layout_width="match_parent"
   android:layout_height="match_parent"
   android:orientation="vertical">
   
   <FrameLayout
       android:id="@+id/game_frame"
       android:layout_width="match_parent"
       android:layout_height="match_parent" />
   
   <LinearLayout
       android:layout_width="match_parent"
       android:layout_height="wrap_content"
       android:orientation="horizontal">
   
       <Button
           android:id="@+id/destroy_button"
           android:layout_width="wrap_content"
           android:layout_height="wrap_content"
           android:text="Destroy Brick" />
   
   </LinearLayout>

This code creates a linear layout with a frame layout for the game and a button to destroy the brick.

**Eclipse:**

1. Open the "activity_main.xml" file in the project structure.
2. Add the following code to the file:

<?xml version="1.0" encoding="utf-8"?> <LinearLayout xmlns:android="http://schemas.android.com/apk/res/android" android:layout_width="match_parent" android:layout_height="match_parent" android:orientation="vertical">

<FrameLayout
    android:id="@+id/game_frame"
    android:layout_width="match_parent"
    android:layout_height="match_parent" />

<LinearLayout
    android:layout_width="match_parent"
    android:layout_height="wrap_content"
    android:orientation="horizontal">

    <Button
        android:id="@+id/destroy_button"
        android:layout_width="wrap_content"
        android:layout_height="wrap_content"
        android:text="Destroy Brick" />

</LinearLayout>

This code creates a linear layout with a frame layout for the game and a button to destroy the brick.

**Step 5: Creating the Game Logic**

Now that we have created the game layout, let's create the game logic.

**Android Studio:**

1. Open the "MainActivity.java" file in the project structure.
2. Add the following code to the file:

import android.os.Bundle; import android.view.View; import android.widget.Button; import android.widget.FrameLayout;

public class MainActivity extends AppCompatActivity {

private FrameLayout gameFrame;
private Button destroyButton;

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

    gameFrame = findViewById(R.id.game_frame);
    destroyButton = findViewById(R.id.destroy_button);

    destroyButton.setOnClickListener(new View.OnClickListener() {
        @Override
        public void onClick(View v) {
            // Destroy the brick
            // TO DO: implement the logic to destroy the brick
        }
    });
}

}

This code creates a new activity and sets up the game frame and destroy button.

**Eclipse:**

1. Open the "MainActivity.java" file in the project structure.
2. Add the following code to the file:

import android.os.Bundle; import android.view.View; import android.widget.Button; import android.widget.FrameLayout;

public class MainActivity extends Activity {

private FrameLayout gameFrame;
private Button destroyButton;

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

    gameFrame = (FrameLayout) findViewById(R.id.game_frame);
    destroyButton = (Button) findViewById(R.id.destroy_button);

    destroyButton.setOnClickListener(new View.OnClickListener() {
        @Override
        public void onClick(View v) {
            // Destroy the brick
            // TO DO: implement the logic to destroy the brick
        }
    });
}

}

This code creates a new activity and sets up the game frame and destroy button.

**Step 6: Adding AdMob Ads**

Now that we have created the game logic, let's add AdMob ads to our app.

**Android Studio:**

1. Open the "MainActivity.java" file in the project structure.
2. Add the following code to the file:

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

public class MainActivity extends AppCompatActivity {

private AdView adView;

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

    // Create the ad view
    adView = new AdView(this);
    adView.setAdSize(AdSize.BANNER);
    adView.setAdUnitId("YOUR_AD_UNIT_ID");

    // Load the ad
    AdRequest adRequest = new AdRequest.Builder().build();
    adView.loadAd(adRequest);

    // Add the ad view to the layout
    FrameLayout adContainer = findViewById(R.id.ad_container);
    adContainer.addView(adView);
}

}

This code creates a new ad view and loads an ad from AdMob.

**Eclipse:**

1. Open the "MainActivity.java" file in the project structure.
2. Add the following code to the file:

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

public class MainActivity extends Activity {

private AdView adView;

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

    // Create the ad view
    adView = new AdView(this);
    adView.setAdSize(AdSize.BANNER);
    adView.setAdUnitId("YOUR_AD_UNIT_ID");

    // Load the ad
    AdRequest adRequest = new AdRequest.Builder().build();
    adView.loadAd(adRequest);

    // Add the ad view to the layout
    FrameLayout adContainer = (FrameLayout) findViewById(R.id.ad_container);
    adContainer.addView(adView);
}

}

This code creates a new ad view and loads an ad from AdMob.

**Step 7: Running the App**

Now that we have added AdMob ads to our app, let's run the app and test it.

**Android Studio:**

1. Open the "MainActivity.java" file in the project structure.
2. Click on the "Run" button or press Shift+F10 to run the app.
3. The app will launch on an emulator or physical device.
4. Tap on the destroy button to destroy the brick.
5. The app will display an ad from AdMob.

**Eclipse:**

1. Open the "MainActivity.java" file in the project structure.
2. Click on the "Run" button or press F11 to run the app.
3. The app will launch on an emulator or physical device.
4. Tap on the destroy button to destroy the brick.
5. The app will display an ad from AdMob.

That's it! We have successfully integrated AdMob into our Android app using Android Studio and Eclipse.