今回は、FC2ブログのサイドバーにバリューコマースのバナー広告を貼る方法について紹介します。

FC2ブログ登録とバリューコマースへの登録

事前に、FC2ブログ登録とバリューコマースへの登録は済ませておいてください。

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

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

バリューコマースは、広告主の数も多く、アフィリエイト初心者でも安心して利用できます。

バリューコマースは、無料会員登録後「審査」があります。

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

バリューコマースに登録されていない方は、下記を参考に登録してください。

バリューコマースに無料会員登録する方法

FC2ブログのサイドバーに広告を貼るプラグイン機能

FC2ブログのサイドバーに広告を貼るために、プラグインという機能を使用します。

プラグイン機能は、便利機能やツールを追加する拡張機能の一つです。

ブログにリスト項目や諸機能、パーツなどを追加や削除、順序の移動などができ、公式テンプレートのほとんどはプラグインに対応しています。

プラグインカテゴリ

プラグインカテゴリは、1~3に区分されていますが、使用しているテンプレートによって、1~3の割り振りは異なります。

2カラムのテンプレートの場合は、サイドバーは1つ、3カラムのテンプレートの場合は、サイドバーは左右2つになります。

FC2ブログのサイドバーにバリューコマースのバナー広告を貼る方法3 (1)

上図のような構成のテンプレートを使用している場合、2カラムの場合は、右サイドバーにプラグインカテゴリ1が表示されます。

3カラムの場合は、左サイドバーにプラグインカテゴリ1が表示され、右サイドバーにプラグインカテゴリ2が表示されます。

サイドバーのプラグイン

3カラムの場合、デフォルト設定では下記のように、左サイドバーにプロフィール、最新記事、最新コメント、月別アーカイブ、カテゴリが表示されています。

FC2ブログのサイドバーにバリューコマースのバナー広告を貼る方法3 (2)

3カラムの場合、デフォルト設定では下記のように、右サイドバーに検索フォーム、RSSリンクの表示、リンク、ブロとも申請フォーム、QRコードが表示されています。

FC2ブログのサイドバーにバリューコマースのバナー広告を貼る方法3 (3)

下記は、デフォルトのプラグインの設定画面です。

左サイドバーに表示されるプラグインは、プラグンインカテゴリ1で設定されます。

FC2ブログのサイドバーにバリューコマースのバナー広告を貼る方法3 (4)

右サイドバーに表示されるプラグインは、プラグンインカテゴリ2で設定されます。

2カラムの場合は、プラグンインカテゴリ2で設定されている項目は、フッターに表示されます。

FC2ブログのサイドバーにバリューコマースのバナー広告を貼る方法3 (5)

FC2ブログの準備

FC2ブログへのログイン

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

https://fc2.com/

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

FC2ブログのサイドバーにバリューコマースのバナー広告を貼る方法3 (6)

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

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

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

FC2ブログのサイドバーにバリューコマースのバナー広告を貼る方法3 (7)

広告の貼り付け準備

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

FC2ブログのサイドバーにバリューコマースのバナー広告を貼る方法3 (8)

メインメニューの「プラグイン」を押します。

FC2ブログのサイドバーにバリューコマースのバナー広告を貼る方法3 (9)

現在のプラグインの設定内容が表示されます。

ケータイ用の「プラグイン管理」を押すと、ケータイ用、スマートフォン用の「プラグイン管理」を押すと、スマートフォン用の現在のプラグインの設定内容が表示されます。

FC2ブログのサイドバーにバリューコマースのバナー広告を貼る方法3 (10)

サイドバーに広告を掲載するために、拡張プラグインのフリーエリアを追加します。

PC用の「公式プラグイン追加」を押します。

FC2ブログのサイドバーにバリューコマースのバナー広告を貼る方法3 (11)

拡張プラグインのフリーエリアの「追加」を押します。

FC2ブログのサイドバーにバリューコマースのバナー広告を貼る方法3 (12)

フリーエリアの編集画面になります。

FC2ブログのサイドバーにバリューコマースのバナー広告を貼る方法3 (13)

掲載する広告の準備

バリューコマースへのログイン

バリューコマースのサイトを開きます。

https://www.valuecommerce.ne.jp/

上部の、アフリエイトサイト会員の方の欄に、「メールアドレス」「パスワード」を入力してログインします。

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

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

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

FC2ブログのサイドバーにバリューコマースのバナー広告を貼る方法3 (14)

広告のコード取得

上部の、「広告検索/作成」から、「プログラム検索」で検索します。

「広告検索/作成」を押します。

「プログラム検索」を押します。

FC2ブログのサイドバーにバリューコマースのバナー広告を貼る方法3 (15)

広告の検索方法は、カテゴリーから選択する方法や、検索ウィンドウからのキーワード検索、最低報酬金額や広告の種類など、複数の条件を組み合わる高度な検索も可能です。

掲載したい広告を探します。

① 検索ウィンドウ
広告主名やサービス名、URLなどでプログラムの検索できます。
報酬額や報酬率、広告の種類を指定して、ご希望のプログラムを簡単に検索することが可能です。
すべての項目は任意設定で、必須ではありません。

② Myカテゴリ
検索前
登録したサイトのカテゴリーとマッチした、広告主が属するカテゴリーが表示されます。
検索後
検索結果に表示されている広告主を見て、登録したサイトに属するカテゴリーとマッチした広告主用のカテゴリーが表示されます。
クリックするとそのカテゴリーに属する広告主のプログラムが表示されます。
例えば、あなたのサイトカテゴリーに『PC・周辺機器』がある場合、『PC・周
辺機器』とマッチすると思われる広告主のカテゴリーが表示されます。

③ カテゴリー
検索前
すべての広告主のカテゴリーが表示されています。
検索後
検索結果に表示されている広告主を見て、そこにある広告主が属するカテゴリーのみが表示されます。
クリックするとそのカテゴリーに属する広告主のプログラムが表示されます。

④ 新着広告主
新たに参加したプログラムや広告主が表示されます。

FC2ブログのサイドバーにバリューコマースのバナー広告を貼る方法3 (16)

① 人気広告主
アフィリエイトサイト様に人気のプログラムや広告主を表示しています。

② スマートフォン対応広告主
スマートフォンからの注文に対し、報酬対象として保障しているプログラムや広告主を表示しています。

FC2ブログのサイドバーにバリューコマースのバナー広告を貼る方法3 (17)

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

今回は、 【メルカリ】新規ユーザー獲得プログラムの広告を掲載します。

FC2ブログのサイドバーにバリューコマースのバナー広告を貼る方法3 (18)

「この広告主からの広告を含むメッセージをメールで受け取ることに同意します。」のメッセージが表示されますので、「OK」を押します。

FC2ブログのサイドバーにバリューコマースのバナー広告を貼る方法3 (19)

広告タイプは、画像、テキスト、自由テキスト、スマートフォンがあり、左のサイドバーで選択することができます。

FC2ブログのサイドバーにバリューコマースのバナー広告を貼る方法3 (20)

今回は画像広告の125×125サイズを選択します。

「広告作成」を押します。

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

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

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

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

FC2ブログのサイドバーにバリューコマースのバナー広告を貼る方法3 (21)

「コードを選択」を押し、広告コードをコピーします。

FC2ブログのサイドバーにバリューコマースのバナー広告を貼る方法3 (22)

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

FC2ブログに移動します。

掲載広告コードの貼り付け

フリーエリアの各項目を編集します。

タイトル
上部に表示されるタイトルですので、掲載広告のタイトルなどを入力します。

プラグイン説明(上部)
広告の上に説明を入力できます(任意)。

プラグイン説明(下部)
広告の下に説明を入力できます(任意)。

タイトル文の文字設定
タイトル分の掲載位置を選択します。

コンテンツの文字設定
広告の掲載位置を選択します。

説明文の文字位置
説明文の掲載位置を選択します

表示の設定
表示するを選択します

プラグインカテゴリ
3カラムの場合は、プラグインカテゴリ1は左サイドバー、プラグインカテゴリ2は右サイドバー、プラグインカテゴリ3がフッターの位置になります。
2カラムの場合は、プラグインカテゴリ1はサイドバー、プラグインカテゴリ2はフッター、プラグインカテゴリ3は、記事コメント欄の下の位置になります。
今回は3カラムのテンプレートを使用していますので、プラグインカテゴリ2を設定しました。

フリーエリア内容の変更
バリューコマースで取得した広告コードを貼り付けます。

⑩ すべて設定したら「追加」を押します。

FC2ブログのサイドバーにバリューコマースのバナー広告を貼る方法3 (23)

プラグインカテゴリ2に追加したタイトルが表示されます。

FC2ブログのサイドバーにバリューコマースのバナー広告を貼る方法3 (24)

ブログの確認

「ブログの確認」を押して、ブログを確認します。

FC2ブログのサイドバーにバリューコマースのバナー広告を貼る方法3 (25)

右サイドバーの一番下に、広告が掲載されています。

FC2ブログのサイドバーにバリューコマースのバナー広告を貼る方法3 (26)

掲載広告の位置を変える

広告が目立つように、一番下から一番上に位置を変更します。

位置の欄の「↑」を押すと一つ上に移動していき、「↓」を押すと、一つ下に移動します。

移動の欄の数字は表示順を表していますので、直接数字を入力して「移動」を押しても、位置を変更できます。

FC2ブログのサイドバーにバリューコマースのバナー広告を貼る方法3 (27)

広告を一番上に表示するように設定した状態です。

FC2ブログのサイドバーにバリューコマースのバナー広告を貼る方法3 (28)

「ブログの確認」を押して、ブログを確認します。

FC2ブログのサイドバーにバリューコマースのバナー広告を貼る方法3 (29)

右サイドバーの一番上に、広告が掲載されています。

FC2ブログのサイドバーにバリューコマースのバナー広告を貼る方法3 (30)

サイドバーにバナー広告が表示されました。

FC2ブログのサイドバーにバリューコマースのバナー広告を貼る方法3 (31)

  • FC2ブログの記事内にLink-Aのバナー広告を貼る方法
  • FC2ブログの文字の大きさと色を変更する方法
  • FC2ブログの記事内にSmart-Cのバナー広告を横並びに貼る方法
  • FC2ブログの記事内にA8.netのバナー広告を貼る方法

Twitterでフォローしよう

  • 仮想通貨
    【知らない損する】ビットコイン初心者が勘違いしていること5つ
    2023年3月22日
  • 仮想通貨
    【知らないとヤバイ】不労所得は存在しないのか?ウソなのか?
    2021年8月30日
  • アフィリエイト
    アフィリエイト初心者におすすめのASP一覧 11選
    2018年8月18日
  • 仮想通貨
    【初心者にオススメ】ビットコインや仮想通貨(暗号資産)取引所ランキング
    2021年5月28日
おすすめの記事
ネット副業種類
目次1 クラウドワークスってなに?2 クラウドワークスにどういう仕事があるの? クラウドワークスってなに? クラウドワークスでは、頼みたい仕...