中津川篤司TwitterFacebookはてブPocket3LINEスマートフォンアプリで収益を上げる方法は幾つかあります。有料販売、アプリ内課金などもありますが、多くの無料アプリが広告によって収益を上げています。Generationを紹介します。Generationへのユーザ登録は無料で行えます。今回はデモの広告使ってアプリ内に表示してみたいと思います。本当の広告を表示する際にはアプリ毎に審査が行われます。審査を通っていない状態では広告配信が行われませんので注意してください。動画広告やローテーション広告は、Monacaでは利用出来ません。広告表示の準備Monacaアプリで使うのはWeb版の広告になります。これはSDKなどを使わない方法なので、とても手軽に導入が行えます。InAppBrowserを有効にする広告を表示する機能としてInAppBrowserを使います。これはMonacaで標準プラグインとして提供されています。IDEのCordovaプラグインの管理からインストールします。以下のスクリプトを使います。Generationの広告枠を作成するJavaScriptタグを生成します。広告を表示したいHTMLファイル内で読み込みます。<div>タグを記述します。この<div>タグはスタイルシートを使って自由に変更できます。id="adg"></div>広告を表示するonDeviceReadyなど、デバイスの準備ができた段階のコールバックを受けて、次のようにJavaScriptを実行します。いう広告IDがデモ用のIDになります。問題なければアプリの中に広告が表示されます。HTMLとJavaScriptで表示を制御できるので、任意の画面やモーダルウィンドウなどに広告を表示させられるでしょう。広告は在庫状況によって適切なIDでも表示されないことがありますので、まずデモIDを使ってコード上の問題がないこと、広告が表示されなかったとしてもデザイン上の問題が出ないようにしましょう。今回のコードはmoongift/MonacaAGDemoにアップロードしてあります。中津川篤司プログラマ、エンジニアとしていくつかの企業で働き、28歳のときに独立。2004年、まだ情報が少なかったオープンソースソフトの技術ブログ『MOONGIFT』を開設し、毎日情報を発信している。2013年に法人化、ビジネスとエンジニアを結ぶエバンジェリスト業「DevRel」活動をスタートした。Adgenerationと言うものが使えそうなので試す。