INSIGHTをご存知でしょうか?ヤフー株式会社が提供するスマートフォンアプリ用マーケティングツールです。アプリ広告の効果測定やアクセス解析に広く用いられています。この度Monacaと連携したことで、Monacaアプリへの導入が簡単になりました。INSIGHTに飛ばされる、といった仕組みを作ってみたいと思います。INSIGHTの無料トライアルの登録を行います。登録が済むと以下のダッシュボードが見れるようになります。INSIGHTのツールで「アプリ一覧」タブをクリックします。新規アプリ追加ボタンから必要な情報を記入します。今回はiOSで試しているためバンドルIDはAppleに登録しているものを使用します。Androidの場合も適宜設定が必要です。ストアのURLは適当でも大丈夫です。URLスキームの部分には任意の文字列を記入しますが、のちほどMonaca側での設定でも使用するので控えておきましょう。入力が終わったら「新規作成する」をクリックしてください。これで無事準備が整いました。今回つくるもの簡単なサインアップ画面を想定しています。INSIGHTへ送信されます。先に完成品のソースコードを確認したい方はこちらからどうぞ。Minimum」テンプレートを使って作成していきます。INSIGHTのプラグインのインストールを行います。「JS/CSSコンポーネントの追加と削除」に進み、jQueryのインストールをします。「設定」->「Cordovaプラグイン管理」に遷移してください。INSIGHT」があるので有効にしてください。INSIGHTプラグインの「設定」からインストールパラメータを設定してください。INSIGHTへの新規アプリ追加を行った際にURLスキームの欄に入力した文字列になります。画面作成それでは画面を作成していきましょう。index.htmlのbodyタグ内に以下のコードを記述します。サンプルパターンのSignUp画面を元にアレンジしています。up</div></div></ons-page>するとこのような画面になります。画面の構成ができたのでCSSを適用してデザインを整えましょう!css/style.cssに以下のコードを記述します。10px;}これで画面が完成しました。プレビューボタンから確認してみましょう。INSIGHTにデータを飛ばす部分を作成していきます。INSIGHTへセッションデータが送信されます。ダッシュボードのアプリ一覧画面で確認できます。(リリース時はfalseにしてください。ダッシュボードのアプリ一覧画面で確認し、書き換えてください。中にコードを追加します。今回はメールアドレスをカスタマーIDとしています。今回は名前を設定します。INSIGHTへ送信されます。データを送ってみようアプリをビルドして、実際にデータを送ってみましょう。プラグインを使っていますので、ストア版のMonacaデバッガーでは確認できません。カスタムビルドデバッガーを利用してください。INSIGHTはMonacaで標準提供されているので、Monacaの無料ユーザでも利用できます。INSIGHTで確認ダッシュボードのアプリ一覧から今回登録したアプリを選択しましょう。データが反映されていればセッション数の値などをダッシュボードで確認することができます。※データ送信から反映まで4時間〜1日程度必要です。左メニューの「アナリティクス」→「基本KPI」から日付のレンジを指定してデータを確認することもできます。「ユーザー分布」のメニューから年齢や性別についても確認することができます。INSIGHTに用意されているサインアップイベントに登録をしたので、「アナリティクス」→「イベント一覧」→「サインアップ」に進むとサインアップのイベント数も取ることができます。いかがでしたでしょうか?簡単なコードを追加するだけでアクセス解析を行えるようになりました。他にも様々なデータを解析できるのでぜひお試しください。今回のサンプルコードはこちらからご覧になれます。SDK導入手順書」を参考にしてください。橋香代子アシアルコミュニティサポート。2014年にセブ島で英語とプログラミングの研修を受けてアパレル販売員からWEBフロントエンジニアにキャリアチェンジ、2017年からMOONGIFTにジョイン。MOONGIFTでDevRelやコミュニティサポートを手がけるかたわら、個人事業主としてWEBの受託開発も行っている。関連記事2018年5月29日Monaca新機能第二弾。クラウドIDEでAngula...2018年6月5日Monaca新機能第三弾。Nativeの違いとは?2...2017年5月31日Monacaでマッシュアップ。