質問をすることでしか得られない、回答やアドバイスがある。

15分調べてもわからないことは、質問しよう!

新規登録して質問してみよう
ただいま回答率
85.37%
HTML5

HTML5 (Hyper Text Markup Language、バージョン 5)は、マークアップ言語であるHTMLの第5版です。

Android

Androidは、Google社が開発したスマートフォンやタブレットなど携帯端末向けのプラットフォームです。 カーネル・ミドルウェア・ユーザーインターフェイス・ウェブブラウザ・電話帳などのアプリケーションやソフトウェアをひとつにまとめて構成。 カーネル・ライブラリ・ランタイムはほとんどがC言語/C++、アプリケーションなどはJavaSEのサブセットとAndroid環境で書かれています。

iOS

iOSとは、Apple製のスマートフォンであるiPhoneやタブレット端末のiPadに搭載しているオペレーションシステム(OS)です。その他にもiPod touch・Apple TVにも搭載されています。

JavaScript

JavaScriptは、プログラミング言語のひとつです。ネットスケープコミュニケーションズで開発されました。 開発当初はLiveScriptと呼ばれていましたが、業務提携していたサン・マイクロシステムズが開発したJavaが脚光を浴びていたことから、JavaScriptと改名されました。 動きのあるWebページを作ることを目的に開発されたもので、主要なWebブラウザのほとんどに搭載されています。

Monaca

「Monaca」はiOS、Android、Windows向けのアプリ開発に対応した、Cordovaベースのモバイルアプリ開発プラットフォームです。HTML5、JavaScriptといったWeb標準技術を用いてモバイルアプリ開発を行うことができます。

Q&A

0回答

1119閲覧

【アドジェネ×Monaca】ワイプアド広告の実装方法が分からない

todayyy

総合スコア31

HTML5

HTML5 (Hyper Text Markup Language、バージョン 5)は、マークアップ言語であるHTMLの第5版です。

Android

Androidは、Google社が開発したスマートフォンやタブレットなど携帯端末向けのプラットフォームです。 カーネル・ミドルウェア・ユーザーインターフェイス・ウェブブラウザ・電話帳などのアプリケーションやソフトウェアをひとつにまとめて構成。 カーネル・ライブラリ・ランタイムはほとんどがC言語/C++、アプリケーションなどはJavaSEのサブセットとAndroid環境で書かれています。

iOS

iOSとは、Apple製のスマートフォンであるiPhoneやタブレット端末のiPadに搭載しているオペレーションシステム(OS)です。その他にもiPod touch・Apple TVにも搭載されています。

JavaScript

JavaScriptは、プログラミング言語のひとつです。ネットスケープコミュニケーションズで開発されました。 開発当初はLiveScriptと呼ばれていましたが、業務提携していたサン・マイクロシステムズが開発したJavaが脚光を浴びていたことから、JavaScriptと改名されました。 動きのあるWebページを作ることを目的に開発されたもので、主要なWebブラウザのほとんどに搭載されています。

Monaca

「Monaca」はiOS、Android、Windows向けのアプリ開発に対応した、Cordovaベースのモバイルアプリ開発プラットフォームです。HTML5、JavaScriptといったWeb標準技術を用いてモバイルアプリ開発を行うことができます。

0グッド

0クリップ

投稿2021/08/26 07:08

編集2021/08/26 07:26

実現させたいこと

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>

気になる質問をクリップする

クリップした質問は、後からいつでもMYページで確認できます。

またクリップした質問に回答があった際、通知やメールを受け取ることができます。

バッドをするには、ログインかつ

こちらの条件を満たす必要があります。

guest

あなたの回答

tips

太字

斜体

打ち消し線

見出し

引用テキストの挿入

コードの挿入

リンクの挿入

リストの挿入

番号リストの挿入

表の挿入

水平線の挿入

プレビュー

まだ回答がついていません

会員登録して回答してみよう

アカウントをお持ちの方は

15分調べてもわからないことは
teratailで質問しよう!

ただいまの回答率
85.37%

質問をまとめることで
思考を整理して素早く解決

テンプレート機能で
簡単に質問をまとめる

質問する

関連した質問