(前提・実現したいこと)
monacaでios向けのアプリを作成しており、index.html以外のページにnend広告を表示し、正しく挙動させたいです。
(質問の内容)
広告を表示したいページをcomponentsと同じ階層にあるフォルダの直下に置いています。
デバッグビルド後に実機で試したところ、広告の表示まではできたのですが、広告をクリックしてもリンクが開かなかったり、開いてもアプリの操作画面に戻れなくなったりしてしまいます。
勉強不足で申し訳ありませんが、ご教示くださると幸いです。
該当のソースコード
<!DOCTYPE html><head> <meta charset="UTF-8"> <meta name="viewport" content="width=device-width, height=device-height, initial-scale=1, maximum-scale=1, user-scalable=no"> <meta http-equiv="Content-Security-Policy" content="default-src * data: gap: content: https://ssl.gstatic.com; style-src * 'unsafe-inline'; script-src * 'unsafe-inline' 'unsafe-eval'"> <link rel="stylesheet" href="../components/loader.css"> <script src="../components/loader.js"></script> <link rel="stylesheet" href="parents_1_menu.css"> </head> <body> <div class="W1"> <script type="text/javascript"> var nend_params; //iOS/Androidアプリそれぞれに共通のコードとする場合は下記のように処理を切り分けます。 if( monaca.isIOS ){ nend_params = {"media":*****,"site":******,"spot":******,"type":*,"oriented":*}; // iOS } if( monaca.isAndroid ){ nend_params = {"media":*****,"site":******,"spot":******,"type":*,"oriented":*}; // Android } //広告をタップするとそのままリンク先を開いてしまうことがありますので、その対策を記述します。 window.addEventListener('load', function() { var nend_links = document.querySelectorAll('.nend_wrapper a'); for(var i = 0; i < nend_links.length; i+=1){ (function() { var href = nend_links[i].href; nend_links[i].href = "#"; nend_links[i].onclick = function(){window.open(href); return false;} })(); } }); </script> <div class="nend_wrapper" id="nend_wrapper"><script src="http://js1.nend.net/js/nendAdLoader.js"></script> </div> </div> </body> </html><html lang="ja">
試したこと
https://docs.monaca.io/ja/sampleapp/tips/nend_ad/
https://teratail.com/questions/76396
上記のページをもとにソースコードを作成しております。
あなたの回答
tips
プレビュー