当ブログでも商品を紹介することがあるのですが、少し見にくかったりデザインが合わないなぁ…ということが多々あります。
例えば、Amazonと楽天とどちらでも買えるように2つ紹介するとこんな感じ。
![[商品価格に関しましては、リンクが作成された時点と現時点で情報が変更されている場合がございます。]](https://hbb.afl.rakuten.co.jp/hgb/15d3644b.fe36683d.15d3644c.096854bf/?me_id=1332776&item_id=10010405&m=https%3A%2F%2Fthumbnail.image.rakuten.co.jp%2F%400_mall%2Fpinkiri%2Fcabinet%2Fgeming%2Fb071r7rf32.jpg%3F_ex%3D80x80&pc=https%3A%2F%2Fthumbnail.image.rakuten.co.jp%2F%400_mall%2Fpinkiri%2Fcabinet%2Fgeming%2Fb071r7rf32.jpg%3F_ex%3D128x128&s=128x128&t=picttext "[商品価格に関しましては、リンクが作成された時点と現時点で情報が変更されている場合がございます。]")
うーん…なんとも言えないです。
せっかく紹介するのですから、少しでも見やすくきれいにしておきたいですよね。
そこで今回はブログパーツの「カエレバ」を導入して、実際の登録方法や使い方を紹介していきたいと思います。
カエレバに登録して商品を紹介してみよう
＜目次＞
カエレバとは
カエレバとは、Amazonやyahoo、楽天など複数の店舗の商品をまとめて紹介することができるブログパーツです。無料で利用できることもあり人気を集めています。
人それぞれお気に入りのショップがありますよね。Amazonで買いたい人もいれば、楽天のポイントを貯めている人もいます。そんな方々のニーズに合わせることができるのも大きな魅力だと思います。
では早速会員登録を進めていきます。
カエレバの新規登録方法
「カエレバ」トップページへアクセスする
「カエレバ」トップページ：商品紹介ブログパーツ カエレバ
画面を下にスクロールして入力フォームに情報を入力する
途中に利用上の注意点などが記載されているので目を通しておきましょう。
左側が紹介できるショップ、右側に自分のアフィリエイトの会員IDを入力していきます。
全て埋める必要はありません。自分の登録しているものを入力しましょう。
今回は「Amazon」「楽天」「yahooショピング」の3つを入力し、進めていきます。
入力を終えたら一番下の「保存」をクリックです。
「画像+リンクリスト ブログパーツ生成」こちらのページが表示されます。
ここで、赤線で囲った部分を確認してみてください。
先程「amazon」「楽天」「yahooショッピング」の3つのIDを入力しました。
一方「7net」や「セシール」などは入力していませんので訂正線が入っています。
もし、IDの入力が間違っていた場合には訂正線が入りますので自分の入力したサイトが使えるようになっているか確認しておきましょう。
これで登録は完了しました。次は実際にカエレバを使って広告を作ってみましょう。
カエレバの使い方
ブックマークレットを設定する
紹介する商品を選択する際には「カエレバ」サイト上で商品を検索する方法と、「ブックマークレット」を使う方法の2つがあるのですが、今回は「ブックマークレット」を利用した方法を紹介します。
理由は両方試してみて「ブックマークレット」の方が操作がしやすいと感じたからです。
まず、お使いのブラウザーのツールバーに「ブックマークレット」を追加します。
先程の画面から下に進んでいくと見つかるはずです。
こちらの画面の赤で囲った部分をマウスでドラッグして、ブラウザーのツールバーに貼り付けます。
ドラッグしたまま、ツールバーの何もないところで離します。
これでツールバーに「ブックマークレット」が設定されました。
Amazonサイト上から紹介したい商品ページを開く
Amazonトップページ：Amazon.co.jp
Amazonサイト上から紹介したい商品のページを開きます。今回はゲーム用のコントローラーを選びました。
ツールバーの「ブックマークレット」をクリック
ブックマークレットをクリックすると自動で商品の広告が作成され、カエレバのページが表示されます。
リンクをカスタマイズする
ここまで来たらもう少しです。選んだ商品の広告を見やすく調整してみましょう。
①広告のデザインを選ぶことが出来ます。左のボックスでは全体のデザインを変えられます。右のボックスは「各ショップへのリンクボタン」のデザインです。
下の画像が変化するので色々試して好きなものを選びましょう。
変わらない場合は「更新」ボタンを押してみましょう。
※ブラウザ自体の更新ではありません。
②ここはとても重要な部分になります。各ショップへのリンクをクリックした場合、「ここで入力した商品キーワードで検索したページ」が表示されることになります。
ですので商品名や商品に結びつくワードを必ず入れるようにしましょう。
右のボックスは各ショップへのリンクを変更できます。
③はタイトルの変更と画像サイズ、文字サイズを選ぶことが出来ます。
④では紹介したいショップを選択しておきましょう。今回は「Amazon」「楽天」「yahoo」の3つです。
①～④まで全て確認して出来たものが下の画像になります。
後はこれをブログやホームページに貼るだけですが、その前に各ショップへのリンクを確認しておきましょう。(赤枠内の部分です)
先程も書きましたが「入力した商品キーワード」で各ショップを検索するので、キーワードが合っていないと目当ての商品が表示されない…ことになってしまいます。
コードをコピーしてサイトに貼り付ける
最後の確認ができたら、コードをコピーして自分のサイトに貼り付ければ完了です。
早速完成した広告を貼り付けてみました。どうでしょうか。
初めのものよりは見やすいものができました！
このままだとシンプルですがCSSを使ってデザインを好みで変更することもできます。
続きもまた記事に出来ればと思っています。
ここまでお読みくださりありがとうございました。
アフィリエイトへの登録方法はこちらで紹介しています。
よろしければこちらもご覧ください。
