前回、 CSSコード を設定したので、「カエレバ」を利用して HTMLコード を生成する!
(1) 「カエレバ」用 Cookie の保存
(2) 商品検索したサイトから「ブックマークレット」を利用して、「カエレバ」用HTML を生成
【筆者】前回の「カエレバ」CSSコードの設定
「広告」
前回、 CSSコード を設定したので、「カエレバ」を利用して HTMLコード を生成する!
(1) 「カエレバ」用 Cookie の保存
「カエレバ」ブログパーツ にて「カエレバ」の設定 ( Cookie ) を保存する。サイト名は任意の名前を指定し、各「アフィリエイトidの調べ方」を参照し、 アフィリエイトid を設定後、この画面より下にある [ 保存 ] ボタンをクリックする。
上記は、「Amazon」「楽天」「Yahoo!ショッピング(バリューコマース)」の3店を利用する例。
「Yahoo!ショッピング」は直リンクが廃止になったため、無料の「バリューコマース(通称バリュコマ)アフィリエイト」を経由して行なっている。
バリューコマース アフィリエイト
「カエレバ」用の「ブックマークレット」を、利用しているブラウザのツールバーやお気に入りに追加する。
Safari の場合、上記画面の赤枠の部分をドラッグして、ツールバー上でドロップすれば良い。
(2) 商品検索したサイトから「ブックマークレット」を利用して、「カエレバ」用HTML を生成
Amazon 等で該当商品を検索後、ブラウザに追加登録した「ブックマークレット」をクリックして「カエレバ」サイトを開く。
上記画面赤枠内の商品名の中から適切な「商品キーワード」をコピーしておくと良い。
サイト名や、デザインが「 amazlet風-2 (CSSカスタマイズ用)」である事を確認してから、「商品キーワード」を入力して、 [ 更新 ] ボタンをクリックする。
上記画面の赤枠の部分が、CSS未反映の「カエレバ」HTML表示結果で、その下のコード部分が生成された「カエレバ」HTMLコード。
このHTMLコードを丸ごとコピーして、livedoorブログ の [ HTMLタグ編集 ] 状態で 貼り付ければ良い。
なお、この画面から 用意したアフィリエイトのうち、一部のアフィリエイトリンクを無効にすることが可能だ。
対応するチェックボックスをオフにした後、 [ 更新 ] ボタンをクリックする必要がある。
「広告」amazon WINTER SALE
最後まで読んでいただき、ありがとうございます。ぜひ、右側の「人気ブログランキング」投票に ご協力ください。
また、お越しくださいませ。
// アタル
「広告」
コメント