nendのネイティブアド導入までの流れ~STEP②『Easy Ad Editor』について~

2015年12月1日(火)リリースされたnendの『ネイティブアド』に関して

メディアパートナー様の導入方法を以下3記事にてご説明いたします。

 

STEP①新規広告枠を作成

・STEP②『Easy Ad Editor』について

STEP③『Professional Ad Editor』について

 

 

本記事は広告コードで配信する際の広告レイアウト作成機能
STEP②『Easy Ad Editor』についてのご説明です。
サイトURLから誰でも簡単にコンテンツにあった広告コードが作成可能です。

 

 

STEP② 『Easy Ad Editor』について

STEP①で作成した広告枠が以下になります。

広告枠作成後1

  • WEBメディア様はこのまま①レイアウトボタンをクリックして進んでください。
  • アプリメディア様が新規広告枠作成の際に実装方法SDKを選択している場合は、以下表示になります。レイアウトボタンは表示されません。

広告枠作成後2

 

① レイアウトボタンをクリック

広告枠作成後3

 

レイアウト①

『Easy Ad Editor』『Professional Ad Editor』と表示されます。

それぞれの機能は以下となります。

—————————————————————————————————————————

「Easy Ad Editor」機能
サイトURLから誰でも簡単にコンテンツにあった広告コードが作成可能。
「Professional Ad Editor」機能
htmlやcssを直接編集して理想の広告へカスタマイズした広告コードが作成可能。

—————————————————————————————————————————

 

本記事では、『Easy Ad Editor』の説明となります。

『Professional Ad Editor』について確認したい方は、STEP③にお進みください。

 

② Easy Ad Editorをクリック

レイアウト②

 

③ サイトURLを入力する

レイアウト③

広告レイアウトとして利用したいコンテンツページのURLを入力。

『表示』ボタンをクリック

 

 

④ サイトの読み込み完了

レイアウト④-1

記載された内容を確認いただき、スマホ画像のOKボタンをクリックしてください。

 

 

⑤ プレビューの中から広告レイアウトとして利用したい領域を選択する

レイアウト④-2

 

⑥ ネイティブアドの自動生成が完了。

レイアウト⑥

『次へ』ボタンをクリック

 

レイアウト⑦

より細かいカスタマイズする場合の紹介入りますが、本記事ではこのまま進みます。

『OK』ボタンをクリック。

 

⑦ 自動生成されたサンプル広告が表示されます。

レイアウト⑧

  • nendネイティブアドの「EasyAdEditor」では、選択したコンテンツ部分のhtmlやcssを解析して、自動で最適な広告素材をあてこむ仕様となっております。
  • 修正なしの場合は⑧タグ発行に進む場合。編集したい方はこのまま⑨編集したい場合。へ進んでください。

 

⑧ タグ発行に進む場合。

  • 広告コードを作成するボタンをクリック

広告コード表示

STEP①新規広告枠を作成 ⑦広告表示数をプルダウンにて選択した表示数分の広告タグが発行されました。

こちらの広告タグをご自身のサイトに掲載してください。

 

タグ設置に関する注意点

・順番通りに広告コードを導入してください。
・最後の広告コードを導入しないと広告は表示されません。
・レイアウト編集後から、実際の広告配信へ反映されるまでに、約15分程度の時間がかかります。
※広告個数の変更は管理画面上から可能です。

例えば、広告表示数を3つに設定していた場合

タグ設置方法表示〇は広告表示されます。表示×は広告表示されません。

⑨ 編集したい場合

  • 簡単編集

変更したい要素をクリックすると、右側に編集のナビゲーションが表示されます。

 

レイアウト⑨

 

※nendではJIAAが発表した「ネイティブ広告に関する推奨規定」を踏まえ、
広告枠内にユーザーがコンテンツと広告を識別するための、
広告明示文(PR/Sponsored/広告/プロモーション)の表記が必須となります。

 

  • 本格編集

右上にある『Pro』ボタンをクリックするとProfessional Ad Editor画面に切り替わります。

詳しくはSTEP③『Professional Ad Editor』についてを参照ください。

レイアウト P①-1

 

⑩ 掲載確認

広告がサイトに表示されましたでしょうか。
表示されない場合、本ブログのタグ設置に関する注意点をご確認ください。

本記事ネイティブアド導入までの流れSTEP②『Easy Ad Editor』について
の説明は以上となります。

 

本格的に編集したい方は
STEP③『Professional Ad Editor』についての記事にお進みください。


Leave a Comments

メールアドレスが公開されることはありません。 * が付いている欄は必須項目です