※2018/06/10 実際の広告コードを記載してしまったので、その箇所を修正。
nendのネイティブアド広告を一定の間隔で更新させるサンプルコードを作成してみた。
nendの広告コードを実行した際に生成されたHTMLをすべて削除し、新たに広告コードを呼び出すことで新しい広告を取得することができる。
※削除しないと広告コードを呼び出した分だけscript・img・inputのタグが蓄積される。
あとはOnsen UI上に取得した広告HTMLを表示させるだけ。
これに少し手を加えて、アプリに実装する予定。
nend広告に興味のある方は、下記バナーをクリック!!



まず、nendのネイティブアド広告のレイアウトを下記のように設定する。

次に、Monacaで、「Onsen UI V2 Angular 1 Minimum」プロジェクトを作成し、下記ファイルを編集する。

index.html

style.css

【Monaca】Onsen UI V2でnendネイティブアド広告を一定の間隔で更新させる
Tagged on: