ブログにシンプルなアフィリエイトリンクを貼りたい。

SNSやってます。

タイトル写真

2017年1月6日(木)。今日はアフィリエイトリンクのHTMLとCSSの見直しをすることにしました。

メインで描いているブログは最近毎日更新しているのですが、あまりアフィリエイトリンクを貼っていません。というか、貼れていませんと言った方が正しいのかもしれません。

そもそもバンコクにある図書館に行きましたとか、そんな内容はあまりアフィリエイトと相性が良くないのです。

何かおすすめ商品の話でもするのならアフィリエイトが貼れるのですが、海外在住ですし、そうそう日本でも売っているものでタイでも手に入るお勧めできる商品なんてしょっちゅう出てきません。

とはいうものの、せっかくなら邪魔にならない程度に少しでもアフィリエイトリンクを貼りたい、、、。という事で、小さなアフィリエイトを貼る事にしました。

今使っているサービス

今使っているのアフィリエイトリンクは「わかったブログ」を書かれている「かん吉さん」の「カエレバヨメレバ」で、このデザインを変更するCSSもいろいろな方が自身のサイトで公開されてはいるのですが、どちらかというとドーンと存在感のあるリンクです。

人生は、日々「わかった!」の積み重ね。成長する方法を研究するブログ。毎日走ってます。

今回見つけたサービス

という事で探し回って見つけたのがワードプレスのテーマ「Simplycity」の開発や「寝ログ」というブログも書かれている「わいひらさん」の「BabyLink」です。

とても小さなアソシエイトリンクを作成するツールです。ブログの文中に商品を紹介したいときに効果的かつシンプル。

かなりシンプルなアフィリエイトリンクでクレジットを書く必要もなく、またデザイン変更のためのCSS雛形も用意されていました。

普通に利用するとこんな感じのリンクができます。(事情によりアフィリエイトコードにはないっていません。)↓

ただ、リンクに枠を描きたかったので、用意されていた雛形内のクラス.babylink-box{}の中に

  border: 1px solid #ccc !important;

とだけ追加しました。これでリンクに枠ができました↓ついでに著者名は決して自分の感想を都度書く事にしました。

ちなみに昔は内容もよく分からず誰かが紹介しているCSSをそのまま貼り付けるだけでしたが、この本を読んで何をしているかが理解ができるようになりました。

最後に

せっかく勉強したのでこれからもどんどんHTMLとCSSいじっていこうと思います。

そして作ったカスタマイズを公開できたら良いななんて思います。