３ステップで簡単！バナーリンクの作り方と貼り方を図解します

ブログの目立つ位置に、自分で作った画像にバナーリンクを作ってを貼る方法を紹介したいと思います。

無料ブログで写真をUPするまではできたけれど、その画像にURLリンクを埋め込んで別のページに飛ばしたいけどやり方が分からない！どうやるのでしょうか？

と言う質問が出ましたので、解説しようと思います。

他の無料ブログでもやり方は同じ。サイドバーや記事下に自分のオリジナルバナーをつくておいて、商品まとめページに飛ばすと売り上げが上がると思いますよ！

広告バナーを自作しても良いケースをまずは知ろう！

まず、アフィリエイトで自作バナーを作る際にいくつか制限があるので注意してください。広告主の用意してくれたものを勝手に改変したり、自分で文言を考えて作ったバナーからは報酬が発生しないというケースもあります。

• 情報商材アフィリエイト・・・すべての自作バナーで成果が出る
• 物販アフィリエイト・・・広告主次第・恋愛系は自由なところも多い
• Amazonや楽天・・自作バナーはNG

セールスページに飛ばすためのバナーは作っても問題ないですが、最後の販売ページに飛ぶためのバナーを自作するのはダメだということだけ覚えておけば大丈夫かと思います。

もちろん自分のサービスだったら全く問題ないですよ！

オリジナルのリンクバナーの作り方の手順

では簡単にリンクバナーを作る方法を３ステップで説明しようと思います。

これだけですね！

無料ブログにバナーリンクを作って貼る方法

ワードプレスが意外と簡単だと思いますが、無料ブログはサービスごとにバナーリンクの作り方と貼り付け方が違います。代表的なサービスの使い方を簡単に書いておきます。

アメブロにバナーリンクを貼る方法

アメブロの最新エディタは、画像をドラッグしてブログに入れ、リンクボタンをおすとサイズの変更までいっきにできるようになりました。

挿入された画像をHTMLモードにして、サイドバーや記事下・メッセージボードなど好きな位置に貼ればOk

アメブロの場合は画像をアップロードした際に自動でリサイズされていますので、画像加工ツールを使わなくてもサイズの調整ができて便利です。

NOTEにバナーリンクを貼る方法

NOTEも同じように画像選択をすればリンクボタンが出てきます。ただし、A8などのアフィリエイトリンクを入れることはできませんので外部サイトに誘導する必要があります。

はてなブログでバナーリンクを作る方法

はてなブログはワードプレスの制御版だと思ってもらえればいいのですが、基本的に画像をドラッグしてリンクボタンを押せば好きな位置に挿入できます。

画像を入れてリンクボタンにURLをいれる。

選択範囲の項目にチェックを入れると画像のまま好きなURLリンクを入れることができます。

バナーリンクが飛ばない場合の確認方法と対策

ブログサービスによってはNOTEのようにアフィリエイトリンクNGってところがありますが・・・。バナーを押してもリンク先にうまく飛ばないって言う場合はほとんどがURLの貼り間違えです。

アフィリエイトリンクの場合はあるあるですね。

• ASPのテキストモードのコードを貼る

これでたいてい解決できます。

A8・アフィBなどは広告タイプに「メール」というのがあるはずです（テキスト原稿ではない）

この部分を使ってくださいね？

後はこちらでボタンを作成するなど自由にやってみてください。

アフィリエイトブログ初心者講座

無料ブログ収益化講座 ゼロスタートの初心者でも収益化しやすいブログの作り方を徹底図解します！SNSや動画を組み合わせたウェブ集客とセールスまでの自動化のテクニックをマスターしよう！アド...