前提・実現したいこと
monacaで作成したゲームアプリにAd Generationの広告を表示させようと思っています。
以前は広告が問題なく表示されていたのですが、
Cordovaのバージョンをアップしたところ、他のアプリでも広告を表示することが出来なくなりました。
まずは、まっさらなページで広告を表示させようとしています。
発生している問題・エラーメッセージ
以下、起動中の広告表示部分のHTMLソースです。
monacaデバッカーでも、プレビューでも広告が表示されませんでした。
<div id="adg" style="display: none;"> <script type="text/javascript" src="https://i.socdm.com/sdk/js/adg-script-loader.js?id=10722&adType=SP&displayid=0&targetID=adg_adg&async=true" class="loaded"></script> </div>
該当のソースコード
広告が表示されない原因を探ろうと、まっさらなページを作成した際のソースコードになります。
ad.jsは、以下サイトのものをコピペしてそのまま作成し、jsフォルダに入れています。
https://press.monaca.io/atsushi/228
javascript
1 2// Ad Generationの広告枠を作成するJavaScriptタグを生成します。 3function makeADGTag(adid , divid){ 4 var adg = document.getElementById(divid); 5 var script = document.createElement('script'); 6 script.type = 'text/javascript'; 7 // async=trueにすることによって非同期に対応されます 8 script.src ='https://i.socdm.com/sdk/js/adg-script-loader.js?id=' + adid + '&adType=SP&displayid=0&targetID=adg_' + divid + '&async=true'; 9 if(adg != null){ 10 adg.appendChild(script); 11 } 12 adg.style.display = 'none'; 13 var count = 0; 14 var timer = setInterval(function checkAd(){ 15 count++; 16 if(count > 100){ 17 clearInterval(timer); 18 return; 19 } 20 if(checkADGTag(adg) === true){ 21 clearInterval(timer); 22 adg.style.display = 'inline'; 23 } 24 },100); 25} 26 27// aタグを探す 28function checkADGTag(obj){ 29 var links = obj.getElementsByTagName('a'); 30 var frms = obj.getElementsByTagName('iframe'); 31 if(links.length > 0){ 32 makeADGLink(links); 33 return true; 34 } 35 36 var res = false; 37 for(var i = 0; i < frms.length; i++){ 38 if(checkADGTag(frms[i].contentWindow.document) === true){ 39 res = true 40 } 41 } 42 return res; 43} 44 45// aタグを置換する 46function makeADGLink(arr){ 47 for(var i = 0; i < arr.length; i++){ 48 (function(a) { 49 var href = a.href; 50 a.href = '#'; 51 a.onclick = function(){ 52 var ref = window.open(href, '_system'); 53 return false; 54 } 55 })(arr[i]); 56 } 57}
html
1 2<html> 3<head> 4 <meta charset="utf-8"> 5 <meta name="viewport" content="width=device-width, initial-scale=1, maximum-scale=1, user-scalable=no"> 6 <meta http-equiv="Content-Security-Policy" content="default-src * data: gap: https://ssl.gstatic.com; style-src * 'unsafe-inline'; script-src * 'unsafe-inline' 'unsafe-eval'"> 7 <script src="components/loader.js"></script> 8 <script src="lib/onsenui/js/onsenui.min.js"></script> 9 <script src="js/ad.js"></script><!--追加--> 10 11 <link rel="stylesheet" href="components/loader.css"> 12 <link rel="stylesheet" href="lib/onsenui/css/onsenui.css"> 13 <link rel="stylesheet" href="lib/onsenui/css/onsen-css-components.css"> 14 <link rel="stylesheet" href="css/style.css"> 15 16 <script> 17 ons.ready(function() { 18 console.log("Onsen UI is ready!"); 19 makeADGTag(10722, 'adg'); //追加 20 }); 21 </script> 22</head> 23<body> 24 This is a template for Onsen UI app.<BR> 25 <div id="adg"></div><!--追加--> 26</body> 27</html>
試したこと
以下、サイトを参考にコードを書きました。
https://press.monaca.io/atsushi/228
https://qiita.com/kinyakon/items/b7868799ca5af91ed131
https://github.com/AdGeneration/sdk/wiki/Banner_Ad_Monaca
参考サイトはどれも1年以上前のもので、
Cordova CLI 7.1.0でAd Generationの広告を利用した例を検索して探しましたが、
見つかりませんでした。。
補足情報(FW/ツールのバージョンなど)
monaca無料プラン
新規プロジェクトで、Onsen UI V2 JS Minimumを選択。
プラグインで、InAppBrowserは有効にしています。
<試したバージョン>
Cordova CLI 7.1.0
iOSプラットフォーム 4.5.4
Androidプラットフォーム:6.4.0
以前のバージョンCordova CLI 6.2→Cordova CLI 6.5→Cordova CLI 7.1.0とアップデートしたところ、
広告が表示されなくなりました。
Cordova CLI 6.2では、広告は表示されていたと思うので、
バージョンアップが原因ではと思っております。
回答1件
あなたの回答
tips
プレビュー
バッドをするには、ログインかつ
こちらの条件を満たす必要があります。
2018/04/08 01:30
2018/04/08 10:52 編集
2018/04/09 04:55 編集
2018/04/09 05:14
2018/04/09 06:53
2018/04/09 21:27
2018/04/11 00:33
2018/04/18 03:32
2018/04/18 03:32