ヘルプ

【忍者AdMaxネイティブ広告】なし|作成方法

いつも忍者ツールズをご利用いただき誠にありがとうございます。

この記事では、忍者AdMax「ネイティブ広告枠」<なし>の作成方法をお伝えしていきたいと思います。
<なし>とは、ご自身でカスタマイズしていただくものになります。ここでは、カスタマイズ方法をお伝えしたいと思います。

①広告枠を追加する
②スマホ向けのネイティブ広告枠を作成する
③テンプレート選択からFなしを選択する
④確認画面でよろしければ「OK」を、要変更なら「修正」を
⑤タグの発行と、そのタグの貼り付け
⑥自分のブログで確認する

【1.「広告枠を追加する」を選択】

管理画面から「広告枠を追加する」を選択して、新たな広告枠を作成する。

 

 

【2.「スマホ向けのネイティブ広告枠を作成する」を選択】

「広告枠を追加する」を選択すると、以下の「広告枠の種類」のページに飛びます。
ここで「スマホサイト向けのネイティブ広告枠」を選択し、「ネイティブ」を選択してください。

 

 

【3.広告枠の設定ページで各項目を選択後、テンプレート選択から「なし」を選択】

「スマホ向けのネイティブ広告枠を作成する」を選択すると、以下の「広告枠の設定」ページに飛びます。

青い矢印で示された部分で「なし」を選択すると、以下のコードタグが表示されます。
———————————————————————————————————-

<!– 広告リンク –>
<!– ※必須 ${CLICK_URL}を「アイコン画像」「タイトル」「本文」のリンク先に指定してください。 –>
<a href=”${CLICK_URL}” target=”_blank”>

<!– アイコン画像 –>
<!– ${IMAGE_URL}をimg要素内のsrc属性に指定してください。 –>
<img src=”${IMAGE_URL}”>

<!– タイトル –>
${TITLE}

<!– 本文 –>
${DESCRIPTION}

</a>

<!– オプトアウト –>
<!– ※必須 ${OPTOUT_URL}を広告表記のリンク先に指定してください。表記の部分は、PRや広告などわかりやすいものであれば変更可能です。 –>
<a href=”${OPTOUT_URL}” target=”_blank”>[AD]</a>

———————————————————————————————————-

ここで、説明にそって{CLICK_URL}、{IMAGE_URL}、タイトル、本文を入力してください。

※広告上のPRマーク及びオプトアウトリンクの掲載
———————————————————————————————————-
<a class=”optout” href=”${OPTOUT_URL}” target=”_blank”>[AD]</a>
———————————————————————————————————-
は必須となっております。
文言は「AD」以外に「PR」「広告」などの表記も可能です。

 

※[admax-native]というクラスは、忍者AdMaxネイティブ広告枠のタグに始めから設定されているものです。
CSSのみの設定が必要になってきます。

 

忍者AdMaxネイティブ広告サンプル画像

忍者AdMax運営側で用意したコードとCSSを使うと、
デフォルトとして以下のように表示されます。
<※サンプル画像>

このCSS各要素を編集することによってネイティブ広告枠のカスタマイズができるようになります。
こちらも一緒にご覧ください。

【忍者AdMaxネイティブ広告:カスタマイズ用コードとそのCSSの解説】
ネイティブ広告画像のカスタマイズ方法
ネイティブ広告テキストのカスタマイズ方法 
ネイティブ広告上の広告表記[AD]のカスタマイズ方法 
ネイティブ広告外枠全体のカスタマイズ方法 

 

 

【4.確認画面でよろしければ「OK」を、要変更なら「修正」を選択】

「次へ」を選択すると以下の「確認」ページに飛びます。
自分の設定が間違っていないか確認し、変更がなければ「OK」を押して、次のステップへ。

 

 

【5.タグの発行と、そのタグの貼り付け】

「OK」を選択すると、「広告枠の追加が無事完了」します。
ここで青の下線上に示された <div>の広告タグを自分のサイトで好きな場所に、挿入してください。

注意点として、赤の下線で示された<script>タグを</body>の前に張ることを忘れずにしてください。
この<script>タグは1ページに1つずつ貼る必要があります。

 

 

【6.自分のサイトで確認する】

最後のステップは、広告表示の確認です。
正しくタグが貼られている場合、スマホで確認すると以下ように広告が表示されると思います。

カスタマイズ方法に関する詳細方法はこちらもご覧ください。
ネイティブ広告外枠全体のカスタマイズ方法 
ネイティブ広告画像のカスタマイズ方法
ネイティブ広告テキストのカスタマイズ方法 
ネイティブ広告上の広告表記[AD]のカスタマイズ方法