FC2ブログのサイドバーにA8netのバナー広告を貼る方法

FC2ブログのサイドバーにA8.netのバナー広告を貼る方法

多くの人が使っているブログサービスのFC2ブログのサイドバーに、A8.netの広告(アフィリエイトリンク)を貼る方法を紹介します。

FC2ブログ登録とA8.netへの登録

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

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

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

A8netは、ブログを持っていなくても、アカウントを登録することができます。

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

A8.netに登録されていない方は、下記を参考に登録してください。

A8netに無料会員登録する方法

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

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

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

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

プラグインカテゴリ

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

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

FC2ブログのサイドバーにA8netのバナー広告を貼る方法3 (1)

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

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

サイドバーのプラグイン

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

FC2ブログのサイドバーにA8netのバナー広告を貼る方法3 (2)

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

FC2ブログのサイドバーにA8netのバナー広告を貼る方法3 (3)

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

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

FC2ブログのサイドバーにA8netのバナー広告を貼る方法3 (4)

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

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

FC2ブログのサイドバーにA8netのバナー広告を貼る方法3 (5)

掲載する広告の準備

最初に、広告の準備をします。

サイドバーに広告を貼るには、掲載したい広告コードを取得する必要があります。

審査のある広告を掲載する場合は、事前に提携申請を行い、参加承認されている必要があります。

A8.netへのログイン

A8.net https://www.a8.net/ にログインします。

トップにある、メディア会員にA8.netの「ID」「PASS」を入力します。

「ID」を入力します。

「PASS」を入力します。

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

FC2ブログのサイドバーにA8netのバナー広告を貼る方法3 (6)

広告のサイズ

広告のサイズは、デフォルトのテンプレートの場合、画像の高さは特に気にすることはありませんが、横幅は使用されているテンプレートによって異なりますので、状態に合わせて調整しましょう。

掲載広告のコード取得

管理画面上部の「プログラム管理」にカーソルを合わせます。

FC2ブログのサイドバーにA8netのバナー広告を貼る方法3 (7)

「参加中のプログラム」を押します。

FC2ブログのサイドバーにA8netのバナー広告を貼る方法3 (8)

参加しているプログラムの一覧が表示されますので、掲載したい広告の「広告リンク」を押します。

今回はクラウドワークスの広告を掲載します。

FC2ブログのサイドバーにA8netのバナー広告を貼る方法3 (9)

広告用の素材が一覧で表示されますので、この中から素材を選びます。

一覧は、広告タイプ、バナーサイズで絞り込んで表示させることもできます。

FC2ブログのサイドバーにA8netのバナー広告を貼る方法3 (10)

素材を決めたら、「素材をコピーする」を押します。

FC2ブログのサイドバーにA8netのバナー広告を貼る方法3 (11)

FC2ブログへの掲載広告貼付け

FC2ブログへのログイン

FC2ブログ https://fc2.com/ にログインします。

左サイドバートップの「ログイン」を押します。

FC2ブログのサイドバーにA8netのバナー広告を貼る方法3 (12)

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

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

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

FC2ブログのサイドバーにA8netのバナー広告を貼る方法3 (13)

プラグインの設定

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

FC2ブログのサイドバーにA8netのバナー広告を貼る方法3 (14)

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

FC2ブログのサイドバーにA8netのバナー広告を貼る方法3 (15)

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

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

FC2ブログのサイドバーにA8netのバナー広告を貼る方法3 (16)

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

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

FC2ブログのサイドバーにA8netのバナー広告を貼る方法3 (17)

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

FC2ブログのサイドバーにA8netのバナー広告を貼る方法3 (18)

広告の貼付け

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

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

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

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

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

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

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

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

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

⑨ フリーエリア内容の変更
A8.netで取得した広告コードを貼り付けます。

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

FC2ブログのサイドバーにA8netのバナー広告を貼る方法3 (19)

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

FC2ブログのサイドバーにA8netのバナー広告を貼る方法3 (20)

ブログの確認

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

FC2ブログのサイドバーにA8netのバナー広告を貼る方法3 (21)

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

FC2ブログのサイドバーにA8netのバナー広告を貼る方法3 (22)

掲載広告の位置を変える

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

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

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

FC2ブログのサイドバーにA8netのバナー広告を貼る方法3 (23)

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

FC2ブログのサイドバーにA8netのバナー広告を貼る方法3 (24)

ブログを確認すると、一番上に広告が移動しました。

FC2ブログのサイドバーにA8netのバナー広告を貼る方法3 (25)

おすすめ参考記事

Twitterでフォローしよう

おすすめの記事
MAISTに無料会員登録する方法
アフィリエイト
今回は、MAISTの単価と無料会員登録する方法について紹介します。 MAIST(マイスト)について MAISTとは、アキナジスタ株式会社が運...
FC2ブログのブログ横幅を変更する方法
FC2ブログ カスタマイズ初心者講座
現在のFC2ブログのデザイン状態 テンプレート「business-u1」を使っています。 PCで見ると、このようになっています。 環境によっ...