こんにちは。yaeです。
ブログにアフィリエイトを貼ろうと思う時
アマゾンの画像は小さいし
提携から提示された広告は いかにも貼りました感があったりで
どうも上手くないなと思う事はありませんか?
他の方のブログを拝見すると
サクっと気持ちが乗った先に ボタンがあることが多いのですね。
カーソルを乗せてみるとA8の文字が見えたりするので
アフィリエイトボタンです。
これはどうやっているのでしょう。
有料テーマの特権なのかな…と思っていたのですが
無料テーマ使用でも
アフィリエイトボタンをCSSの追加だけで可能
というありがたい記事を見つけたので ご紹介します。
広告収入◆¥1000からお支払&銀行振込手数料¥0《アクセストレード》
りょう様の「bryog」
ブログ全般を扱っているサイトです。
この中に
アフィリエイトリンクをボタンにするには?【CSS追加するだけで簡単です】
というのがあります。
ざっくりした手順はこうです。
- 追加CSS に好きなボタンのCSSをコピペする
- ボタン表示させたいアフィリエイトからテキストバナーを選ぶ
-
<div class="af_button">ここにアフィリエイトリンク</div>
とHTML表記
追加CSSにボタンのCSSをコピペする
ダッシュボード→外観→カスタマイズ→追加CSSにコピーペーストしてください。
りょう様の記事では5種類のボタンのCSSが掲載されていますので
お好きなタイプを選べます。
アフィリエイトからテキストバナーを選ぶ
※アフィリエイトでは原則 タグの改変は禁止です。(テキスト変更はできません)
自分の記事にあった文言のテキストバナーを選ぶようにします。
入手したアフィリエイトリンクを挟む
<div class="af_button">ここにリンクを入れます</div>
するとこのように表示されます。
普通のテキストバナーより インパクトがありますし
バナー広告よりも 違和感がない気がします。
色も好きなものに変えられます。
まとめ
カスタマイズでできることは色々あるようです。
私は知識は乏しいですけど
調べて使ってみて いいなと思う記事は
躊躇いなくリンクを貼ろうと思います。
今回のボタン化はずっと不思議に思っていたので
見つけた時はものすごく嬉しかったです。
是非 りょう様のサイトで
アフィリエイトのボタン化してみてくださいね。
※1000円で学べる初心者ブロガーの教科書です。
中身の濃さに驚きます。