0

monacaでnend広告を開くとアプリに戻れなくなりまして、過去のスタックオーバーフローの質問を見たりネットの情報を見たりして試行錯誤しているのですがうまくいきません。
以下の二つのサイトを見て作成しております。

monacaでnend広告を別ウインドウで開く方法

http://hatopp.wpblog.jp/archives/102

このサイトの通り作成したのですが、広告をクリックしても起動したアプリに戻れないため、window.openのプログラムが走ってないのかなと思いました。それともこのプログラムでは実装できないのでしょうか?

また、私のアプリは広告をクリックしても反応が悪くて数秒後にサイトが開くという形となっています。
上記のプログラムでクリック後に早くサイトを開かすためにはどのようにしたらよろしいでしょうか?

以上の2点をご教授頂けたら幸いです。よろしくお願いします。

1 件の回答 1

0

おそらくsetTimeout()で指定した時間内に広告が表示されないためにaタグが取得できず、既存ブラウザではなくCordova WebViewを開いて表示している可能性があります。
実際にMonacaデバッガーなどでaタグを取得しているか検証した方がよろしいかと思います。

反応が悪い原因は、
1.Cordova WebViewを開く場合に多少時間を要する。
2.通信速度が遅い。
のいずれかが考えられます。

aタグを取得できるまで何回か繰り返すことで回避できるかと思います。

addEventListener("load", function() {
    var count = 0;
    var timer = setInterval(function() {
        var nendAdAnchors = [];
        var nendAdSpace = document.querySelector("div[id^=nend_adspace]");
        if (nendAdSpace != null) {
            nendAdAnchors = nendAdSpace.querySelectorAll("a");
        }
        if (nendAdAnchors.length > 0) {
            clearInterval(timer);
            for (var i = 0; i < nendAdAnchors.length; i++) {
                (function() {
                    var hrefShelter = nendAdAnchors[i].href;
                    nendAdAnchors[i].removeAttribute("href");
                    nendAdAnchors[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);
7
  • 返信ありがとうございました。 上記のプログラムを使用してバナーの広告を開いたのですが、広告サイトに飛ぶ時と飛ばない時がありました。これは、何が問題でこのような現象になるのでしょうか?よろしくお願いします。
    – donadesu
    Commented 2016年6月18日 14:39
  • ただ実行するだけでなく、GapDebugconsole.logなどでaタグを取得しているか、window.openが呼び出されているか検証してください。
    – otak-lab
    Commented 2016年6月18日 14:42
  • コメントありがとうございます。 console.logを使用して、aタグを取得して、window.openも呼び出されていることが確認できました。たまにサイトに飛ばなかった理由はこちらの仕様上、window.openの_systemを_blankにしていたためかと思います。 バナーに関してはoTakさんのプログラムを使用することで問題なくできたのですが、ネイティブアドの場合ですと、うまく起動せずwindow.openが呼び出されませんでした。console.logで確認するとvar nendAdSpace = document.querySelector("div[id^=nend_adspace]");がnullとなっていたためにwindow.openが発動しなかったのかと思われます。 なぜnendAdSpaceがnullになってしまうのでしょうか? もしわかるのであればご教授よろしくお願いします。
    – donadesu
    Commented 2016年6月19日 13:33
  • nend_adspaceが存在しないからです。実際にバナーとネイティブアドのJavaScriptが生成するタグを確認すれば答えが出ます。
    – otak-lab
    Commented 2016年6月19日 15:37
  • コメントありがとうございます。申し訳ありません、私の知識不足ですみませんが、バナーとネイティブアドのJavaScriptが生成するタグの確認方法がわからないのです。どのようにして確認をすればよろしいのですか?よろしくお願いします。
    – donadesu
    Commented 2016年6月19日 16:32

この質問に回答するには、ログインする必要があります。

求めていた回答ではありませんか? のタグが付いた他の質問を参照する。