Tic Tac Toe Game with AdMob

Introduction to Tic Tac Toe Game with AdMob

In this tutorial, we will learn how to integrate AdMob, a popular mobile advertising platform, into our Tic Tac Toe game. AdMob allows us to display ads in our app and monetize it. We will use the AdMob banner ads to display ads at the bottom of our Tic Tac Toe game.

Before we start, make sure you have the following:

• Android Studio installed on your computer
• Basic knowledge of Java or Kotlin programming language
• A Google AdMob account created
• A Tic Tac Toe game project set up in Android Studio

Step 1: Set up AdMob

To start, we need to set up AdMob in our project. Follow these steps:

1. Open the Google AdMob website and sign in with your Google account.
2. Click on the "Create Ad Unit" button and follow the prompts to create a new ad unit.
3. Choose the ad type as "Banner" and select the ad size as "Smart Banner".
4. Click on the "Create" button to create the ad unit.
5. Once the ad unit is created, you will see the ad unit ID. Note it down as we will need it later.

Step 2: Add AdMob Library to Project

Now that we have set up AdMob, we need to add the AdMob library to our project. Follow these steps:

1. Open the Android Studio project and go to the "app" folder.
2. Right-click on the "app" folder and select "Open Module Settings".
3. In the module settings, click on the "Dependencies" tab.
4. Click on the "+" button and select "Library" from the dropdown menu.
5. In the "Library" dropdown menu, select "Maven Repository" and search for "com.google.android.gms:play-services-ads:19.3.0".
6. Click on the "Search" button and select the result.
7. Click on the "Apply" button and then click on the "OK" button.

Step 3: Add AdMob Code to Game

Now that we have added the AdMob library to our project, we need to add the AdMob code to our game. Follow these steps:

1. Open the MainActivity.java file and add the following code to the onCreate method:

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

public class MainActivity extends AppCompatActivity { private AdView adView;

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

    // Initialize AdMob
    MobileAds.initialize(this, new OnInitializationCompleteListener() {
        @Override
        public void onInitializationComplete() {
            // AdMob initialization is complete
        }
    });

    // Create the AdView
    adView = new AdView(this);
    adView.setAdSize(AdSize.SMART_BANNER);
    adView.setAdUnitId("YOUR_AD_UNIT_ID"); // Replace with your ad unit ID

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

    // Add the AdView to the layout
    ViewGroup adContainer = findViewById(R.id.ad_container);
    adContainer.addView(adView);
}

}

Replace `YOUR_AD_UNIT_ID` with the actual ad unit ID you created in AdMob.

**Step 4: Add AdMob Layout**

We need to add a layout to our game to display the AdMob banner. Follow these steps:

1. Open the `activity_main.xml` file and add the following code:
```xml
<?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">

    <!-- Game layout -->
    <LinearLayout
        android:layout_width="match_parent"
        android:layout_height="0dp"
        android:layout_weight="1"
        android:orientation="horizontal">

        <!-- Game logic goes here -->
    </LinearLayout>

    <!-- Ad container -->
    <FrameLayout
        android:id="@+id/ad_container"
        android:layout_width="match_parent"
        android:layout_height="wrap_content" />

</LinearLayout>

In this layout, we have added a LinearLayout to hold the game logic and a FrameLayout to hold the AdMob banner.

Step 5: Run the Game

Now that we have added the AdMob code to our game, we can run the game and see the AdMob banner displayed at the bottom of the screen.

To run the game, click on the "Run" button in Android Studio and select a device or emulator to run the game on.

That's it! We have successfully integrated AdMob into our Tic Tac Toe game.