カテゴリー: 開発

【Monaca】Cordova 6.2対応で問題発生！

MonacaがCordova 6.2に正式に対応し、シンプル体重管理の最新版をCordova 6.2でリリースする予定だったが、思わぬところで問題が発生した。

アプリをリリースする場合、Android 4.0.4・4.4.4・5.1.1上で必ず動作チェックを行っているが、Android 4.0.4だけGoogle Driveのバックアップ・リカバリー機能が動作しない。
処理を一つ一つ検証したところ、オーソライズを行うためにwindow.open(authUrl, “_blank”, features)を実行している箇所が動作しない。

Cordova 6.2対応でアップデートしたInAppBrowserプラグイン v1.4.0の問題と思い、「InAppBrowser Android 4.0.4」で検索したところ、やはり思ったとおりだった。

InAppBrowser doesn’t open on Android 4.0.4 (regression)

最近リリースされたv1.5.0でfixされたようだが、問題はMonaca側がこの件に対応するかどうか。
この件についてMonacaのお問い合わせから送信したが、不具合等の報告、技術的な質問はStackOverflowに誘導しているため、相手にされない可能性もある。

現状では月額5,000円のゴールドプランに入り、技術サポートチケットを使って対応してもらうか、独自でv1.5.0のブラグインを組み込むしか方法はなさそうだ。
※9/20追記
技術的な問題のため、Monaca側の回答を引用させていただく。

貴重な情報、ありがとうございます。
弊社でも検証させていただき、対応を検討させていただきます。
InAppBrowserプラグイン1.5.0をMonacaでご利用になる場合は、
InAppBrowserプラグインの設定にある「プライグインのバージョン」で「1.5.0」を選択し、
ご利用ください。

現状では月額5,000円のゴールドプランに入り、プラグインのバージョンを変更するしか方法はないようだ。
万が一、ほかのプラグインも不具合が発生した場合に対応できないとなれば、安定して動作しているCordova 5.2でリリースするしかない。

今、楽天モバイルでASUS ZenFone 2 Laser 16GBモデルが税別7,800円で購入できます。

一長一短！アドネットワーク比較 2016年8月

先月に引き続き、8月1日～31日までのインプレッション数、クリック数、報酬額を比較してみた。

まずはi-mobile。
相変わらずクリック数は高いが、それに見合った報酬額ではないような気がする。
理由はおそらく単価にバラツキがありすぎるため。
平均クリック数6.0、平均単価4.2円と先月より+0.6円上がった。

次にAd Generation。
i-mobileよりインプレッション数が少ない理由は、カスタムタグとしてアフィリエイト広告を挿入しているため。
平均クリック数3.9、平均単価9円と先月より+1.3円上がったが、クリック数、報酬額がゼロの日が3日もある。
在庫切れにより同じ広告ばかり表示される傾向があるようだ。

最後にnend。

バナー広告からネイティブアド広告に切り替えて大正解だった。
平均クリック数5.6、平均単価8.8円と+1.3円上がった。

以前はnendの広告だけで3,000円を超える収益があったが、低単価問題で1/3以下まで激減。
試行錯誤した結果、やっと３社トータルで3,000円を超える収益となった。
7～8月とアプリのインストール数が激増した影響がここで出始めたようだ。
Ad Generationのカスタムタグの機能を使ってアフィリエイト広告を表示させてみたが、こちらは何度かクリックされるも商品購入まで至らず、結果が出ていない。

Ad Generation i-mobile nend アドネットワーク単価

リリースしたアプリのインストール数について

昨夏、立て続けにAndroid版「FX収支管理」「ギャンブル収支管理」「シンプル体重管理」をリリースし、１年が経過した。
各アプリのインストール数は下記のとおりである。
monacaを利用したアプリとしては、インストール数は多い方か・・・
ただし、思った以上に少なすぎたというのが正直な感想だ。

FX収支管理
2015/08/04 – 2016/08/20

ホームページの検索キーワードで「FX 収支」は一番だが、インストール数はそれほど伸びていない。
おそらくiOS版のアプリを探してたどり着いたのではないだろうか。
機能としては、FX業者のCSVデータの取り込みに対応していない点が痛い。
これには理由があって、アプリのデータベース容量が小さいので、スキャルピングや複数業者利用など取引回数が多くなると、データが収まらなくなる恐れがあるため。
FX収支管理の理想的な形は、PCのソフトウェアまたはWebサイトから取引履歴を登録し、スマートフォンのアプリで参照する・・・ではないだろうか。

ギャンブル収支管理
2015/08/17 – 2016/08/20

FX収支管理をチョロチョロっと改造して作ったのがギャンブル収支管理。
アプリ紹介サイトに掲載されてインストール数が増え始め、１年かかって2000インストール達成。
パチンコやスロットをやっている人から見ると、貯玉などの機能がないため、物足りないアプリかもしれない。

シンプル体重管理
2015/09/11 – 2016/08/20

「Google AdWordsでユーザー数は増えるか？」で記載のとおり、広告でインストール数を増やそうとしたが、評価★1★2を食らって数ヵ月も低迷を続ける。
しかし、６月あたりから突然インストール数が増え始め、ついに４倍増になってしまった。
原因はこれ。
「体重管理」で検索すると、企業相手に個人で開発したアプリが４番目に食い込むのだから、４倍増も当然か？
しかし、上位アプリが50万や100万以上のインストール数に対して、シンプル体重管理は1771しかない。
現在、シンプル体重管理 Ver.2を開発中なので、インストール数1万を目指そうかと思う。

Android FX収支管理インストール数ギャンブル収支管理シンプル体重管理

【Monaca】nend広告を一定の間隔で更新させる

Monacaでnend広告を一定の間隔で更新させることができるか挑戦してみた。
※注意事項
1.Monacaデバッガー上での動作確認であり、リリース版での動作については未確認。
2.広告更新後のバナーをタップした場合、収益が計上されるかについては未確認。
3.広告更新ごとに通信が発生するため、更新のタイミングやアプリの使用時間によってユーザーにパケット代の負担をかけることになる。
4.index.html上で動作させる必要がある。(8/14追記)

広告タグのスクリプト(nendAdLoader.js)が実行されると、複数の広告用タグが埋め込まれる。
スクリプトを動的に実行すれば広告を更新させることができるが、埋め込まれたタグを削除しないと更新ごとにタグが追加されてしまう。

広告表示テスト用広告コードを実行する。

    <div id="nend_ad">
        <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>
    </div>

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

</script>

</div>

すると、2行目(3行目の内容は省略)、10行目、11行目のタグが埋め込まれる。

    <div id="nend_ad">
        <div id="nend_adspace_58536_127513" style="margin-left:auto;margin-right:auto;text-align:center;line-height:0;">
            <!-- 省略 -->
        </div>
        <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>
    </div>
    <script src="https://ad2.nend.net/feed.php?media=82&amp;site=58536&amp;spot=127513&amp;type=1&amp;oriented=1" type="text/javascript" id="nend_feed_58536_127513"></script>
    <img src="https://cs.nex8.net/precs/nend" border="0" style="display:none; width:1px; height:1px;">

</div>

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

</script>

</div>

広告を更新させるには、2行目(div)、10行目(script)に埋め込まれたタグ、動的にスクリプトを実行するために8行目(script)のタグを削除する必要がある。
※11行目は、一度削除してしまうと二度と埋め込まれなくなるので削除しない。

addEventListener("load", function() {
    var timer = setInterval(refreshAd, 60000);
}, false);
function refreshAd() {
    var i = 0;
    var ad = document.getElementById("nend_ad");
    // div nend_adspaceを削除
    var na = ad.querySelector("div[id^=nend_adspace]");
    ad.removeChild(na);
    // script nendAdLoader.jsを削除
    var al = ad.querySelectorAll("script");
    if (al.length > 0) {
        for (i = 0; i < al.length; i++) {
            if (al[i].src.indexOf("nendAdLoader.js") != -1) {
                ad.removeChild(al[i]);
            }
        }
    }
    var bd = document.body;
    // script nend_feedを削除
    var nf = bd.querySelector("script[id^=nend_feed]");
    bd.removeChild(nf);
    // img nendを削除
    //var nd = bd.querySelectorAll("img");
    //if (nd.length > 0) {
    //    for (i = 0; i < nd.length; i++) {
    //        if (nd[i].src.indexOf("nend") != -1) {
    //            bd.removeChild(nd[i]);
    //        }
    //    }
    //}
    // 動的にscriptを実行する
    var sc = document.createElement("script");
    sc.type = "text/javascript";
    sc.src = "https://js1.nend.net/js/nendAdLoader.js";
    ad.appendChild(sc);
console.log("refresh ad");
}

addEventListener("load", function() {

var timer = setInterval(refreshAd, 60000);

}, false);

function refreshAd() {

var i = 0;

var ad = document.getElementById("nend_ad");

// div nend_adspaceを削除

var na = ad.querySelector("div[id^=nend_adspace]");

ad.removeChild(na);

// script nendAdLoader.jsを削除

var al = ad.querySelectorAll("script");

if (al.length > 0) {

for (i = 0; i < al.length; i++) {

if (al[i].src.indexOf("nendAdLoader.js") != -1) {

ad.removeChild(al[i]);

}

var bd = document.body;

// script nend_feedを削除

var nf = bd.querySelector("script[id^=nend_feed]");

bd.removeChild(nf);

// img nendを削除

//var nd = bd.querySelectorAll("img");

//if (nd.length > 0) {

// for (i = 0; i < nd.length; i++) {

// if (nd[i].src.indexOf("nend") != -1) {

// bd.removeChild(nd[i]);

// }

//}

// 動的にscriptを実行する

var sc = document.createElement("script");

sc.type = "text/javascript";

sc.src = "https://js1.nend.net/js/nendAdLoader.js";

ad.appendChild(sc);

console.log("refresh ad");

}

実際の広告コードに切り替えて実行すると、1分おきに広告の更新を確認することができた。

　　　　　↓

　　　　　↓

　　　　　↓

　　　　　↓

※8/17追記
nendCommon.init()を実行すると、広告が更新(初期化)されることがわかった。

参考サイト – Monacaでnend広告のリフレッシュ方法について

ただし、10行目(script)に埋め込まれたタグは更新ごとに追加されるので削除する必要がある。
また、nendCommon.init()は一般には未公開のため、使用には要注意。

addEventListener("load", function() {
    var timer = setInterval(refreshAd, 60000);
}, false);
function refreshAd() {
    var bd = document.body;
    // script nend_feedを削除
    var nf = bd.querySelector("script[id^=nend_feed]");
    bd.removeChild(nf);
    // 広告を更新させる
    nendCommon.init();
console.log("refresh ad");
}

addEventListener("load", function() {

var timer = setInterval(refreshAd, 60000);

}, false);

function refreshAd() {

var bd = document.body;

// script nend_feedを削除

var nf = bd.querySelector("script[id^=nend_feed]");

bd.removeChild(nf);

// 広告を更新させる

nendCommon.init();

console.log("refresh ad");

}

Monaca nend リフレッシュ更新

【Monaca】Onsen UI 選択したデータを前画面に渡す

JavaScript + Onsen UI V2版はこちら。

otak-lab

【Monaca】JavaScript + Onsen UI V2 選択したデータを前画面に渡す

🕒️2018/07/15

約2年前に書いた【Monaca】Onsen UI 選択したデータを前画面に渡す記事のJavaScript + Onsen UI V2版。(AngularJS未使用版)Page1で「ここをタップ」をタップし、Page2で「100000」をタップすると、Page1に戻り「100000」と表示される。問題は選択したデータを前画面に渡す方法。やり方はいろいろあるが、もっとも簡単な方法はグローバル変数に選択したデータを保存する方法。下記コードでは、独自のsetParamメソッドでグローバル変数に選択したデータを保存し、popPageメソッドで前画面に戻り、その途中で発生するons-navigatorのpre...

※Onsen UI + AngularJSを使用。

ons-navigatorのpushPage()、popPage()を利用すれば、次画面に進み、前画面に戻ることが実現できる。
しかし、次画面で選択したデータを前画面に渡す方法は記載がない。
$rootScope.$broadcast()を利用して親コントローラ(page1Controller)にデータを渡し、$scope.$on()で受け取ればよい。

Page1で「ここをタップ」をタップし、Page2で「1000」をタップすると、Page1に戻り「1000」と表示される。

Continue reading

AngularJS Monaca Onsen UI

一長一短！アドネットワーク比較

Monacaで開発したAndroidアプリの広告に、nend、i-mobile、Ad Generationのアドネットワークを利用している。
7月1日～29日までのインプレッション数、クリック数、報酬額を比較してみた。

まずはi-mobile。
クリック数は高いが報酬額はかなり低いことがわかる。
例えば、11日はAd Generationとクリック数がほぼ同じに対し、報酬額は約1/4だ。
在庫切れなのか出会い系が多く表示される傾向があり、フィルタをかけると楽天カードが表示される。
平均クリック数7.7、平均単価3.6円と不満が残る。

次にAd Generation。
こちらはその日その日でばらつきがありすぎる。
クリック数がゼロの日もある。
Ad Generationは複数のアドネットワーク(ADPRESSO、Zucksなど)の配信比率を変更することができるが、おそらく在庫切れで同じ広告が表示されている可能性が高い。
平均クリック数4.1、平均単価7.7円と単価についてはまずまずか。

最後にnend。
1クリック0.15円などあまりにも単価が低すぎるため、7月10日～14日に配信を停止し、一部アプリは15日からバナー広告からネイティブアド広告に移行を行っている。
ネイティブアド広告は新規の単価が9円ということもあり、後半から巻き返しが見られた。
未対応のアプリも早めにネイティブアド広告に切り替えたい。
平均クリック数3.8、平均単価6.3円、2週間に限定すると平均クリック数5.5、平均単価7.5円。

i-mobileは、クリック数は稼げるが低すぎる単価が残念だ。
ただ、ほかが稼げない日でも稼いでくれるし、単価15円の日もあり、その点は捨てがたい。
Ad Generationは、アドネットワークの配信比率を調整してどう変わってくるか。
nendは、ネイティブアド広告に救われた感じ。
このあと低単価に切り替わったら、また新規で広告を貼り直すか、完全に切り捨てるか。

AndCが2016年8月にアドネットワークのサービスを終了するとのこと。
appCも4月に終了しているし、今後も撤退する業者が増えることが予想され、新たな収益化を考えた方がよさそうだ。

Ad Generation i-mobile nend アドネットワーク単価

nend広告をバナーからネイティブアドに切り替える

前回、「nend広告に見切りをつけることにした」で既存アプリのnend広告の配信を停止したが、現在は再開している。
最新のバージョンではnendのバナー広告をはずした仕様だが、旧バージョンでは画面デザインの都合上、空白エリアが発生するため、1円でも収入が得られるなら・・・という理由で再開した。

しかし、再開の理由はもう一つある。
新しく広告を設置すると、単価9円から始まるという仕組みだ。
画像と説明文が表示されるネイティブアド広告を導入すれば、単価1～3円のバナー広告より収益アップが狙える、画面ごとにバナー広告とネイティブアド広告を使い分ければ効果的ではないかと考え、以下のように広告を設置した。
※バナー広告はi-mobileとAd Generation、ネイティブアド広告はnendを使用。

Monacaの場合、アプリを起動すると再起動するまで広告を更新させることができない。
※実際にできないことはないが、広告タグが実行するごとにタグが自動的に追加されるので、そのタグを削除する必要がある。
また、実現したとしても数十秒おきに通信も発生するため、ユーザーにパケット代の負担もかかる。
ユーザーに複数の広告を見てもらうには、今回のようにアプリ側でひと工夫すれば可能となる。

ホリエモンこと堀江貴文氏の著書「儲かる会社の作り方」という10年以上前の本に、「取引先を分散して貸し倒れリスクを減らす」という記述がある。

そのとおりだと思う。
私の場合、nendのほかにi-mobileを使用している。
単価はだいたい2～7円、まれに15円のときもある。
お互いのメリットやデメリットをうまくカバーできれば、リスクを減らすことができるだろう。

i-mobile nend ネイティブアド単価収益

【Monaca】i-mobile広告を既存ブラウザで表示する

前回、nend広告を既存ブラウザで表示する方法を紹介した。

otak-lab

【Monaca】nend広告を既存ブラウザで表示する

🕒️2015/08/17

下記サイトを参考にnend広告を既存ブラウザで表示させようと試みたがうまくいかず、いろいろと試した結果、二つの組み合わせでうまく動作した。nend ( ネンド広告 ) - Monacaドキュメントmonaca - monacaでnend広告を別ウインドウで開く方法 - スタック・オーバーフロー(function() { ... })();を付け加えないと、forループの1回目のhrefShelterの内容が2回目の内容に書き換えられ、正しく表示されないというオチ。addEventListener("load", function() { setTimeout(function() { var nendAdSpace = document.que...

i-mobileの広告でも同じことができる？できない？
答えはできる。
スタック・オーバーフローなどでnend広告に関する質問がいくつか投稿されているが、基本的に広告がどのように表示されているか、掲載されたコードがどのように動いているか、確認されていない方が多いと思われる。

i-mobileの広告を既存ブラウザで表示するには、nendと同様のコードを利用することで実現できる。
divタグのid名をnend_adspaceからimobile_adspotdiv1に書き換えるだけで済む。
つまり、リンク先のaタグを探すために、親要素となるdivタグを指定している。

※nend、i-mobile共に320×50サイズのバナーの場合。

addEventListener("load", function() {
    var count = 0;
    var timer = setInterval(function() {
        var adAnchors = [];
        var adSpace = document.querySelector("div[id^=imobile_adspotdiv1]");
        if (adSpace != null) {
            adAnchors = adSpace.querySelectorAll("a");
        }
        if (adAnchors.length > 0) {
            clearInterval(timer);
            for (var i = 0; i < adAnchors.length; i++) {
                (function() {
                    var hrefShelter = adAnchors[i].href;
                    adAnchors[i].removeAttribute("href");
                    adAnchors[i].addEventListener("click", function() {
                        var w = window.open(hrefShelter, "_system", "location=no");
                    }, false);
                })();
            }
        } else {
            count++;
console.log(count);
            if (count > 4) {
                clearInterval(timer);
            }
        }
    }, 3000);
}, false);

addEventListener("load", function() {

var count = 0;

var timer = setInterval(function() {

var adAnchors = [];

var adSpace = document.querySelector("div[id^=imobile_adspotdiv1]");

if (adSpace != null) {

adAnchors = adSpace.querySelectorAll("a");

}

if (adAnchors.length > 0) {

clearInterval(timer);

for (var i = 0; i < adAnchors.length; i++) {

(function() {

var hrefShelter = adAnchors[i].href;

adAnchors[i].removeAttribute("href");

adAnchors[i].addEventListener("click", function() {

var w = window.open(hrefShelter, "_system", "location=no");

}, false);

})();

}

} else {

count++;

console.log(count);

if (count > 4) {

clearInterval(timer);

}

}, 3000);

}, false);

i-mobile Monaca nend 広告

シンプル体重管理、ユーザー数が倍にｗｗｗ

リリース直後の低評価で低迷を続けてきた「シンプル体重管理」が、ここ2ヵ月の間にユーザー数が倍になった。
リリース直後の急騰は広告を出して獲得したもので、その後ずーっと横横が続き、6月あたりから急に上げ始めた。

Playストアで「体重管理」と検索すると、上位8番目付近に表示されていることが原因か。
数あるアプリの中からインストールしていただき、やっと芽が出てきた感じ。
ユーザーが多くなると要望も多くなる。
広告なしのバージョンを作成してほしいという要望も出てきた。
さすがに現在のユーザー数で無料版・有料版と2つ維持するのはコスト的に厳しいが、なるべくユーザーの要望には応えていきたいと思う。

Android シンプル体重管理体脂肪率体重健康管理

【Monaca】ncmb-push-monaca-plugin v2.0.0 ご利用の方は今すぐアップデートを！

4月下旬ころに「ギャンブル収支管理」のユーザーからメールが届いた。
Playストアからダウンロードすると、「エラーコード-505」が発生するとのこと。
メールにてAndroid端末の設定や初期化などお願いしたが、解決できなない状況が続いた。
そして、Net Dreamers様の提供アプリ「netkeiba.com-無料で使える人気競馬アプリ」をインストール後に「ギャンブル収支管理」をインストールすると、「プロバイダの認証が重複しています」や「エラーコード-505」というエラーにより、インストールまたはアップデートできなくなる現象が発生することがわかった。

二つのアプリに共通する箇所について調査したところ、プッシュ通知ではないかと判断し、ncmb-push-monaca-pluginのリリースを調べてみたところ、v2.0.0の不具合による現象と判明した。

v2.0.1
変更点
Cordova 5.2環境でGoogle Play Service 8.3を利用している場合に、applicationIdが指定されていないことにより
Google Play Service 8.3を含むアプリケーションを複数インストールすることができなくなってしまうため、
プラグイン内部で使用するGoogle Play Serviceのバージョンを8.1にダウングレードしました。

現在、v2.0.2なのでv2.0.0を利用してアプリを開発した方は、早急なアップデートを行った方がよい。

Android mBaaS Monaca NIFTY ギャンブル収支管理プラグイン

2025年10月
月	火	水	木	金	土	日
		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