nendでバナー広告を表示する方法 -Android編- | Xamarin.Forms

2017/08/16
19:47

今回はXamarin.Androidの開発環境でnendのSDKを使用してバナー広告を表示する方法についてご紹介いたします。
nendは日本でのスマホ専用広告配信ができるパートナー様ですが、広告を表示する為のSDKがXamarinの正式対応をしておらずAndroidのaarファイルのバインドなど大変苦労しましたが、なんとか広告が表示できましたのでご紹介したいと思います。
尚、Xamarin.iOSでバナー広告を表示する方法は次の記事「nendでバナー広告を表示する方法 -iOS編-」をご参考ください。

ExplorerDx

ContactFriends

前提条件
・Windows10 Pro 64Bit
・Visual Studio 2015 Community Update3
・Xamarin 4.3.0.795 (NuGet Xamarin.Forms 2.3.4.247)

１．nendの登録

以下のサイトで登録できます。
https://www.nend.net/
全て日本語なので登録しやすいですね。

（１）広告枠の管理からAndroidアプリを登録します。

（２）アプリが登録できたらアプリに広告枠を追加します。
タイプ：バナー
広告枠名：任意
広告枠の形式：インライン　フッター
広告枠のサイズ：320×50

尚、広告枠は作成毎に審査があります。
２営業日程待たなくてはいけません。

（３）SDKをダウンロードします。
https://www.nend.net/m/sdk

（４）NendSDK_Android-3.3.1.zipファイルを解凍すると
nendSDK-3.3.1.aarというファイルが取得できます。

２．SDKの組み込み方法

（１）Visual Studioでバインドライブラリプロジェクトを作成します。
jarファイルやaarファイルはバインドライブラリのプロジェクトを使用すると簡単にJavaからC#に変換できます。

（２）ソリューションエクスプローラを開き、バインドライブラリ内のJarsフォルダに解凍した「nendSDK-3.3.1.aar」ファイルをドラッグ＆ドロップします。

（３）ビルドアクションを「LibraryProjectZip」に変更します。

（４）Androidプロジェクトのプロパティを変更します。
Android Class Parser : class-parse
Android Codegen Target : XAJavaInterop1

（５）NuGetパッケージをインストールします。
以下のパッケージが必要です。
Xamarin.Android.Support.v4
Xamarin.Android.Support.Percent
Xamarin.Android.Support.v7.CardView
Xamarin.Android.Support.v7.RecyclerView
Xamarin.GooglePlayService.Ads

（６）Metadata.xmlに追加する
以下のようにxmlに設定を追加します。
ビルド時にjavaからC#に変換する際に競合する変数を識別するための設定です。
これが無いとビルドしてもnendSDKの全てのクラスライブラリを使用することができません。

Nend.Droid\Transforms\Metadata.xml

<metadata>
  <attr path="/api/package[@name='net.nend.android']/
        interface[@name='NendAdNativeListListener']/method[@name='onDisplayAd']"
        name="argsType">NativeListListenerDisplayAdEventArgs</attr>
  <attr path="/api/package[@name='net.nend.android']/
        interface[@name='NendAdNativeListListener']/method[@name='onReceiveAd']"
        name="argsType">NativeListListenerReceiveAdEventArgs</attr>
  <attr path="/api/package[@name='net.nend.android']/
        interface[@name='NendAdNativeListener']/method[@name='onClick']"
        name="argsType">NendAdNativeListenerClickEventArgs</attr>

  <!-- nendSDK-5.4.0.aar 以降 -->
  <attr path="/api/package[@name='net.nend.android']/
        interface[@name='NendAdNativeVideoListener']/method[@name='onClickAd']"
  	name="argsType">NendAdNativeVideoListenerClickAdEventArgs</attr>
  <attr path="/api/package[@name='net.nend.android']/
        interface[@name='NendAdNativeVideoListener']/method[@name='onClickInformation']"
  	name="argsType">NendAdNativeVideoListenerClickInformationEventArgs</attr>
  <attr path="/api/package[@name='net.nend.android']/
        interface[@name='NendAdNativeVideoListener']/method[@name='onImpression']"
  	name="argsType">NendAdNativeVideoListenerImpressionEventArgs</attr>
</metadata>

※ 2020/11/17追記
NendSDK 5.4.0 に対応しました。
以下のエラーが出力された場合は、Androidプロジェクトに NuGet パッケージの Xamarin.AndroidX.ConstraintLayout v1.1.3 以降をインストールすると良いでしょう。
attribute layout_constraintBottom_toTopOf not found.
\obj\Debug\100\lp\4\jl\res\layout\activity_native_land_video_fullscreen_playing.xml

（７）BindLibraryプロジェクトをビルドしてAndroidプロジェクトに参照設定します。

※BindingLibraryのビルドは必ずしも成功するとは限りません。原因は不明ですが、何度かリビルドしたり、一度参照設定を外してみたりと試行錯誤するとビルドできたりします。私も何度もビルドしていますが、成功するときとしないときとがありますので、そこだけ難点ですね。。。

３．広告を表示

Androidプロジェクト内ににレンダラーを作成して表示します。
AdBannerクラスはXamarin.Forms.Viewを継承して作成したクラスをPCLのXAMLまたはC#などで画面に配置してください。

AdBannerRenderer.cs

using Xamarin.Forms;
using Xamarin.Forms.Platform.Android;
using Android.Gms.Ads;
[assembly: ExportRenderer(typeof(AdBanner), typeof(AdBannerRenderer))]
namespace AppName.Droid.Renderer
{
    public class AdBannerRenderer : ViewRenderer
    {
        protected override void OnElementChanged(ElementChangedEventArgs<Xamarin.Forms.View> e)
        {
            base.OnElementChanged(e);
            if (Control == null)
            {                
                //nend
                this.ShowNendBanner(999999, ”9999999a99999999aa9999a999”);
            }
        }

        /// <summary>
        /// nendによる広告を表示する
        /// </summary>
        /// <param name="spotID">spotID</param>
        /// <param name="apiKey">apiKey</param>
        private void ShowNendBanner(int spotID, string apiKey)
        {
            //nend
            //画面サイズを取得
            var metrics = Xamarin.Forms.Forms.Context.Resources.DisplayMetrics;
            int width = metrics.WidthPixels;

            // 1 NendAdView をインスタンス化
            Net.Nend.Android.NendAdView nendAdView =
                new Net.Nend.Android.NendAdView(Xamarin.Forms.Forms.Context,
                                                spotID,
                                                apiKey);

            nendAdView.SetMinimumHeight(AdSize.Banner.Height);
            nendAdView.SetMinimumWidth(width);
            nendAdView.SetBackgroundColor(Color.White.ToAndroid());

            //// 中央下部表示の場合
            //rootLayout.SetGravity(Gravity.CENTER_HORIZONTAL | Gravity.BOTTOM);
            //// 2 NendAdView をレイアウトに追加
            //rootLayout.AddView(nendAdView, new LinearLayout.LayoutParams(LayoutParams.WRAP_CONTENT, LayoutParams.WRAP_CONTENT));

            base.SetNativeControl(nendAdView);

            // 3 広告の取得を開始
            nendAdView.LoadAd();
        }
    }
}

※spotIDとapiKeyは以下のURLから取得できます。
https://www.nend.net/m/adspot
SDKボタンから確認できます。

４．注意点

（１）nendは日本語の広告のみ対応です。
海外の広告は対応していません。
多言語化（ローカライズ）しているアプリでは、設定している言語が日本語の場合のみに表示をした方が良いでしょう。

（２）nendはスマホ専用です。
PCや他のデバイスで閲覧した場合は広告が表示されません。

（３）バインドライブラリを参照設定してもオブジェクトブラウザに名前空間以降が表示されない場合やソースコードでエラーが出る場合はDLLを直接参照設定することで改善される場合があります。

最後までお読みいただきありがとうございます。
当ブログの内容をまとめた Xamarin逆引きメニューは以下のURLからご覧になれます。
https://itblog.dynaspo.com/blog-entry-81.html

関連記事

Flurry from Yahooでアプリ広告を表示する方法 | Xamarin.Forms
Android.OS.NetworkOnMainThreadExceptionが発生する原因について | Xamarin.Forms
nendでバナー広告を表示する方法 -Android編- | Xamarin.Forms
Android7.0 NougatでListViewがクラッシュする不具合の対応方法 | Xamarin.Forms
Application LoaderでITMS-90163: Invalid Code Signing Entitlements. エラーの対応方法 | Xamarin.Forms

Google AdSenseアカウントの停止に伴い、広告比較してみました | 広告ホーム HAXMをインストールしてAndroidエミュレータ（AVD）の実行速度を改善する方法 | Android

コメントの投稿

※名前とタイトルが入力されていないコメントでは他のコメントとの区別ができません。

　入力されていないコメントには返信しませんのであらかじめご了承くださいませ。

ITブログ時々なんでもブログ