今回は、FC2ブログの記事内にSmart-Cのバナー広告を横並びに貼る方法について紹介します。

FC2ブログ登録とSmaart-Cへの登録

事前に、FC2ブログ登録とSmaart-Cへの登録は済ませておいてください。

FC2ブログに登録されていない方は、下記を参考に登録してください。

FC2ブログの無料会員登録の仕方

Smaart-Cは、スマートフォン関係の広告を扱ったASPになっていて、スマートフォンでの利用を主にしたブログやサイトで人気のASPとなっております。

Smaart-Cは、仮登録完了後「審査」があります。

「審査」が通り承認されると利用できますが、数日かかることもあります。

Smaart-Cに登録されていない方は、下記を参考に登録してください。

Smaart-Cに無料会員登録する方法

FC2ブログの準備

FC2ブログへのログイン

FC2ブログのサイトを開きます。

https://fc2.com/

左サイドバー上部の「ログイン」を押します。

FC2ブログの記事内にSmart-Cのバナー広告を横並びに貼る方法3 (1)

「登録メールアドレス」を入力します。

「パスワード」を入力します。

「ログイン」を押します。

FC2ブログの記事内にSmart-Cのバナー広告を横並びに貼る方法3 (2)

広告の貼り付け準備

FC2ブログの「管理画面」を押し、管理画面に移行します。

FC2ブログの記事内にSmart-Cのバナー広告を横並びに貼る方法3 (3)

メインメニューの「記事の管理」を押します。

FC2ブログの記事内にSmart-Cのバナー広告を横並びに貼る方法3 (4)

記事の管理の中から、広告を貼りたい記事の「編集」を押します。

今回は在宅ワークで副業という記事に広告を貼ります。

FC2ブログの記事内にSmart-Cのバナー広告を横並びに貼る方法3 (5)

広告を貼る位置の確認

広告は、本文の編集にコピーした広告の素材を貼り付けます。

貼りつける位置を、リアルタイムブレビューを見ながら確認します。

FC2ブログの記事内にSmart-Cのバナー広告を横並びに貼る方法3 (6)

本文の編集で、貼り付ける位置を改行し、空白行をいれます。

FC2ブログの記事内にSmart-Cのバナー広告を横並びに貼る方法3 (7)

空白にしたところに、以下通りにコードを入力します。

<table border="0" width="100%"> 
<tbody> 
<tr> 
<td align="center" width="50%">

</td> 
<td align="center" width="50%">

</td> 
</tr> 
</tbody> 
</table>

実際にFC2ブログの、本文の編集に、コードを貼り付けた状態です。

空白行Aのところに広告A、空白行Bのところに広告Bを貼り付けます。

FC2ブログの記事内にSmart-Cのバナー広告を横並びに貼る方法3 (8)

広告の準備

Smaart-Cへのログイン

Smaart-Cのサイトを開きます。

https://smart-c.jp/

右上部の「LOGIN」を押します。

FC2ブログの記事内にSmart-Cのバナー広告を横並びに貼る方法3 (9)

「ID」「パスワード」を入力してログインします。

「ID」を入力します。

「パスワード」を入力します。

「LOGIN」を押します。

FC2ブログの記事内にSmart-Cのバナー広告を横並びに貼る方法3 (10)

広告のコード取得

現在ご登録されているメディア一覧の「広告一覧へ」を押します。

FC2ブログの記事内にSmart-Cのバナー広告を横並びに貼る方法3 (11)

広告一覧で表示されますので、気になる広告を探します。

FC2ブログの記事内にSmart-Cのバナー広告を横並びに貼る方法3 (12)

条件やキャリア、成果地点ごとなど検索が可能です。

①バナーサイズの「+」を押すと、バナーサイズを指定して検索することができます。

②広告カテゴリ・単価検索の「+」を押すと、カテゴリや報酬単価で検索も可能です。

FC2ブログの記事内にSmart-Cのバナー広告を横並びに貼る方法3 (13)

バナーサイズと、広告カテゴリ・単価検索の詳細を表示した状態です。

FC2ブログの記事内にSmart-Cのバナー広告を横並びに貼る方法3 (14)

掲載する広告が決まったら、「広告名」を押します。

今回は、超ホーダイ(お試し無料次月500円(税込)コース)の広告を掲載します。

FC2ブログの記事内にSmart-Cのバナー広告を横並びに貼る方法3 (15)

今回はバナー広告の300×250サイズを選択します。

広告原稿ソース内の、広告IDが含まれた広告コードをそのままコピーします。

広告IDとは、誰のブログから何の商品が売れたのかを、ASPが認識するためのものです。

この広告IDは1人1人違います。

広告コードとは、広告掲載用のURLそのものです。

FC2ブログの記事内にSmart-Cのバナー広告を横並びに貼る方法3 (16)

FC2ブログへの広告貼り付け

広告Aの貼り付け

FC2ブログに移動します。

広告コードの貼り付け

入力したコードの空白行Aに、素材をコピーした広告Aを貼り付けます。

FC2ブログの記事内にSmart-Cのバナー広告を横並びに貼る方法3 (17)

広告Bの貼り付け

Smart-Cのサイトに移動します。

ブラウザの戻るで前のページに戻ります。

検索画面に戻りますので、掲載したい広告Bを探します。

掲載する広告が決まったら、「広告名」を押します。

今回は、鏡リュウジ占星術(300円(税抜)コース・スマホ用)の広告を掲載します。

FC2ブログの記事内にSmart-Cのバナー広告を横並びに貼る方法3 (18)

広告Aと同じバナー広告の300×250サイズを選択します。

広告タグ内の、広告コードをそのままコピーします。

FC2ブログの記事内にSmart-Cのバナー広告を横並びに貼る方法3 (19)

FC2ブログのサイトに移動します。

入力したコードの空白行Bに、素材をコピーした広告を貼り付けます。

FC2ブログの記事内にSmart-Cのバナー広告を横並びに貼る方法3 (20)

リアルタイムブレビューを見て確認します。

FC2ブログの記事内にSmart-Cのバナー広告を横並びに貼る方法3 (21)

目立つように、貼り付けた広告素材の上の行に、テキストを加えて、文字の大きさなど変えてみました。

FC2ブログの記事内にSmart-Cのバナー広告を横並びに貼る方法3 (22)

リアルタイムブレビューを見て確認します。

FC2ブログの記事内にSmart-Cのバナー広告を横並びに貼る方法3 (23)

リアルタイムブレビューの下の方にある、「プレビュー」を押して確認します。

FC2ブログの記事内にSmart-Cのバナー広告を横並びに貼る方法3 (24)

問題なければ、リアルタイムブレビューの下の方にある、「記事を保存」を押します。

FC2ブログの記事内にSmart-Cのバナー広告を横並びに貼る方法3 (25)

FC2ブログの記事内にバナー広告が横並びに表示されました。

FC2ブログの記事内にSmart-Cのバナー広告を横並びに貼る方法3 (26)

参考

次のようなコードにすると、3つの広告を横並びに表示させることができます。

2つの広告を横並びに表示させた時は、td align="center" width="50%"でしたが、3つの場合、width="33%となっています。

33%×3=99%、つまり合計が100%以下になるよう設定する必要があります。

<table border="0" width="100%"> 
<tbody> 
<tr> 
<td align="center" width="33%">

</td> 
<td align="center" width="33%">

</td> 
<td align="center" width="33%">

</td> 
</tr> 
</tbody> 
</table>
  • FC2ブログの記事内に忍者Admaxのバナー広告を貼る方法
  • FC2ブログのサイドバーにもしもアフィリエイトのテキスト広告を貼る方法
  • FC2ブログのサイドバーについてくる広告を設定する方法
  • FC2ブログのサイドバーにSmart-Cのテキスト広告を貼る方法

Twitterでフォローしよう

  • アフィリエイト
    アフィリエイト初心者におすすめのASP一覧 11選
    2018年8月18日
  • 仮想通貨
    【知らない損する】ビットコイン初心者が勘違いしていること5つ
    2023年3月22日
  • 仮想通貨
    【知らないとヤバイ】不労所得は存在しないのか?ウソなのか?
    2021年8月30日
  • 仮想通貨
    【初心者にオススメ】ビットコインや仮想通貨(暗号資産)取引所ランキング
    2021年5月28日
おすすめの記事
ネット副業種類
目次1 ECナビについて2 メールアドレスを用意する3 ECナビへ登録する4 まとめ ECナビについて ECナビとは、株式会社VOYAGE ...
アメブロ カスタマイズ初心者講座
目次1 記事の日付を非表示にするには?2 ブログデザインのCSSの編集3 まとめ 記事の日付を非表示にするには? アメブロは初期状態では、投...
アフィリエイト
目次1 モノオクは実際に稼げるのか?2 まとめ モノオクは実際に稼げるのか? モノオクを1年間、実際にやった結果は、稼げませんでした。 田舎...
仮想通貨
Mydefipetを始めたけど、遊び方がわからない という人向けの記事です。 目次1 Mydefipetの遊び方 動画2 Mydefip...