monacaでのnend広告（ネイティブアド）表示について

Question

皆様にはいつも大変お世話になっております。

この度は HTML5ハイブリッドアプリプラットフォームmonacaでの広告表示についてです。
nendでの広告出稿が前提となります。

monacaに『ネイティブアド』形式の広告コードを記述したのですが、表示されません。
なお『バナー』形式での出力には成功しております。

ステータスは『アクティブ』となっております。

また、monacaではない通常のHTMLに記述した際に『ネイティブ』広告が表示されることを確認しており、「monacaとネイティブアドの相性が悪いのか？」という考えに至っております。

---

下記の質問にて、「monaca側では過去の事例では把握できていないことで、表示することができない広告のタイプと言っておりましたが〜」という記述があるのですが、ネイティブアドは表示できないのでしょうか。

monacaでネイティブアド広告の表示
https://teratail.com/questions/31276

---

monacaでのテンプレートは『Onsen UI』を選択しました。

以上、よろしくお願いいたします。

Answer 1

皆様ご協力ありがとうございました。

ようやく解決に至りました。
nendサポート様にも匙を投げられてしまいましたので自身で調査を続けておりましたところ、
どうやらbody閉じタグの直前に表示タグを挿入すると表示されないという現象であった様でした。

タグの設置位置を変えましたところ、表示されました。

Answer 2

また、monacaではない通常のHTMLに記述した際に『ネイティブ』広告が表示されることを確認しており、「monacaとネイティブアドの相性が悪いのか？」という考えに至っております。

nendのネイティブアド広告が配信されていることは確認できているわけですね。

monacaでのテンプレートは『Onsen UI』を選択しました。

広告コードを貼り付けても、Onsen UIの裏側に隠れて表示されません。

ネイティブアド広告が配信されると、下記のような広告レイアウトで設定したタグが挿入されます。

<div id="nend_nativeadspace">
  <!-- 省略 -->
</div>

loadイベントで上記タグをOnsen UI上の表示したい箇所に移動すれば、ネイティブアド広告を表示することができます。
下記の例では、「あああ」と「いいい」の間にネイティブアド広告を表示します。

addEventListener("load", function() {
  var adCount = 0;
  var timer = setInterval(function() {
    var elemDst = document.getElementById("ad");
    var elemSrc = document.getElementById("nend_nativeadspace");
    if (elemSrc) {
      clearInterval(timer);
      console.log("get native ad");
      elemDst.appendChild(elemSrc.cloneNode(true));
      elemSrc.remove();
    } else {
      adCount += 1;
      console.log(adCount);
      if (adCount >= 10) {
        clearInterval(timer);
        console.log("time out");
      }
    }
  }, 1000);
});

<ons-page>
  <ons-toolbar>
    <div class="center">ネイティブアド表示</div>
  </ons-toolbar>
  <ons-list>
    <ons-list-header>記事一覧</ons-list-header>
    <ons-list-item>あああ</ons-list-item>
    <div id="ad"></div>
    <ons-list-item>いいい</ons-list-item>
    <ons-list-item>ううう</ons-list-item>
  </ons-list>
</ons-page>
<script type="text/javascript">
  var nend_params = {"media":xxxxx,"site":xxxxxx,"spot":xxxxxx,"type":xx,"oriented":x};
</script>
<script type="text/javascript" src="https://js1.nend.net/js/nendAdLoader.js"></script>

Comments

[退会済みユーザー]

oTak様

ご回答ありがとうございます。

> 広告コードを貼り付けても、Onsen UIの裏側に隠れて表示されません。

仰る通り、その現象が起こりうることを検索等で確認致しました。

ですが、そもそものHTMLが生成されていないのです。
Nendの生成タグのところにHTMLが生成されるはずなのですが、それ自体が起きていない状況です。
ちょうど、PCで閲覧した際に似ている現象です...。

[退会済みユーザー]

空のHTMLファイルに広告コードを貼り付けてブラウザで表示させて広告の配信が確認できているなら、Monacaデバッガーでもリリースビルドでも表示されるはずです。

[退会済みユーザー]

私も何度か試行錯誤した経験がありますので、再度、横長(5:3)の大きい広告画像 デフォルト：300x180(加工可)で新規広告枠を作成し、広告コードを最小限のテンプレートに貼り付けて確認してみてはいかがでしょうか？