Implementation of Admob Native Advance| Admob Native Advance| Admob

সম্প্রতি গুগল Admob Native Advance নামে একটি অ্যাড নিয়ে আসে। যদি ও এর আগে Native Express নামে অ্যাড ছিলো। Native Express অ্যাড আমরা MX PLAYER এ ভিডিও Pause করার সময় দেখে থাকি। এই অ্যাডটার কম ব্যবহার হওয়ার কারনে Admob তার পরিবর্তে Native Advance নামে একটি অ্যাড নিয়ে আসে। এটি মুলত Native Express এর UPDATE VERSION । Native Advance অ্যাড কিভাবে আপনার অ্যাপ এ Implement করবেন এবং তার PRACTICAL নিয়ে আজকে বিস্তারিত আলোচনা করব----

1.USES PERMISSION & META DATA

প্রথমেই আপনার অ্যাপকে ইন্টারনেট কানেকশন ব্যবহার করার জন্য PERMISSION দিতে হবে। তারপর দিতে হবে META DATA । META DATA অবশ্যই দিবেন নাহলে আপনার অ্যাপ ক্রেশ করবে।

Example:

<uses-permission android:name="android.permission.ACCESS_NETWORK_STATE"></uses-permission>

<uses-permission android:name="android.permission.INTERNET"></uses-permission>

2. ADUNIT & APP ID

আপনার অ্যাডমুভ থেকে Native Advance এর ADUNIT এবং APP ID দিতে হবে। আমি এখানে টেস্ট ADUNIT এবং APP ID ব্যবহার করব। আপনার অ্যাপ বানানোর সময় অবশ্যই REAL ADUNIT এবং APP ID ব্যবহার করবেন।

Example:

App ID: ca-app-pub-3940256099942544~3347511713

Native Advance:ca-app-pub-3940256099942544/2247696110

3.Dependencies

গুগলের অ্যাডগুলো আসার জন্য আপনাকে অবশ্যই গুগল প্লে সার্ভিসিস অ্যাড নামক Dependencies Gradle file এ Add করতে হবে।

Example:

implementation 'com.google.android.gms:play-services-ads:18.2.0'
implementation 'androidx.recyclerview:recyclerview:1.0.0'
implementation 'androidx.cardview:cardview:1.0.0'

implementation 'com.google.android.material:material:1.0.0'

4.xml layout design

এখন আপনাকে Layout থেকে একটি নতুন Layout Resource নিতে হবে।তারপর Layout Resource এ Native Advance অ্যাডকে ডিজাইন করতে হবে।আপনি গুগল এর নিয়ম মেনে ইচ্ছামত ডিজাইন করতে পারেন ।

Example:

<com.google.android.gms.ads.formats.UnifiedNativeAdView xmlns:android="http://schemas.android.com/apk/res/android"
android:layout_width="match_parent"
android:layout_height="wrap_content">

<LinearLayout xmlns:android="http://schemas.android.com/apk/res/android"
android:layout_width="match_parent"
android:layout_height="wrap_content"
android:layout_gravity="center"
android:background="#FFFFFF"
android:minHeight="50dp"
android:orientation="vertical">

<TextView style="@style/AppTheme.AdAttribution"/>

<LinearLayout
android:layout_width="match_parent"
android:layout_height="wrap_content"
android:orientation="vertical"
android:paddingLeft="20dp"
android:paddingRight="20dp"
android:paddingTop="3dp">

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

<ImageView
android:id="@+id/ad_app_icon"
android:layout_width="40dp"
android:layout_height="40dp"
android:adjustViewBounds="true"
android:paddingBottom="5dp"
android:paddingEnd="5dp"
android:paddingRight="5dp"/>

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

<TextView
android:id="@+id/ad_headline"
android:layout_width="match_parent"
android:layout_height="wrap_content"
android:textColor="#0000FF"
android:textSize="16sp"
android:textStyle="bold" />

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

<TextView
android:id="@+id/ad_advertiser"
android:layout_width="wrap_content"
android:layout_height="match_parent"
android:gravity="bottom"
android:textSize="14sp"
android:textStyle="bold"/>

<RatingBar
android:id="@+id/ad_stars"
style="?android:attr/ratingBarStyleSmall"
android:layout_width="wrap_content"
android:layout_height="wrap_content"
android:isIndicator="true"
android:numStars="5"
android:stepSize="0.5" />
</LinearLayout>

</LinearLayout>
</LinearLayout>

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

<TextView
android:id="@+id/ad_body"
android:layout_width="wrap_content"
android:layout_height="wrap_content"
android:layout_marginRight="20dp"
android:layout_marginEnd="20dp"
android:textSize="12sp" />

<com.google.android.gms.ads.formats.MediaView
android:id="@+id/ad_media"
android:layout_gravity="center_horizontal"
android:layout_width="250dp"
android:layout_height="175dp"
android:layout_marginTop="5dp" />

<LinearLayout
android:layout_width="wrap_content"
android:layout_height="wrap_content"
android:layout_gravity="end"
android:orientation="horizontal"
android:paddingBottom="10dp"
android:paddingTop="10dp">

<TextView
android:id="@+id/ad_price"
android:layout_width="wrap_content"
android:layout_height="wrap_content"
android:paddingLeft="5dp"
android:paddingStart="5dp"
android:paddingRight="5dp"
android:paddingEnd="5dp"
android:textSize="12sp" />

<TextView
android:id="@+id/ad_store"
android:layout_width="wrap_content"
android:layout_height="wrap_content"
android:paddingLeft="5dp"
android:paddingStart="5dp"
android:paddingRight="5dp"
android:paddingEnd="5dp"
android:textSize="12sp" />

<Button
android:id="@+id/ad_call_to_action"
android:layout_width="wrap_content"
android:layout_height="wrap_content"
android:gravity="center"
android:textSize="12sp" />
</LinearLayout>
</LinearLayout>
</LinearLayout>
</LinearLayout>
</com.google.android.gms.ads.formats.UnifiedNativeAdView>

MainActivity xml অবশ্যই অ্যড আসার জন্য একটি FramLayout নিতে হবে। FramLayout এর ভিতর আপনার Native Advance আসবে।

Example:

5.Text Design

এখন আপনাকে আপনার অ্যাড এ কিভাবে লেখাগুলোতে দেখাতে চান তার জন্য আপনাকে Style

থেকে লেখার Style দিতে হবে

Example:

তারপর String থেকে Ad নামক Text দিয়ে দিতে হবে।
Example:
<string name="ad_attribution">Ad</string>

6.জাভা ফাইলে থেকে রান করানো

এইটা ধাপটা হলো সবচেয়ে গুরুতপূর্ণ ধাপ। একানে আপনাকে XML ফাইলটাকে জাভা ফাইল থেকে রান করাতে হবে।এখানে আমি আমার জন্য প্রয়োজনীয় কোডিং করে নিয়েছি। আপনারা যদি এই XML ফাইলটাকে অনুসরন করতে চান তাহলে আপনার জাভা ফাইলে OnCreate এর ভিতর একটা MEthod বানাতে হবে এবং প্রয়োজনীয় কোডিং OnCreate এর বাহিরে MEthod এর ভিতর করতে হবে।

Example:

private static final String ADMOB_AD_UNIT_ID = "ca-app-pub-3940256099942544/2247696110";

private UnifiedNativeAd nativeAd;

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

// Initialize the Mobile Ads SDK.
MobileAds.initialize(this, new OnInitializationCompleteListener() {
@Override
public void onInitializationComplete(InitializationStatus initializationStatus) {}
});

refreshAd();
}

/**
* Populates a {@link UnifiedNativeAdView} object with data from a given
* {@link UnifiedNativeAd}.
*
* @param nativeAd the object containing the ad's assets
* @param adView the view to be populated
*/
private void populateUnifiedNativeAdView(UnifiedNativeAd nativeAd, UnifiedNativeAdView adView) {
// Set the media view.
adView.setMediaView((MediaView) adView.findViewById(R.id.ad_media));

// Set other ad assets.
adView.setHeadlineView(adView.findViewById(R.id.ad_headline));
adView.setBodyView(adView.findViewById(R.id.ad_body));
adView.setCallToActionView(adView.findViewById(R.id.ad_call_to_action));
adView.setIconView(adView.findViewById(R.id.ad_app_icon));
adView.setPriceView(adView.findViewById(R.id.ad_price));
adView.setStarRatingView(adView.findViewById(R.id.ad_stars));
adView.setStoreView(adView.findViewById(R.id.ad_store));
adView.setAdvertiserView(adView.findViewById(R.id.ad_advertiser));

// The headline and mediaContent are guaranteed to be in every UnifiedNativeAd.
((TextView) adView.getHeadlineView()).setText(nativeAd.getHeadline());
adView.getMediaView().setMediaContent(nativeAd.getMediaContent());

// These assets aren't guaranteed to be in every UnifiedNativeAd, so it's important to
// check before trying to display them.
if (nativeAd.getBody() == null) {
adView.getBodyView().setVisibility(View.INVISIBLE);
} else {
adView.getBodyView().setVisibility(View.VISIBLE);
((TextView) adView.getBodyView()).setText(nativeAd.getBody());
}

if (nativeAd.getCallToAction() == null) {
adView.getCallToActionView().setVisibility(View.INVISIBLE);
} else {
adView.getCallToActionView().setVisibility(View.VISIBLE);
((Button) adView.getCallToActionView()).setText(nativeAd.getCallToAction());
}

if (nativeAd.getIcon() == null) {
adView.getIconView().setVisibility(View.GONE);
} else {
((ImageView) adView.getIconView()).setImageDrawable(
nativeAd.getIcon().getDrawable());
adView.getIconView().setVisibility(View.VISIBLE);
}

if (nativeAd.getPrice() == null) {
adView.getPriceView().setVisibility(View.INVISIBLE);
} else {
adView.getPriceView().setVisibility(View.VISIBLE);
((TextView) adView.getPriceView()).setText(nativeAd.getPrice());
}

if (nativeAd.getStore() == null) {
adView.getStoreView().setVisibility(View.INVISIBLE);
} else {
adView.getStoreView().setVisibility(View.VISIBLE);
((TextView) adView.getStoreView()).setText(nativeAd.getStore());
}

if (nativeAd.getStarRating() == null) {
adView.getStarRatingView().setVisibility(View.INVISIBLE);
} else {
((RatingBar) adView.getStarRatingView())
.setRating(nativeAd.getStarRating().floatValue());
adView.getStarRatingView().setVisibility(View.VISIBLE);
}

if (nativeAd.getAdvertiser() == null) {
adView.getAdvertiserView().setVisibility(View.INVISIBLE);
} else {
((TextView) adView.getAdvertiserView()).setText(nativeAd.getAdvertiser());
adView.getAdvertiserView().setVisibility(View.VISIBLE);
}

// This method tells the Google Mobile Ads SDK that you have finished populating your
// native ad view with this native ad.
adView.setNativeAd(nativeAd);

// Get the video controller for the ad. One will always be provided, even if the ad doesn't
// have a video asset.
VideoController vc = nativeAd.getVideoController();

// Updates the UI to say whether or not this ad has a video asset.

}

/**
* Creates a request for a new native ad based on the boolean parameters and calls the
* corresponding "populate" method when one is successfully returned.
*
*/
private void refreshAd() {

AdLoader.Builder builder = new AdLoader.Builder(this, ADMOB_AD_UNIT_ID);

builder.forUnifiedNativeAd(new UnifiedNativeAd.OnUnifiedNativeAdLoadedListener() {
// OnUnifiedNativeAdLoadedListener implementation.
@Override
public void onUnifiedNativeAdLoaded(UnifiedNativeAd unifiedNativeAd) {
// You must call destroy on old ads when you are done with them,
// otherwise you will have a memory leak.
if (nativeAd != null) {
nativeAd.destroy();
}
nativeAd = unifiedNativeAd;
FrameLayout frameLayout =
findViewById(R.id.fl_adplaceholder);
UnifiedNativeAdView adView = (UnifiedNativeAdView) getLayoutInflater()
.inflate(R.layout.ad_unified, null);
populateUnifiedNativeAdView(unifiedNativeAd, adView);
frameLayout.removeAllViews();
frameLayout.addView(adView);
}

});

AdLoader adLoader = builder.withAdListener(new AdListener() {
@Override
public void onAdFailedToLoad(int errorCode) {

}
}).build();

adLoader.loadAd(new AdRequest.Builder().build());

}

@Override
protected void onDestroy() {
if (nativeAd != null) {
nativeAd.destroy();
}
super.onDestroy();
}

Implementation of Admob Native Advance| Admob Native Advance| Admob