Quick Start with Google Admob

This walkthrough shows how to show Google Admob's Native Ads in story format with Storyly in your Android application.

πŸ‘

You can also check out the demo on GitHub

Storyly Demo for Kotlin

Storyly Demo for Java

πŸ“˜

Before you begin

This walkthrough contains sample instance information. However, if you want to work with your own content as well, please login into Storyly Dashboard and get your instance token.

The sample instance information for testing purposes;

eyJ0eXAiOiJKV1QiLCJhbGciOiJIUzI1NiJ9.eyJhY2NfaWQiOjc2MCwiYXBwX2lkIjo0MDUsImluc19pZCI6NDA0fQ.1AkqOy_lsiownTBNhVOUKc91uc9fDcAxfQZtpm3nj40

Also, you need to update required settings from Storyly Dashboard Ad Settings to enable Ads in the instance.

🚧

Before you begin

Please check Google AdMob Mobile Ads SDK(Android) Quick Start Guide for correct integration.

You need to create a Native Ad Unit Id or for testing purposes use Test Ads

Installation

First, declare the dependency for the Storyly Monetization SDK in your app’s module Gradle file (usually app/build.gradle).

android {
    dependencies {
        ...
        // You should add this line
        implementation 'com.appsamurai.storyly:storyly-monetization:<latest-version>'
        ...
    }
}

πŸ“˜

Tip

Please do not forget to replace <latest-version>. The latest version is Maven Central

🚧

Warning

Storyly Monetization SDK targets Android API level 17 (Android 4.2, Jelly Bean) or higher.

🚧

Warning

You need to add Java 1.8 compatibility configuration as well. In your app’s module Gradle file (usually app/build.gradle), please add the following instructions:

android {
    compileOptions {
        // You should add these two lines
        sourceCompatibility JavaVersion.VERSION_1_8
        targetCompatibility JavaVersion.VERSION_1_8
    }
}

Initialize StorylyAdProvider

You need to set a StorylyAdProvider to your StorylyView instance to enable monetization feature.

storylyView.storylyAdViewProvider = StorylyAdViewProvider(this, ADMOB_NATIVE_AD_ID)
storylyView.setStorylyAdViewProvider(new StorylyAdViewProvider(this, ADMOB_NATIVE_AD_ID));

Just hit the run. Now, you should be able to enjoy Storyly with ads πŸŽ‰!

Google AdMob Consent Management

πŸ“˜

Before you begin

You may check Forward consent to the Google Mobile Ads SDK documentation for details.

StorylyAdViewProviders provides a parameter, named adMobAdExtras, in its constructor to pass NetworkExtrasBundle via addNetworkExtrasBundle to Google AdMob.