カテゴリー: 開発

Google AdWordsでユーザー数は増えるか？

昨秋にシンプル体重管理をリリースしたがなかなかユーザー数が増えず、藁にもすがる思いでGoogle AdWordsに広告を出し、ユーザー数アップを試みた。

結論から言うと、広告費の無駄なのでそんなお金があるなら開発機材に回した方がいい。
興味のない人が何となく気になって広告をクリックし、何となく気になってインストールする傾向が非常に高い。
シンプル体重管理は日々の積み重ねをグラフ化するので、いきなりインストールしてもまったく面白味がなく、即座にアンインストールされる。
ついでに、評価★1や★2のおまけまで付いてくる。
これが最悪のパターン。
下表はシンプル体重管理の広告クリック数、インストール数、アンインストール数を表にしたものだが、★1や★2が付いてから数値が悪くなっていることがわかる。
開店に何千万もかけた飲食店が、食べログに掲載されたと同時に★1をもらうのと同じくらいダメージが大きい。

この状況を覆すには、Googleアカウントをたくさん作ってアプリをインストールして★5を入れるか、アプリ紹介サイトで記事にしてもらい★5を得る方法しかない。
前者は★5を入れる業者もあるらしいが、そこまでして評価を上げたいとは思わない。

ほかのアプリもそうだが、思った以上にユーザー数が増えないため、最近は良さがわかる方に使っていただければそれでいいと思っている。

AdWords Google インストール数評価

【Monaca】利用できるアドネットワーク一覧

Monacaで実際に利用できるアドネットワークをまとめてみた。
※JavaScriptを組み込む形式。Cordovaプラグインは未使用。

nend

単価は9円と言われているが、インプレッション数が増えると適正単価に精査され、コンバージョン率が悪いと判断された場合、低単価(0～1円)であまり興味を持たない広告が何度も連続して配信されることが多い。
今では1日100円も稼げない。
月末締めの翌月末払いはありがたいが、三井住友銀行から振り込まれるため、高めの振込手数料が最大のネック。
他行宛3万円未満だと、1週間分の報酬が無駄になる。

同店(三井住友銀行渋谷駅前支店)宛3万円未満　108円
同店(三井住友銀行渋谷駅前支店)宛3万円以上　216円
当行(三井住友銀行渋谷駅前支店以外の店舗)宛3万円未満　216円
当行(三井住友銀行渋谷駅前支店以外の店舗)宛3万円以上　432円
他行(三井住友銀行以外の金融機関)宛3万円未満　540円
他行(三井住友銀行以外の金融機関)宛3万円以上　756円

i-mobile

単価はだいたい~~3～6~~2～7円。まれに単価15円もある。
何度も連続して同じ広告が配信されるnendより全然よいが、収益を上げるにはインプレッション数を倍以上にしないと厳しいだろう。
広告の配信内容は悪くはないが、出会い系に偏る傾向がある。
月末締めで翌月請求して翌々月15日払い、振込事務手数料は250円。

忍者AdMax

単価はだいたい1～3円。
複数の広告会社と提携しているため、さまざまな広告が表示される。
iframeを組み込むタイプなので注意が必要。
広告の配信内容はまずまずだが、この単価ではいくら頑張っても収益アップは見込めないだろう。

Ad Generation

単価は3～9円で、こちらも忍者AdMaxと同様に複数の広告会社と提携しているため、さまざまな広告が表示される。
月末締めの翌々月末払いだが、振込手数料が無料なのはありがたい。
ただし、審査に時間がかかるので、あらかじめ申請しておかないとリリースに間に合わない場合もある。
何度か広告が配信されない状態を確認しているので注意が必要。

現在の単価が維持されるならAd Generationを推奨したいが、いくつか問題点も。
i-mobileは忍者AdMaxやAd Generationに広告を供給しているため、広告の配信内容によってはi-mobileという選択もある。
nendは最初だけ、忍者AdMaxでは日が暮れてしまう。

nendの広告を採用して低単価に悩まされている方は、一度i-mobileへの切り替えてみてはどうだろうか。
単価は平均~~3～7~~2～7円で、まれに単価15円のときもあるようだ。
nendの広告と同様に、monacaで開発したアプリにもJavaScriptで設置が可能。

Ad Generation AdMax i-mobile nend 単価広告

【Monaca】Onsen UIでnend広告が表示されない

最新記事はこちら。

otak-lab

~~https://otak-lab.com/archives/1367~~

I am developing an app.

Onsen UIを使用してnend広告を表示させようと、下記コードを設置しても表示されない。(※テスト用コード)
どうして？と悩む方も多いと思う。
2016-06-08-10-00-22

<script type="text/javascript">
var nend_params = {"media":82,"site":58536,"spot":127513,"type":1,"oriented":1};
</script>
<script type="text/javascript" src="https://js1.nend.net/js/nendAdLoader.js"></script>

var nend_params = {"media":82,"site":58536,"spot":127513,"type":1,"oriented":1};

</script>

答えは簡単。
実際は広告が表示されているが、Onsen UIはCSSでz-indexを使用しているため、Onsen UIが表示した画面の裏に隠れてしまう。
広告用のコードをdivタグで囲い、z-index: 99でOnsen UIが表示した画面の上に表示させる。
既存のブラウザで表示させたい場合は、【Monaca】nend広告を既存ブラウザで表示するを参照。
2016-06-08-10-03-43

<!DOCTYPE HTML>
<html>
<head>
    <meta charset="utf-8">
    <meta name="viewport" content="width=device-width, initial-scale=1, maximum-scale=1, user-scalable=no">
    <meta http-equiv="Content-Security-Policy" content="default-src * data:; style-src * 'unsafe-inline'; script-src * 'unsafe-inline' 'unsafe-eval'">
    <script src="components/loader.js"></script>
    <link rel="stylesheet" href="components/loader.css">
    <link rel="stylesheet" href="css/style.css">
    <script>
        var nend_params = { "media":82,"site":58536,"spot":127513,"type":1,"oriented":1 };
        ons.bootstrap();
    </script>
    <style>
        #div_nend {
            position: absolute;
            bottom: 0px;
            width: 100%;
            height: 50px;
            z-index: 99;
        }
    </style>
</head>
<body>
    <ons-page>
        <ons-toolbar fixed-style>
            <div class="center">nend広告テスト</div>
        </ons-toolbar>
    </ons-page>
    <div id="div_nend">
        <script type="text/javascript" src="http://js1.nend.net/js/nendAdLoader.js"></script>
    </div>
</body>
</html>

<!DOCTYPE HTML>

<html>

<head>

var nend_params = { "media":82,"site":58536,"spot":127513,"type":1,"oriented":1 };

ons.bootstrap();

</script>

<style>

#div_nend {

position: absolute;

bottom: 0px;

width: 100%;

height: 50px;

z-index: 99;

}

</style>

</head>

<body>

<ons-page>

<ons-toolbar fixed-style>

<div class="center">nend広告テスト</div>

</ons-toolbar>

</ons-page>

</div>

</body>

</html>

CSS JavaScript Monaca nend Onsen UI z-index 広告表示

【Monaca】Onsen UI ons-list のズレをなくす

Onsen UIはすばらしいフレームワークだが、MonacaのAndroid用アプリで使用すると難点もある。
例えば、ons-list。
iPhoneの設定画面のようなイメージの画面が再現できる。

しかし、使い方によっては問題が発生する。
例えば、左はons-listを5回使用した場合、右はons-list-itemを5回使用した場合。
ご覧のとおり、同じ並びを期待するもズレが発生してしまう。

Continue reading

border-bottom border-top CSS Monaca Onsen UI

【Monaca】Nifty mBaaSのプッシュ通知を実装する

Onsen UI + AngularJS
Cordovaプラグイン：ncmb-push-monaca-plugin v2.0.1（※バージョン要注意）

Niftyのサンプルでは、document.addEventListener(“deviceready”, …..となっているが、ons.ready()はイベントの最後に実行されるので、その中にプッシュ通知の処理を記述しても問題ない。
プッシュ通知によって受け取ったJSONデータをons.notification.alert()を使ってダイアログ表示する。
JSONデータはダイアログ表示に必要な形式で作成し、新しいプッシュ通知画面のJSONの項目に設定して送信する。

type: 将来に使用
title: ダイアログのタイトル
message: ダイアログのメッセージ(HTML形式)
button1: ダイアログのボタン
button2: 将来に使用
button3: 将来に使用

JSONデータ

{"type":"1","title":"Monacaで作ったアプリ","message":"今日も暑いですね。<br>水分を補給しましょう。","button1":"OK"}

1	{"type":"1","title":"Monacaで作ったアプリ","message":"今日も暑いですね。<br>水分を補給しましょう。","button1":"OK"}

ons.ready(function() {
    var appKey    = "アプリケーションキー";
    var clientKey = "クライアントキー";
    var senderId  = "12桁のプロジェクト番号";
    window.NCMB.monaca.setHandler(showPushNotification);
    function showPushNotification(jsonData) {
        // JSON.parse()は不要
        var data = angular.copy(jsonData);
        data.func = function(){};
        // プッシュ通知ダイアログ表示
        ons.notification.alert({
            messageHTML:    data.message,
            title:          data.title,
            buttonLabel:    data.button1,
            animation:      "default",
            callback:       data.func
        });
    }
    window.NCMB.monaca.setDeviceToken(appKey, clientKey, senderId);
    window.NCMB.monaca.setReceiptStatus(true);
    // ID取得
    var installationId = "";
    var count = 0;
    var result = setInterval(function() {
        window.NCMB.monaca.getInstallationId(function(id) {
            if (id) {
                clearInterval(result);
                installationId = id;
            }
        });
        count++;
        if (count > 9) {
            clearInterval(result);
        }
    }, 5000);
}

ons.ready(function() {

var appKey = "アプリケーションキー";

var clientKey = "クライアントキー";

var senderId = "12桁のプロジェクト番号";

window.NCMB.monaca.setHandler(showPushNotification);

function showPushNotification(jsonData) {

// JSON.parse()は不要

var data = angular.copy(jsonData);

data.func = function(){};

// プッシュ通知ダイアログ表示

ons.notification.alert({

messageHTML: data.message,

title: data.title,

buttonLabel: data.button1,

animation: "default",

callback: data.func

});

}

window.NCMB.monaca.setDeviceToken(appKey, clientKey, senderId);

window.NCMB.monaca.setReceiptStatus(true);

// ID取得

var installationId = "";

var count = 0;

var result = setInterval(function() {

window.NCMB.monaca.getInstallationId(function(id) {

if (id) {

clearInterval(result);

installationId = id;

}

});

count++;

if (count > 9) {

clearInterval(result);

}

}, 5000);

}

JSON mBaaS Monaca NIFTY プッシュ通知

【Monaca】メニューアイコンのバッジをカウントさせる

前回、「【Monaca】Onsen UIのツールバーのメニューアイコンにバッジを表示する」にてバッジを表示させたが、今回はバッジのカウント機能を追加してみた。
コード内のコメントに書いたとおり、一つ一つの処理を理解すれば難しいことはない。
メニューのPage1をタップすると、カウントが5から1ずつ減る。
バッジの表示・非表示はng-showで行っており、page1Controller内のmenuCountが0になれば表示されない。

Continue reading

AngularJS Monaca Onsen UI

広告の収益が上がらない理由

前回、「nend広告の単価が下がる理由」にて、インプレッション数が増えた際に適正の単価（コンバージョン率が悪い）に精査され、その結果、低単価になった記事を書いた。
今年1月1日～4月10日まで「ギャンブル収支管理」のインプレッション数、クリック数、報酬額は以下のグラフのとおり。
競馬開催日の土日にインプレッション数は上がるが、クリック数と報酬額は連動していないことがわかる。
これは、ユーザーには興味のない低単価の広告が配信されていることが原因のようだ。

インプレッション数

クリック数

報酬額

もう一つの理由として、特定のユーザーのみが利用している可能性があるということ。
ギャンブル収支管理はVer.1.1.3だが、その最新バージョンが約1/4に対して、2世代前の旧バージョンが約1/4もあるということは、実際にインストールしたが利用されていない可能性が高いと考えられる。

なるべく多くのユーザーに利用していただくため、Ver.1.1.3ではプッシュ通知機能を追加したが、約1/4のユーザーではプッシュ通知の効果が得られない。
また、レース名自動入力やパチンコ・スロットの機種名選択の機能も考えているが、それらを実現するにはアプリ以外の別の仕組みが必要となるため、広告の収益では割りに合わないかもしれない。

nend マネタイズ収益

【Monaca】Onsen UIのツールバーのメニューアイコンにバッジを表示する

Onsen UIにはバッジ(Notification)を表示するためのCSSクラスが用意されており、次の行を追加すれば簡単に表示することができる。

<span class="notification">99</span>

1	<span class="notification">99</span>

しかし、ツールバーのメニューアイコンの右上に表示させようとすると、このままでは思うような位置に表示されない。

Continue reading

【Monaca】ニフティクラウド mobile backendでプッシュ通知

ニフティクラウド mobile backend Ver.2がリリースされ、Monacaでプッシュ通知が簡単に実現できるようになった。

「プッシュ通知（Monaca）基本的な使い方」のとおりに進めれば問題なく動作するが、はまりやすいところがAndroidのGCMとの連携。

※ sender_idは【GCMとの連携に必要な準備】で作成したProjectのProject Numberを入力してください

「sender_id」を設定しても動かず、数日つまずいてしまった。

「sender_id」は、Google Cloud Platformのダッシュボードで表示されるプロジェクトのプロジェクト番号のことで、プロジェクトIDではない。

またサンプルでは、devicereadyのイベントでプッシュ通知の処理を行っているが、「Onsen UI」を使用している場合は、ons.ready()内で処理を行っても問題ないようだ。

参考：[Monaca] イベントの発生順序について

Monacaでハイブリッドアプリの開発を始めるなら、AngularJSを覚えることをオススメします。

AngularJSリファレンス

新品価格
￥4,104から

backend GCM NIFTY sender_id ニフティバックエンドプッシュ通知

nend広告の単価が下がる理由

アプリ情報サイトでおなじみの「Appliv（アプリヴ）」様にFX収支管理、ギャンブル収支管理を紹介していただいたおかげで、ユーザー数が約4倍近く増加しました。
それ伴い広告のインプレッション数やクリック数も増え、やっと収益の目処が立つと思いきや、報酬額が突然のダウン。
1クリック9～10円だった単価が0～4円に下げられ、サイト掲載前の報酬額を下回る結果に・・・
さらにクリック数も徐々に減少傾向・・・

nendに問い合わせしたところ、インプレッション数が増えた際に適正の単価（コンバージョン率が悪い）に精査され、その結果、低単価になったとのこと。
言い換えれば、クリック数は多いがインプレッション数が少ない＝操作中に誤って広告をクリックさせるアプリと判断されたということでしょう。
また、実際に表示される広告を見ると、ほとんど同じ広告しか配信されていません。
そのため、クリック数を増やしたくてもこれでは減少するだけです。

下図を見れば一目瞭然です。
競馬開催日ごとにインプレッション数は増えますが、クリック数と報酬額は減る一方です。
たった一日の結果で単価を半分以下に切り下げる、これが現実です。
~~あまりにも酷いため、2月からAdMobに切り替えようかと思っています。~~
1/26追記
単価の低い？同じ広告が何度も表示されるようです。
競馬開催日のインプレッション数に対して、クリック数が激減しました。
早めに切り替えたいところですが、Monacaで扱える広告が限られているため、しばらくこのまま使用する予定です。

インプレッション数

クリック数

報酬額

nend

2024年7月
月	火	水	木	金	土	日
1	2	3	4	5	6	7
8	9	10	11	12	13	14
15	16	17	18	19	20	21
22	23	24	25	26	27	28
29	30	31