アメブロのサイドバーに広告や画像を貼る方法

今回はアメブロのサイドバーに画像や広告(バナー)を貼る方法を紹介していきますが、アメブロのサイドバーに広告を設置するのはおすすめできません。こちらの記事を先に読んでから考えてみる事をおすすめします。
アメブロアフィリエイトのやり方と稼ぐコツ

さて、サイドバーに広告や画像などのコンテンツを追加する場合には「フリースペース」か、「フリープラグイン」を使います。

但しフリースペースの場合は「iframe」を含むタグは使えないので、広告タグなどを貼り付けるのであればフリープラグインがおすすめです。設置する広告に関してはASPへの登録をして準備しておきましょう。登録も利用も無料です。

アメブロのサイドバーのサイズ

まずは、サイドバーのサイズを確認しておきましょう。

アメブロサイドバー種類

  • 3カラムの場合は広い方が300pxで狭い方が180px。
  • 2カラムの場合は300px。

これを参考に画像や広告タグを準備しておきます。

今回はフリープラグインにこのタグを貼り付けてサイドバーに広告を貼り付ける手順を紹介していきます。

サイドバーに広告を貼る手順

1.まずは、マイページの「ブログを書く」をクリック。

フリープラグイン-1

2.左下の方にある「フリープラグインの追加」をクリック。

フリープラグイン-2

3.「フリープラグイン」をクリック。

フリープラグイン-3

4.枠の中に貼り付けたい広告のタグを貼り付けます。

フリープラグイン-4

サイドバーの横幅よりも小さいサイズの広告の場合は広告が「左寄せ」になるので中央揃えにするタグの中に広告のコードを入れておくといい感じになります。

<div align="center">
ここに広告のコードを入れる
</div>

「保存」をクリックするのを忘れずに。後は、「配置設定」でプラグインの位置を決めます。

5.最初に戻って「ブログを書く」の画面から、左メニューの中の「配置設定」をクリック。「フリープラグイン」を好きな位置にドラッグして完成です。

フリープラグイン-6

ここでも「保存」を忘れない事。

複数の広告を追加する場合

複数の広告を追加してもOKですが、1つ目の広告と2つ目の広告の間がくっついている場合があるのでその場合は1つ1つの広告のコードの下に改行タグ<br />を1つ2つ入れて調整しておきましょう。

アメブロのサイドバーに広告や画像を貼る方法”に4件のコメントがあります。

内容に問題なければ、下記の「コメントを送信する」ボタンを押してください。

  1. しげぞう 投稿作成者

    >めぐ様

    コメントありがとうございます。アメブロの場合はスマートフォン用のデザインがほとんど決まっている状態でアメブロのヘッダー画像、サイドバーなどがスマートフォンで表示させるとカットされてしまっています。ここが大きくカスタマイズできるといいのですが、今の所思いつきません。文字色を変えたり若干の変更はできるとは思いますが、大幅なテンプレート変更というのは制限させてしまっています。

    スマートフォンで表示させるとたくさんの広告等も表示されますし、これはアメブロ側の収益になっている部分だと思いますので、大幅なカスタマイズはできないようにしているのかも知れません。また、もし仮にできたとしても大幅なテンプレート変更は利用規約的に厳しいと思われます。参考にならずにすみません。

  2. しげぞう

    >cpa-grobal様
    コメントありがとうございます。
    アメブロで広告を入れる事ができるのは
    基本的に「フリープラグイン」と「フリースペース」の2つです。
    「フリープラグイン」も「フリースペース」も文字数の限りがありますが、続けてタグを埋め込めば複数の広告を詰め込む事ができます。
    但し、「フリースペース」は確か禁止タグがあったハズなので、禁止タグを含む物はフリーフラグインに入れて下さい。
    あとは、この「フリースペース」と「フリープラグイン」の配置を決めて設置。
    それから記事下の広告は記事の最後にそのままタグを張り付ければいいと思いますが、記事内もフリースペースと同じく禁止タグがあり、禁止タグを含む物を入れると表示できないので注意。
    「アメブロ 禁止タグ」で検索すれば禁止タグの一覧を確認する事ができます。

  3. cpa-grobal

    勉強させていただきました。ありがとうございます。実はアメブロを作っているのですが、広告をフリープラグインに入れるところまではできるのですが、左上や記事下にも入れるようにしたいのですが、やり方がわかりません。

    もしわかれば教えていただけないでしょうか。