記事キャッチ画像
 前回、 CSSコード を設定したので、「カエレバ」を利用して HTMLコード を生成する! 

 (1) 「カエレバ」用 Cookie の保存 

 (2) 商品検索したサイトから「ブックマークレット」を利用して、「カエレバ」用HTML を生成 

 【筆者】前回の「カエレバ」CSSコードの設定 
  「広告」  
 


 前回、 CSSコード を設定したので、「カエレバ」を利用して HTMLコード を生成する! 

 (1) 「カエレバ」用 Cookie の保存 

「カエレバ」ブログパーツ にて「カエレバ」の設定 ( Cookie ) を保存する。

51

サイト名は任意の名前を指定し、各「アフィリエイトidの調べ方」を参照し、 アフィリエイトid を設定後、この画面より下にある [ 保存 ] ボタンをクリックする。
上記は、「Amazon」「楽天」「Yahoo!ショッピング(バリューコマース)」の3店を利用する例。

「Yahoo!ショッピング」は直リンクが廃止になったため、無料の「バリューコマース(通称バリュコマ)アフィリエイト」を経由して行なっている。
バリューコマース アフィリエイト

49

「カエレバ」用の「ブックマークレット」を、利用しているブラウザのツールバーやお気に入りに追加する。
Safari の場合、上記画面の赤枠の部分をドラッグして、ツールバー上でドロップすれば良い。


 (2) 商品検索したサイトから「ブックマークレット」を利用して、「カエレバ」用HTML を生成 

52

Amazon 等で該当商品を検索後、ブラウザに追加登録した「ブックマークレット」をクリックして「カエレバ」サイトを開く。
上記画面赤枠内の商品名の中から適切な「商品キーワード」をコピーしておくと良い。

52

サイト名や、デザインが「 amazlet風-2 (CSSカスタマイズ用)」である事を確認してから、「商品キーワード」を入力して、 [ 更新 ] ボタンをクリックする。

35

上記画面の赤枠の部分が、CSS未反映の「カエレバ」HTML表示結果で、その下のコード部分が生成された「カエレバ」HTMLコード。
このHTMLコードを丸ごとコピーして、livedoorブログ の [ HTMLタグ編集 ] 状態で 貼り付ければ良い。

なお、この画面から 用意したアフィリエイトのうち、一部のアフィリエイトリンクを無効にすることが可能だ。
対応するチェックボックスをオフにした後、 [ 更新 ] ボタンをクリックする必要がある。


最後まで読んでいただき、ありがとうございます。
ぜひ、右側の「人気ブログランキング」投票に ご協力ください。
また、お越しくださいませ。
// アタル

  「広告」