ウィジェットを使ってアフィリエイトをやろう

2016/06/28 2020/09/06

ブログの基本的な設定は完了している。
記事も投稿できる。
画像の挿入だってできる。
数記事書いてアフィリエイトの審査に通ってしまったくらい。

あなたもかなりブロガーらしくなってきましたね。

ところで、ブログ記事の本文にアフィリエイトをバンバン貼りたいわけではない、でも少しはやってみたいという方もいると思います。
そこで今回は、ウィジェットを使ってアフィリエイトの広告を貼る方法を確認しましょう。

Money

今回もAmazonアソシエイトを例にします。

まずはウィジェットを選ぶ

何種類かウィジェットが用意されているので、好みのものの「あなたのwebサイトに追加」ボタンを押してください。

その後は、選んだウィジェットによって商品のジャンルを選択したり、広告のデザインをカスタマイズしたりといった作業が異なります。
プレビューを見ながらブログに合う広告を作ってください。

ウィジェットの設定方法は以前にやりましたね。
参考記事：サイドバーに好きな項目を表示させよう【ウィジェット】

広告を貼る場合は、テキストをウィジェットエリアに追加します。

…ホントはプラグインを使ったりしてスマートにやる方法もあるのでしょうが、テキストでできちゃうのでやっちゃいます。

用意したテキストの「内容」のボックスの中にAmazonアソシエイトで作ったHTMLコードを貼り付けます。

以上です。
保存して、あなたのブログで動きを確認してください。

という場合もありますよね。
そんな場合は、HTMLコードを使ってちょこちょこっと直してしまいましょう。

そんなときは、広告ごとのHTMLコードをで囲みましょう。

（発行されたHTMLコードの塊）

で囲んだ部分はひとつの段落と見なされます。
段落と段落の間は隙間が開くので、ぎゅうぎゅう詰めから脱出できます。

そんなときは、次のようにしてください。

（発行されたHTMLコードの塊）

これはalignとかcenterとか書いてあるので、何が起こるか見当をつけやすいですね。

HTMLのタグは検索すると一覧が出てくるので、それを見ながらいじると面白いですよ。
ただし、Amazonから発行されたコードはそのまま貼り付けてくださいね。