アマゾンのアフィリエイトをYahooブログに貼る ( ホームページ ) - 衛星屋さんの地上ロボット製作

アマゾンのアフィリエイトをYahooブログに貼る

知っての通り，YahooブログではHTMLをそのまま張り付けられない．

でも，wiki文法を利用すればできなくはないはず．
→ということで，ちょっと挑戦．とりあえずアマゾンのアフィリエイトを貼ってみようと思う．

まず，かんたんモードからwiki,HTMLモードに変更し，wiki文法使用の□にチェックを入れる．なぜかこのモードでは<br>や<h>をいれなくとも改行が実行されるので，Yahooブログエディタ側が勝手にいろいろやっていることは分かっている．

とりあえず，アフィリエイトを貼る上でやらなければならないことは，

　①画像の表示
　②アフィリエイトのリンクの作成（商品ページ）

の２つは最低やるべき．アマゾンに限らずアフィリエイトのHTMLコードを拾って貼れば，Yahooブログ以外は勝手に作ってくれるので便利だが，このブログだけは不親切なことにそれができない．

①画像の表示

　アフィリエイト先で画像表示を作り，それをこぴーしてくるとこんな感じ↓

すでに勝手にリンクが貼られていますが，最初の<a href="～～">の～～がリンク先，次の<img ... src "～～">が画像だと思われる．なんか２つあるので，とりあえずどっちも表示させるとこんな感じ↓
//--ここから１個目--//
http://ws.assoc-amazon.jp/widgets/q?_encoding=UTF8&Format=_SL160_&ASIN=B002BY4XDI&MarketPlace=JP&ID=AsinImage&WS=1&tag=lovelovemaid-22&ServiceVersion=20070822
//--ここから２個目--//
http://www.assoc-amazon.jp/e/ir?t=lovelovemaid-22&l=as2&o=9&a=B002BY4XDI
//--ここまで--//

どうやら２個目の方はカーソルを当てたときにドロップダウンで出てくるイメージらしく，表示できない．とりあえず画像表示のやりかたとしては，

［［img(httpからはじまるリンク, , )］］

※ただし［　，］は半角に直してください

というただこれだけ．

②リンクの表示

さて，リンク先ですが，地の文に書くだけでリンクはできる．↓
ちょっとクリックしてみてください．商品ページに飛べるはずです．
http://www.amazon.co.jp/gp/product/B002BY4XDI/ref=as_li_tf_il?ie=UTF8&tag=lovelovemaid-22&linkCode=as2&camp=247&creative=1211&creativeASIN=B002BY4XDI

でも，これだとあやしすぎてあんまりクリックしたくありません．
本当ならば画像にリンクを張りたいんですが，Yahooブログでは勝手に画像リンクができあがり，その画像だけを表示するページに行きます（上の画像をクリックしていただければ分かります）．
仕方がないので文字にリンクを付けます．こんな感じ↓
BUFFALO USBメモリーバリュータイプ 4GB RUF2-K4GE-WH

クリックすると先ほどと同じページが出て来たと思います．
書き方は↓の通りです．

［http://www.amazon.co.jp/gp/product/B002BY4XDI/ref=as_li_tf_il?ie=UTF8&tag=lovelovemaid-22&linkCode=as2&camp=247&creative=1211&creativeASIN=B002BY4XDI BUFFALO USBメモリーバリュータイプ 4GB RUF2-K4GE-WH］

※［，］を半角にしてください．

以上を組み合わせれば最低限アフィリエイトっぽいものはできます．Yahooブログにも完全HTMLモードみたいなのを作ってくれると，もっといろいろできていいんですがね．

ちなみに，リンク先の異様に安いUSBメモリはわたしが買ったときは780円でした．1年くらい前に買って今のところ壊れていません．

「日記帳」書庫の記事一覧

日	月	火	水	木	金	土
1	2	3	4	5	6	7
8	9	10	11	12	13	14
15	16	17	18	19	20	21
22	23	24	25	26	27	28
29	30	31

衛星屋さんの地上ロボット製作

全体表示