サイドバーでココログアフィリエイト
ココログアフィリエイトの画像は、私にとって商売の要素はあまり無い。それより“こんな感じの物だよ~”という、一目瞭然的な意味合いが強い。
そりゃあ、購入されるに越したことはないが…。(特にブログ関連の本は、一冊もっておけば「みんなで解決!広場」あたりでウロウロする事が、格段に減ると思う)
それは置いといて…多少ココログアフィリエイト本来の使用目的からは逸脱するが、その気はなくてもやり方は覚えておくと、後々マイリストの応用に使えるので、私としては、まだアクセス数の少ない初心者には、アクセスカウンターを設置するより前に、こちらの方法を覚えることをお薦めする!(コピペだけで貼り付けられるカウンターに好みの素材があるならいいんだけど)
まず、これから先の事も考えて、
覚えたほうがいいタグがいくつある。
「タグって何ですか~?」という人には、ブログを作る上で必要な“暗号”みたいなモノ、とだけ要約しておく(かなり大雑把だけど)
<a href="●●●"></a>
↑これがリンクタグ。
●●●の所に、リンク先のurlアドレスを書き込む。
<img src="▲▲▲" boder="0" alt="◆◆◆">
↑画像関係のタグ。
▲▲▲は、画像の場所を示すURLアドレスを書き込む所。
boder="0" は画像の周りに枠線を表示したくない時に書き込む。
alt="◆◆◆" これは閲覧者のブラウザが画像を表示出来ない環境の時に◆◆◆の所に入れた文字が代わりに表示されるタグ。
あるいは画像の上にアイコンを置くと表れる文字。(ココログアフィリエイトには殆ど、boder="0"と alt="◆◆◆"が含まれている。)
これらの文字列はブログを作っていると、頻繁に出てくる。
他にも width="幅" や height="高さ" 等があるので覚えておこう!
例えば、こんな時!
素材サイトさんやランキングサイト等で、バナーを貼ってくださいと指示があった場合。
どのサイトもコピー&ペーストだけで済むようにしてくれているとは限らない。「リンク用のURLは、コチラ」と明記してあるだけの場合には、自分で記述しなくてはならないのだ。
その時に必要になってくるのが、これらのタグである。
(バナーについては、初めてのココログフリー・カスタマイズさんの「第2回:バナーを張ってみよう」を参照)
では、本題!
1.記事作成画面にある“アフィリエイト”のアイコンをクリック。
2.別窓が左上に表示される。その中から自分のアフィリエイト商品を検索する。 (今回は本を選択)
3.縦にいくつもの表示パターンが並んでいるのでスクロールして選択する。
テキスト(文字の)表示のないパターン(大小二種類ある)を選び、「リンク挿入」ボタンをクリックする。
テキスト表示のあるものは、本文中なら問題ないがサイドバーではNG!
サイドバーでは、テキスト(文章)の途中に改行タグを挟まないと、文字が切れてしまうので、初心者は画像だけを選択するのが最初の一歩!
4.本文の中にアフィリエイト画像が表示されているのを確認。アフィリエイトボタンよりも右側に「HTML編集」の文字がある。
クリックしてHTML表示にする。
5.そこには、何やら得体の知れない文字が並んでる。
その中には先程書いたタグもあるのが分かるだろうか?
全部をコピーする。
この記事は、ここで終了。保存しなくてよい。(不安な場合はメモ帳などに貼り付けておくと安心)
6.マイリスト画面へ。
リストの種類を選んで新規作成する。今回は本以外の場合を踏まえて、メモリストで説明。
本リストには、書名・著者名・評価、等も記述するスペースがある。書名・著者名は、それ以外の文章でも問題ないので、「はっさくのカスタマイズ・メモ」では本の内容を説明している。左サイドバーの「blog作りで参考にした本」が、その例。
7. “リストの名前”は「最近の記事」や「バックナンバー」「カテゴリー」と同じ項目タイトルにあたるので、タイトルに文字を入れたくない場合は、スペースを入れておく。ただし、タイトル分の隙間が出来るけど。
8.リストの新規作成をクリック
9.新しく出来たリスト(ここでは紹介した本)のタイトルをクリック→“このリストをウェブログまたはプロフィールページで表示する”をクリック→チェックを入れて、変更を保存をクリック→閉じる。
10.項目の追加をクリック。
ラベルには文章を書き込めるので、著者名や説明文を入れる。入れたくない場合は、スペースを!
11.その下にある広いスペースに、記事作成画面でコピーした暗号の様なもの(HTML)を張り付ける!
12.追加をクリック。 変更を保存して、設定画面に切り替える。
13.設定タブをクリックし、リストの説明(オプション)に、このリストが何であるかを明記する。
特に、リスト名やラベルをスペースにした場合は、ここだけが内容の確認できる唯一の場所になるので、必ず書き込もう!
ブログには反映されないので、何を書いても大丈夫。
変更を保存する。
これでココログアフィリエイトが完成である♪
マイリストの表示/非表示は
デザイン→テーマの変更→表示項目の変更→マイリストの中にチェックを入れる(この時、タイトルをスペースにした場合は、“メモ”としか表示されていないので一度チェックを入れて確認画面で調べる事になる。
長かったけど、これを覚えておけば貼り付ける要領は
皆同じ事が、回数を重ねる毎に分かるようになると思うので、
頑張れ~!
しかし、文章にすると長いな…。
◇ 初めてのココログフリー・カスタマイズ さん。
| 固定リンク
「◆カスタマイズ全般」カテゴリの記事
- 久しぶりの更新っ!(2008.06.28)
- 背景画像を透かしてみた(2006.10.10)
- 解像度とピクセル(改正版)(2007.04.08)
- 高額画像編集ソフトはもういらない?(2007.04.01)
- ココログから返事が来た(2007.08.19)
「◆サイドバー」カテゴリの記事
- サイドバーでココログアフィリエイト(2006.05.07)
- サイドバーの項目タイトルに画像アイコン(2006.06.11)
- サイドバーの整理整頓にドップリ!(2006.01.14)











コメント
サイドバーにアフィリエイトが載せられないと知ってすごくショックでした。はっさくさんのおかげでお引っ越ししないですみました。ありがとうございました。勉強してから、トラックバックさせてください。
投稿: はっぴー | 2008年1月31日 (木) 17時46分
◆はっぴーさん
よかったですね!
お役に立てて嬉しいいです(^^)
使い方ガイドも、もう少柔軟な対応をしてほしいですね。CSSの事をチラッとでいいから載せるとか(どこで線を引くかが難しいですが)せめて、こういう事を学ばないと出来ないですよ~、くらいの目安は必要ですね。
サイドバーへアフィリエイト画像を貼り付けるのは、アマゾンに限らず、他のアフィリエイトサイトの商材でも使えるので、慣れてきたらチャレンジする事もできますよ~。
ゆっくりあせらずがんばってください(^_^)/
投稿: はっさく | 2008年2月 3日 (日) 13時16分