1.8.6 Released !

カエレバ/ヨメレバで広告を貼る

カエレバ/ヨメレバの広告を貼る

アフィリエイトを行う中でカエレバ(とヨメレバ)を使っている方も多いかと思います。SANGOでは、カエレバ用のデザインをCSSで指定済みです。

カエレバのデザイン

カエレバ挿入時にデザインをamazonlet風-2(CSSカスタマイズ用)にすると、以下のようなデザインで表示されます。

好みに応じてさらにカスタマイズしてご利用ください。

トラブル対処法

余白が大きくなってしまう場合

余白が大きくなってしまう場合には、おそらく「もしもアフィリエイト」などのアクセス確認用画像が悪さをしています。以下のCSSを子テーマのCSSなどに追加することで、対処できるかと思います。

CSS
.kaerebalink-name img , .kaerebalink-image > img{
    display: none;
}
.kaerebalink-name p {
    margin-bottom: 0;
}

商品名の下線を消したいとき

下記のCSSを追記することで、消えるかと思います。

CSS
.kaerebalink-name p a {
    text-decoration: none;
}

ちなみにカエレバ/ヨメレバのスタイル指定はentry-option.cssで行っています。お好みでカスタマイズしてくださいませ。


ヨメレバのデザイン

ヨメレバを挿入する場合にもamazonlet風-2(CSSカスタマイズ用)を選ぶと、以下のように表示されます。

画像の下に不自然な余白が出来てしまう場合

おそらく、もしもアフィリエイトの計測用の画像が悪さをしています。下記のCSSを貼ると、修正されるかと思います。

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

30 COMMENTS

クボ 2019/02/05

いつもお世話になっております。

カエレバ枠内のリンクボタン群に、公式に移動するための別のボタンを付け加えたいのですが、自分の知識ではうまく配置することが出来ず…

お忙しい中恐縮ですが、可能であればどのような記述をすればよいかお教え頂けますと幸いです。

回答を見る
なお 2019/01/26

SANGOを使わせていただいております。大変使いやすく重宝しております。
カエレバのデザイン・リンクについて質問させてください。
カエレバの方で、Amazon検索とAmazonサイトからブックマークレットによるリンク生成はできなくなってしまったようなのですが、以前のような「デザイン・リンク」にしたい時はどのようにすればよろしいでしょうか?

1、画像リンクをAmazonにする
2、ボタンをAmazon・楽天の順番に並び替える

よろしくお願いいたします。

回答を見る
藤田 2019/01/13

SANGOを使わせてもらっています。本当に単純なことなんですが、カエレバのコードを貼り付けても、このページにあるようなデザインになりません。そのままカエレバのままです。コードをはりつければ変わるでよろしいでしょうか。

回答を見る
タナカ 2018/10/01

カエレバの画像サイズが商品によって大きくなったり、小さくなったりしてしまいます。

これを全て同じにそろえることはできないのでしょうか?

ヨメレバの場合は、全て同じサイズに統一できています。

方法があれば、ご教授お願い致します。

回答を見る
しあ 2018/08/17

こんにちは。

以前まではテーマ「simplisity」を使っていたのですが
「sango」を導入しました。

テーマを変更したところ、
「カエレバ」の表示が見本のデザインとは違う、
余白の長い崩れたものになってしまっています。

ボタンも公式のデザインとは何だか違うものになっています。

こちらのガイドを参照して追加でCSSを貼ったのですが変化はありません。

解決策のアドバイスをいただけますでしょうか。

回答を見る
ガオ 2018/04/13

カエレバのリンクの商品画像だけがボヤけてしまうんですが、、、。
原因がわかりません。

回答を見る
すたりく 2018/03/26

カエレバで「画像中」(320px)でコードを作成しておりますが、小さい画像サイズで表示されてしまいます。横幅320pxを上限に画像を配置し、スマホなどの画面サイズが小さいデバイスでは、商品タイトルなどは回り込んで画像下に配置するには、どのようにカスタマイズをすれば良いでしょうか?
(他サイトで紹介しているCSSコードをまるまる貼り付けても、SANGOのCSSと混ざってしまいうまくいきません。そのため、SANGOのCSSをベースにカスタマイズしたいです)

回答を見る
マサキ 2018/03/01

SANGO購入させていただきました。

amazlet(http://app.amazlet.com/amazlet/)もカエレバ/ヨメレバと統一感のあるデザインのCSSを提供していただければ幸いです。

よろしくお願いいたします。

回答を見る
キキ 2018/02/25

同じアフィリエイトくくりで質問です。

A8.netなどの広告リンクにも計測用のimgタグが含まれており、不自然なスペース(段落)ができてしまいます。

何かよい解消方法はないでしょうか?

回答を見る

コメントを残す

メールアドレスは公開されません。* は必須項目です。コメント投稿のガイドライン