ストークに『カエレバ』『ヨメレバ』を導入しました

カエレバ・ヨメレバの作成方法
スポンサーリンク

 

今回サイトにカエレバ・ヨメレバを導入しました。

 

 

いままでは商品や書籍のリンクについてはアマゾンのみのリンクでした。

  • 商品のリンク

Fire TV Stick

 

これではアマゾンではなく、楽天で良く買い物をされている方にはクリックしてもらえません。

 

ストーク(STORK)で『カエレバ』『ヨメレバ』を使う

 

『カエレバ』『ヨメレバ』って何?という方もいらっしゃると思いますので、これです。

カエレバ

ヨメレバ

いろいろなサイトを見ている時に「これいいな~」と思い、

「どこのブログパーツなんだろ?」と調べてみました。

 

『カエレバ』『ヨメレバ』という商品や書籍紹介用のブログパーツであることがわかりました。

  • 『カエレバ』・・・商品紹介用
  • 『ヨメレバ』・・・書籍紹介用

のブログパーツです。

『カエレバ』『ヨメレバ』の作成方法

 

このサイトにも早速、『カエレバ』『ヨメレバ』を取り入れました。

開発者の「かん吉」様ありがとうございます。

 

作成方法については以下のとおりです。

【手順1】公式サイトへアクセス

まずは公式サイトへアクセスします。

『カエレバ・ヨメレバ』公式サイト

【手順2】対応するASPに登録する

基本的に『カエレバ』『ヨメレバ』ともに同じ作成手順になりますのでここからは

『カエレバ』で説明します。

カエレバ公式サイトにアクセスすると、このような画面になります。

カエレバトップ画面

 

サイト名』と『アフィリエイトリンクコードのid』を入力し画面下の保存をクリックするだけで

国内の主要なショッピングサイトである

  • Amazon
  • 楽天市場
  • Yahoo!ショッピング
  • 7netショッピング

をまとめたリンクパーツを簡単に作れます。

会員登録などはいっさい必要ありません。

【手順3】利用するASP

ちなみに上記に4つのショップサイトすべてに対応しているASPは上の画像のとおり

の2つです。

AmazonアソシエイトやA8netでもカエレバ利用できますが

報酬の把握と管理を考えると4つすべてのショッピングサイトに対応したASPを利用した方が良さそうです。

報酬の発生が別々のASPだと面倒です。

アフィリエイト報酬1円から振込

なかでも住信SBIネット銀行を利用すると、もしもDSの売り上げを1円から報酬が得られるようなので

もしもアフィリエイトを使うことにしました。

バリューコマースの場合は1,000円以上報酬を得られないと銀行に振込されません。(2018年6月7日時点)

スポンサーリンク

【手順4】リンクidの入力

 

もしもアフィリエイト で『Amazon』『楽天市場』『Yahoo!ショッピング』『7net』それぞれと提携します。

提携後、原稿取得のソース画面から各ショップのidをコピペします。idの位置は以下のとおりです。

もしもアフィリエイトのidの場所

(出典)カエレバ各アフィリエイトidの調べ方

それぞれのidをコピーし、カエレバトップ画面に貼り付けていきます。

カエレバにidを入力する

入力したら画面下の『保存』をクリックします。

【手順5】ブログパーツの生成

『保存』をクリックすると、次のページにいきます。

ここからは商品の選択とブログパーツのデザインを決めます。

画面上に商品検索窓がありますのでリンクを作成したい『商品キーワード』を入力し、品ぞろえの多い『Amazon』で検索します。

例として「Fire TV Stick」で作成します。

カエレバで商品キーワードを入力する
たまにエラーで上手く検索できないことがあるようなので、その場合は何回か検索しなおす(リロード)するといいそうです。

検索するとブログパーツが生成されますので以下のように設定します。

カエレバブログパーツ生成
<設定のポイント>

  • デザインはcssカスタマイズ用を選択すること(重要)
  • 詳しいことはわかりませんがSEO的にはrel=nofollowが良いようです
  • 商品の後ろにくる言葉はお好みで
  • ボタンを作成したいショッピングサイトにチェックをいれる

設定において重要なのが、あとでボタンのデザインを自由にカスタマイズできるように

cssカスタマイズ用

を選択してください。

設定を決めたら最後に『更新』ボタンをクリックすると下にソースコードが表示されますのでブログにコピペします。

カエレバの作成はこれで完了です。

スポンサーリンク

『カエレバ』『ヨメレバ』のボタンのデザインの変更

【変更後】 デザインをおしゃれに。

 

カエレバの作成はできたのですが、初期のデザインではなく、ほかのサイトで見る素敵なデザインにしたいのですがCSSの知識はまったくありません。

 

変にCSSをいじって元に戻らなくなるのが怖い

 

のでデザインの変更に戸惑っていたのですが、ストーク(STORK)ではCSSファイルを書き換える必要もなく簡単にできます。

ストークで『カエレバ』『ヨメレバ』のボタンのデザインの変更

 

『カエレバ デザイン』などで検索するとカエレバのカスタマイズのCSSを提供しているサイト様がたくさんあります。

そこからお好みのデザインのCSSをコピーしてストーク(STORK)管理画面の追加CSSの項目に貼り付けるだけであっという間に変更できます。

 

ちなみに枠なしでシンプルなデザインが良かったのでこちらのサイト様のデザインを使わさせていただきました。(RoughLog様ありがとうございます)

 参考  RoughLog様「CSSコピペでOK!カエレバ・ヨメレバ・トマレバのデザインをまとめてカスタマイズ!」

リンク先のCSSをコピーし、WordPressのダッシュボードから『サイトをカスタマイズ』をクリックします。

ストークでカエレバのデザインを変更する

画面1番下の『追加CSS』をクリックします。

追加CSSにお好みのCSSを貼り付ける

コピーしたお好みのCSSを貼り付け『公開』をクリックします

お好みのCSSを貼り付け公開をクリックします

これで完了です。先にも記載しましたが、カエレバ作成の際『cssカスタマイズ用』でブログパーツを生成していないとCSSを貼り付けてもデザインが変更されませんので注意。

 

いろいろサイトで公開されているCSSを試してお好みの物を探してみてください。

 

本の紹介をしたい場合は書籍紹介用である『 ヨメレバ 』から同じ手順で作成します。

『カエレバ』『ヨメレバ』を作成するには、もしもアフィリエイトの登録からはじめましょう。

『カエレバ』『ヨメレバ』作成の前に
>>> もしもアフィリエイトに登録する
スポンサーリンク
スポンサーリンク

ABOUTこの記事をかいた人

「通貨の強弱分析によるFX取引」と「米国ETFによるグローバルインデックス投資」という2つのアセットクラスを適宜リバランスすることで、「通貨価値の変動(インフレヘッジ)に対応した世界分散投資ができる最強のポートフォリオ」を構築するべく日々運用と検証に取り組んでいます。通貨強弱によるFX取引をなかなか身につけることができず苦戦中です。FX専業経験1年あり。