FC2ブログの記事内にインフォカートのバナー広告を横並びに貼る方法

今回は、FC2ブログの記事内にインフォカートのバナー広告を横並びに貼る方法について紹介します。

FC2ブログ登録とインフォカートへの登録

事前に、FC2ブログ登録とインフォカートへの登録は済ませておいてください。

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

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

インフォカートは、アカウントを登録するときに「審査」が無いので、誰でもアカウントを登録して参加することができます。

インフォカートに登録されていない方は、下記を参考に登録してください。

インフォカートに無料会員登録する方法

FC2ブログの準備

FC2ブログへのログイン

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

https://fc2.com/

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

FC2ブログの記事内にインフォカートのバナー広告を横並びに貼る方法3 (1)

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

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

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

FC2ブログの記事内にインフォカートのバナー広告を横並びに貼る方法3 (2)

広告の貼り付け準備

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

FC2ブログの記事内にインフォカートのバナー広告を横並びに貼る方法3 (3)

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

FC2ブログの記事内にインフォカートのバナー広告を横並びに貼る方法3 (4)

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

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

FC2ブログの記事内にインフォカートのバナー広告を横並びに貼る方法3 (5)

広告を貼る位置の確認

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

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

FC2ブログの記事内にインフォカートのバナー広告を横並びに貼る方法3 (6)

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

FC2ブログの記事内にインフォカートのバナー広告を横並びに貼る方法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ブログの、本文の編集に、コードを貼り付けた状態です。

FC2ブログの記事内にインフォカートのバナー広告を横並びに貼る方法3 (8)

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

掲載する広告の準備

インフォカートへのログイン

インフォカートのサイトを開きます。

https://www.infocart.jp/affiliater_admin/

インフォカートアフィリエイターログインの、「アフィリID」「パスワード」を入力してログインします。

「アフィリID」を入力します。

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

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

FC2ブログの記事内にインフォカートのバナー広告を横並びに貼る方法3 (9)

掲載広告Aのコード取得

画面上部の「商品指定リンク作成」を押します。

FC2ブログの記事内にインフォカートのバナー広告を横並びに貼る方法3 (10)

広告を探す場合は、カテゴリ、商品区分、キーワードなどから検索できます。

販売者名がわかっている場合は、発行者名で検査しても良いです。

今回合は、「カテゴリ」の「起業・稼ぐ」から「アフィリエイト」で検索します。

「起業・稼ぐ」を選択します。

「アフィリエイト」を選択します。

「検索」を押します。

FC2ブログの記事内にインフォカートのバナー広告を横並びに貼る方法3 (11)

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

広告は、購入率やEPCを見て選択した方が良いようです。

EPCとは、平均広告の単価ですので、EPCの数値が高いほど成約率に繋がりやすいという事になります。

FC2ブログの記事内にインフォカートのバナー広告を横並びに貼る方法3 (12)

「商品名」を押すと販売ページが確認できます。

FC2ブログの記事内にインフォカートのバナー広告を横並びに貼る方法3 (13)

掲載する広告が決まったら、商品名の左側にある「タグ生成」を押します。

専用の広告IDが含まれた広告コードが自動発行されます。

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

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

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

今回は、ミリオネアトラベルフォーミュラー2.0(AF)という商品を掲載します。

FC2ブログの記事内にインフォカートのバナー広告を横並びに貼る方法3 (14)

広告タイプは、メルマガ用広告、バナー広告、テキスト広告がありますが、今回はバナー広告を選択します。

広告コードをそのままコピーします。

FC2ブログの記事内にインフォカートのバナー広告を横並びに貼る方法3 (15)

広告Aの貼り付け

FC2ブログに移動します。

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

FC2ブログの記事内にインフォカートのバナー広告を横並びに貼る方法3 (16)

広告Bの貼り付け

インフォトップのサイトに移動します。

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

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

掲載する広告が決まったら、商品名の左側にある「生成」を押します。

今回は、Unlimited Affiliate NEOという広告を掲載します。

FC2ブログの記事内にインフォカートのバナー広告を横並びに貼る方法3 (17)

バナー広告の広告コードを、そのままコピーします。

FC2ブログの記事内にインフォカートのバナー広告を横並びに貼る方法3 (18)

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

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

FC2ブログの記事内にインフォカートのバナー広告を横並びに貼る方法3 (19)

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

FC2ブログの記事内にインフォカートのバナー広告を横並びに貼る方法3 (20)

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

FC2ブログの記事内にインフォカートのバナー広告を横並びに貼る方法3 (21)

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

FC2ブログの記事内にインフォカートのバナー広告を横並びに貼る方法3 (22)

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

FC2ブログの記事内にインフォカートのバナー広告を横並びに貼る方法3 (23)

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

FC2ブログの記事内にインフォカートのバナー広告を横並びに貼る方法3 (24)

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

FC2ブログの記事内にインフォカートのバナー広告を横並びに貼る方法3 (25)

参考

次のようなコードにすると、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>

おすすめ参考記事

Twitterでフォローしよう

おすすめの記事