コンピュータ・インターネットノウハウをみんなで自由に編集し合える!

2chまとめブログで良く貼られているamazon画像の詳細 コンピュータ・インターネット

普通のサラリーマンが年収1000万円になる方法posted with amazlet at 10.10.14別所 諒 アスコム 売り上げランキング: 183080おすすめ度の平均: 給与が上がらないのは「自分の責任」お金にこだわれ 目的にフォーカスし、相手の立場に立って行動 イエスマンほど給料を多くもらえるようにできている 一つの考え方としては有りです。 注意して読む必要アリAmazon.co.jp で詳細を見る

こちらは良く2chまとめブログでよく見かけますね
他にもamazonにリンクされているデカい商品画像や綺麗に切り取られた商品画像
一体どのようにして作られているのでしょうか?
ウェブサービスでURL作成編
お手製URL作成編

↓続きからどうぞ

Amazon.co.jp: モンスターハンターポータブル 3rd アクセサリーセット for PSP: ゲーム

大きな画像でアマゾン商品をいろいろ紹介するには?

アマゾンの紹介画像って自分で探してきているの?
でも画像のリンクをみたらアマゾン…
アマゾンのサイトに行ってもそんな画像は見つからない
公式ウィジェットもなんか違うし
商品リンクでは物足りない
そんな方必見!

WEBサービスを利用する:amazlet

普通のサラリーマンが年収1000万円になる方法posted with amazlet at 10.10.14別所 諒 アスコム 売り上げランキング: 183080おすすめ度の平均: 給与が上がらないのは「自分の責任」お金にこだわれ 目的にフォーカスし、相手の立場に立って行動 イエスマンほど給料を多くもらえるようにできている 一つの考え方としては有りです。 注意して読む必要アリAmazon.co.jp で詳細を見る
記事TOPにも貼ってあるamazletさんのリンクはこちら
amazlet
http://www.amazlet.com/
ツールを使用して作成します。トップページから下のリンクを見つけましょう
上の真ん中のほうにあります
【使われてます】カンタン手順でブログに商品情報を貼り付け、amazletツールの利用はこちらから!

WEBサービスを利用する:goodpic.com

本気で稼ぐための「アフィリエイト」の真実とノウハウ

あびる やすみつ 秀和システム 2010-05売り上げランキング : 1683おすすめ平均 何もわからない人は読んでみて損はないアフィリ関係の情報商材を買う前に・・・稼ぐには正攻法しかない。Amazonで詳しく見る by G-Tools
こちらも似たようなウェブサービスですが
amazletさんのように真ん中にリンクが貼られるようなことはありませんが
少々面倒かもしれません
その他アマゾンの画像リンクが切れた場合でも
同サービスのみ自動的に新しい画像URLに変更してくれてアマゾンの画像が常に表示してくれる
ブログパーツも配布されています
goodpic.com
http://www.goodpic.com/mt/archives/000480.html

アマゾンへのURLを自分で作る:その1(デカ画像)

あらかじめ画像のリンクや商品へのリンクは決まっているので
タグの一部を変更すればすぐに出来ます。
少しでも手間を減らしたい方はこちらのアドオンの導入をオススメします
あと回しの方は飛ばして下へ

タブブラウザのFireFoxやChoromeのアドオン
FireFoxアドオン
MakeLink
https://addons.mozilla.org/ja/firefox/addon/142/
Choromeアドオン
CreateLink
https://chrome.google.com/extensions/detail/gcmghdmnkfdbncmnmlkkglmnnhagajbm
使い方
Make Link:MakeLinkの上手な使い方(kimihiko tech)
Create Link:Google ChromeでMake Linkっぽいことを実現する『Create Link』が便利ですね(IDEA
  • IDEA)

使い方がわかれば下記の手入力用のURLをアドオンに調整してからセットしていただければ完了です

こちらがコピペ用です改変して使ってください
コピペ用
<center><a href="http://www.amazon.co.jp/o/ASIN/ここに商品番号/トラッキングID/"><img src="http://rcm-images.amazon.com/images/P/ここに商品番号.09..LZZZZZZZ.jpg" border=0></a><br><a href="http://www.amazon.co.jp/o/ASIN/ここに商品番号/トラッキングID/">ここに商品名</a></center>
Chrome:MakeLink用
<center><a href="http://www.amazon.co.jp/o/ASIN/%text%/トラッキングID/"><img src="http://rcm-images.amazon.com/images/P/%text%.09.LZZZZZZZ.jpg" border=0></a><br><a href="http://www.amazon.co.jp/o/ASIN/%text%/トラッキングID/">%input%</a></center>

Chrome:CreateLink用
<center><a href="http://www.amazon.co.jp/o/ASIN/%text%/トラッキングID/"><img src="http://rcm-images.amazon.com/images/P/%text%.09.LZZZZZZZ.jpg" border=0></a><br><a href="http://www.amazon.co.jp/o/ASIN/%text%/トラッキングID/">%title%</a></center>
アマゾンの商品番号はここを使ってください


実際のリンクです
ブログサイドバーに入れるならwidth="160px"とか入れて
サイズを変更してもよろしいかと思います
Lサイズ

Amazon.co.jp: figma けいおん! 中野梓 制服ver.: おもちゃ
Mサイズ

Amazon.co.jp: figma けいおん! 中野梓 制服ver.: おもちゃ

アマゾンへのURLを自分で作る:その2(切り抜き)


画像切り抜きverです

Amazon.co.jp: けいおん! ねんどろいど 平沢憂 (ノンスケール ABS&PVC塗装済み可動フィギュア): おもちゃ
切り抜き前の画像です

Amazon.co.jp: けいおん! ねんどろいど 平沢憂 (ノンスケール ABS&PVC塗装済み可動フィギュア): おもちゃ

仕組みは意外と簡単です
<img src="http://ecx.images-amazon.com/images/I/商品画像番号._SX350_CR100,60,160,350_.jpg" border="0">
商品画像番号の後ろの数字をいじって上手く表示されるよう調整するだけです
あとはさきほどのコピペURLの画像部分と入れ替えるだけです
ですが後から手を加えることが多いのでちょっと面倒です
コピペ用
<center><a href="http://www.amazon.co.jp/o/ASIN/ここに商品番号/トラッキングID/"><img src="http://ecx.images-amazon.com/images/I/商品画像番号._SX350_CR100,60,160,350_.jpg" border="0"></a><br><a href="http://www.amazon.co.jp/o/ASIN/ここに商品番号/トラッキングID/">ここに商品名</a></center>
Chrome:MakeLink用
<center><a href="http://www.amazon.co.jp/o/ASIN/%text%/トラッキングID/"><img src="http://ecx.images-amazon.com/images/I/商品画像番号._SX350_CR100,60,160,350_.jpg" border="0"></a><br><a href="http://www.amazon.co.jp/o/ASIN/%text%/トラッキングID/">%input%</a></center>
Chrome:CreateLink用
<center><a href="http://www.amazon.co.jp/o/ASIN/%text%/トラッキングID/"><img src="http://ecx.images-amazon.com/images/I/商品画像番号._SX350_CR100,60,160,350_.jpg" border="0"></a><br><a href="http://www.amazon.co.jp/o/ASIN/%text%/トラッキングID/">%title%</a></center>
使う画像はこの部分


拾ってくる商品画像番号はココ



なにか抜けてる点があればコメ欄まで
ご利用は自己責任でよろしくお願いします。 http://kkkstyle7777.blog83.fc2.com/blog-entry-165.html
関連ノウハウ

このノウハウを評価する

評価、コメントするにはサービスに登録してください。

サービス登録をする

コメントを見る

コメントするにはサービスに登録してください。

サービス登録をする

この記事を通報する

ノウハウを書く