また、monacaではない通常のHTMLに記述した際に『ネイティブ』広告が表示されることを確認しており、「monacaとネイティブアドの相性が悪いのか?」という考えに至っております。
nendのネイティブアド広告が配信されていることは確認できているわけですね。
monacaでのテンプレートは『Onsen UI』を選択しました。
広告コードを貼り付けても、Onsen UIの裏側に隠れて表示されません。
ネイティブアド広告が配信されると、下記のような広告レイアウトで設定したタグが挿入されます。
HTML
1<div id="nend_nativeadspace">
2 <!-- 省略 -->
3</div>
loadイベントで上記タグをOnsen UI上の表示したい箇所に移動すれば、ネイティブアド広告を表示することができます。
下記の例では、「あああ」と「いいい」の間にネイティブアド広告を表示します。
JavaScript
1addEventListener("load", function() {
2 var adCount = 0;
3 var timer = setInterval(function() {
4 var elemDst = document.getElementById("ad");
5 var elemSrc = document.getElementById("nend_nativeadspace");
6 if (elemSrc) {
7 clearInterval(timer);
8 console.log("get native ad");
9 elemDst.appendChild(elemSrc.cloneNode(true));
10 elemSrc.remove();
11 } else {
12 adCount += 1;
13 console.log(adCount);
14 if (adCount >= 10) {
15 clearInterval(timer);
16 console.log("time out");
17 }
18 }
19 }, 1000);
20});
HTML
1<ons-page>
2 <ons-toolbar>
3 <div class="center">ネイティブアド表示</div>
4 </ons-toolbar>
5 <ons-list>
6 <ons-list-header>記事一覧</ons-list-header>
7 <ons-list-item>あああ</ons-list-item>
8 <div id="ad"></div>
9 <ons-list-item>いいい</ons-list-item>
10 <ons-list-item>ううう</ons-list-item>
11 </ons-list>
12</ons-page>
13<script type="text/javascript">
14 var nend_params = {"media":xxxxx,"site":xxxxxx,"spot":xxxxxx,"type":xx,"oriented":x};
15</script>
16<script type="text/javascript" src="https://js1.nend.net/js/nendAdLoader.js"></script>
バッドをするには、ログインかつ
こちらの条件を満たす必要があります。