かんたんリンクとヨメレバ(カエレバ)どっちを使う?【画像下の余白の対処方法】

かんたんリンクとヨメレバ(カエレバ)どっちを使う?【画像下の余白の対処方法】

こんにちは、みなみです。

もしもアフィリエイトに「かんたんリンク」という機能があります。

商品を紹介するときに、たとえば、Amazonや楽天など、複数のショップへのリンクを一緒に貼れる便利機能です。

↓ こんな感じ

ショップごとに別々のリンクを貼っていたら、ゴチャっとしてみづらいですからね。

これだったらスッキリしててみやすいです。

一方、かんたんリンクと同じ用途のブログパーツを無料で生成できる「ヨメレバ」や「カエレバ」を利用してる人も多いと思います。

↓ ヨメレバの例

みなさんは、この2つのどっちが好みでしょう?

今回は、かんたんリンクとヨメレバ(カエレバ)について、わたしなりの見解をまとめてみました。

かんたんリンクとヨメレバ(カエレバ)

まず結論から言いますと、わたしは「ヨメレバ」をよく使っています。

書籍を紹介することが多く、かつ、スマホでみたときにヨメレバのほうがキュッと収まってる感じがして好きだからです。

まぁ、好みの問題ですね。

正直、どっちもレスポンシブでカッコイイと思いますよ。

ちなみに、書籍以外の商品であれば「カエレバ」を使うといいです。(機能的には同じ)

かんたんリンクのつくり方

せっかくなので、かんたんリンクのつくり方を紹介しておきます。

かんたんリンクをつくる手順は、大きく3つ。

まさに「かんたん」につくれます。

  1. かんたんリンクのページをひらく
  2. 商品ページURLを入れる
  3. HTMLソースを全文コピペする

※もしもアフィリエイトに会員登録してる前提です。

画面イメージ

まずは、かんたんリンクのページ をひらき、商品ページURLを入れます。

かんたんリンクの商品ページURLを入力する画面例

そして、画面下部にあるHTMLソースを全文コピーして、自分のサイトに貼りつけます。

かんたんリンクのHTMLソースを全文コピーする画面例

これだけです。

ホントかんたんですね。

ヨメレバで画像下に余白が出る場合

一方、ヨメレバ でリンクを作成した場合、下記のように画像下に余白が出てしまうことがあります。

※ヨメレバで、もしもアフィリエイトのIDを設定した場合

↓ こんな感じ(これは画像です)

ヨエレバでもしもアフィリエイトIDを入れた場合、画像の下に余白が出てしまう画面例

なんでこうなっちゃうんだろう?

と思って、いろいろ調べた結果、SANGOのカスタマイズガイドに対処方法が書いてありました。

ちなみに、わたしは WordPressの「SANGO」という有料テーマを使ってます。

SANGOのカスタマイズガイド

カスタマイズガイドにはこう書いてありました。

画像の下に不自然な余白が出来てしまう場合のSANGOカスタマイズガイド

もしもアフィリエイトの計測用の画像が悪さをしてるっぽいとのことで、対処用のCSSが載ってました。

↓ このCSSです。(コピペ用にどうぞ)

styke.css
.booklink-image > img {
    display: none!important;
}

実際にこのCSSを追加してみたら、わたしの場合はきれいに余白はなくなりました。

というわけで、かんたんリンクとヨメレバ(カエレバ)について、わたしなりの見解と、画像下に出る余白の対処方法をまとめてみました。

最後まで読んでくださり、ありがとうございました。

筆者プロフィールはコチラ

↓ ランキング参加しています。よろしければポチっとお願いいたします。

にほんブログ村 にほんブログ村
にほんブログ村