実現させたいこと
monacaアプリでアドジェネのワイプアド広告を実装したいです。
試したこと
モバイルとバナーとミディアムレクタングル広告は実装できていて、ワイプアドの広告はios,android両方とも広告枠を申請して広告枠を取得できている状態です。
モバイルバナーとミディアムレクタングルは以下のコードで実装できているのですが、何も表示されない状態です。
以下エラー構文です。(ios)
www/test.js:37 iPhone/14.7.1SecurityError: Blocked a frame with origin "monaca-debugger://60c9c4c1e788859700104b98.monaca.io" from accessing a cross-origin frame. Protocols, domains, and ports must match.
javascript
1// Ad Generationの広告枠を作成するJavaScriptタグを生成します。 2function makeADGTag(adid , divid){ 3 var adg = document.getElementById(divid); 4 var script = document.createElement('script'); 5 script.type = 'text/javascript'; 6 // async=trueにすることによって非同期に対応されます 7 script.src ='https://i.socdm.com/sdk/js/adg-script-loader.js?id=' + adid + '&adType=SP&displayid=0&targetID=adg_' + divid + '&async=true'; 8 if(adg != null){ 9 adg.appendChild(script); 10 } 11 adg.style.display = 'none'; 12 var count = 0; 13 var timer = setInterval(function checkAd(){ 14 count++; 15 if(count > 100){ 16 clearInterval(timer); 17 return; 18 } 19 if(checkADGTag(adg) === true){ 20 clearInterval(timer); 21 adg.style.display = 'inline'; 22 } 23 },100); 24} 25 26// aタグを探す 27function checkADGTag(obj){ 28 var links = obj.getElementsByTagName('a'); 29 var frms = obj.getElementsByTagName('iframe'); 30 if(links.length > 0){ 31 makeADGLink(links); 32 return true; 33 } 34 35 var res = false; 36 for(var i = 0; i < frms.length; i++){ 37 if(checkADGTag(frms[i].contentWindow.document) === true){ 38 res = true 39 } 40 } 41 return res; 42} 43 44// aタグを置換する 45function makeADGLink(arr){ 46 for(var i = 0; i < arr.length; i++){ 47 (function(a) { 48 var href = a.href; 49 a.href = '#'; 50 a.onclick = function(){ 51 var ref = window.open(href, '_system'); 52 return false; 53 } 54 })(arr[i]); 55 } 56}
html
1<script> 2 document.addEventListener('init', function(event) { 3 var page = event.target; 4 if (page.matches('#page1')) { 5 makeADGTag(xxxx, 'adg'); 6 } 7 }); 8 </script> 9</head> 10<body> 11 <ons-navigator id="nav" page='page1.html'></ons-navigator> 12 <template id="page1.html"> 13 <ons-page id="page1"> 14 <p style="text-align: center;"> 15 This is the first page. 16 </p> 17 <iframe id="adg"></iframe> 18 </ons-page> 19 </template> 20</body>
あなたの回答
tips
プレビュー