忍者ブログ

Customize in Ninja Blog

NINJAブログを使いこなそうと始めたブログ。

2017.11│ 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

[PR]

×

[PR]上記の広告は3ヶ月以上新規記事投稿のないブログに表示されています。新しい記事を書く事で広告が消えます。

Amazon用フッターテンプレート④基本ベースⅡ

久しぶりにフッターテンプレートを作成。
前回はテーブルタグで基本ベースを作成しました。こちらも、テーブルにclass指定を入れるなどすればCSSでの調整も可能なのですが、よりCSSで表現しやすいように作り変えました。
変更点はこんなところ
・<div>で作成。
・CSSで見栄えを指定。


サンプル表示▼

改訂第3版 JavaScriptポケットリファレンス Pocket reference

≪データ≫
著者:

古籏 一浩

発売日:2003/05/24
定価:¥ 2,289
ASIN:4774117269
PR

Amazon用フッターテンプレート③画像のみの表示Ⅱ

前回の続きでAmazon商品画像で遊び中です。

今度は、画像の上に何かを貼るといったものです。

え? つまんない?
いいんです。私が面白いから(笑)
自分が使うとき、また探しに行くの嫌だからまとめておくぐらいの意味しかないし。

というわけで懲りずに画像遊びです♪

Amazon用フッターテンプレート②画像のみの表示Ⅰ

忍者ブログのフッターテンプレートのAmazon用の画像のみを表示するものを作成しました。

普通に大きさを変えるだけならば独自タグを変えればすむので、それ以外でどんなことができるか。少々遊び半分です

参考サイトはこちら⇒Abusing Amazon images(英語のサイトです)

ここから分かることは、アマゾンのURLはこのように成り立ってるということです。
まず冒頭に
http://images.amazon.com/images/P/
とあります。たぶん全部の画像がそうです。
その次に
4758052174.09.TZZZZZZZ.jpg
とあります。
まず最初の「4758052174」というのは、ASIN番号です。ちなみにこのコードはほぼISBNと同じと考えて。(ちなみにこの番号は月光花のコード)
そのあとの「.09.」というのは、日本に割り当てられた番号らしいです。
正確に言うとAmazon.co.jpに割り当てられた番号ということです。アメリカのアマゾン=Amazon.comだとこの番号は「01」だそうです。

その次の「TZZZZZZZ」の8桁の数字はおおむね画像のサイズなどを示すのですが、それ以外のこともできます。
ここをいじると、いろいろ遊べるのです

忍者ブログの独自タグにある、「<!--$amazon_ImageUrlSmall-->」=「サムネイル画像のURL」、「<!--$amazon_ImageUrlMedium-->」=「画像(中)のURL」、「<!--$amazon_ImageUrlLarge-->」=「画像(大)のURL」で示される画像はそれぞれ末尾が以下のようになってます。
<!--$amazon_ImageUrlSmall-->・・・THUMBZZZ.jpg
<!--$amazon_ImageUrlMedium-->・・・MZZZZZZZ.jpg
<!--$amazon_ImageUrlLarge-->・・・LZZZZZZZ.jpg
この辺の画像サイズは、「アマゾン用独自タグの確認 」という記事を見ていただければ分かるかと思います。(一番大きいのは相当大きいので、枠から先が切れてる可能性アリ)
ちなみにTZZZZZZZ.jpgのサイズはこのぐらい。
月光花
デフォルトサイズ(?)のようです。

以下、サンプルとソースです。

Amazon用フッターテンプレート①基本ベース

Amazon用のフッターテンプレートを作成しました。
商品画像でちょこっと遊んでます♪
骨組みはテーブルで組んであります。基本ベースとして使うといいと思います。
▼サンプル表示です
コーセルテルの竜術士物語 3 (3)      IDコミックス ZERO-SUMコミックス
画像を拡大する
コーセルテルの竜術士物語 3 (3) IDコミックス ZERO-SUMコミックス
著者:石動 あゆま
発売日:2006/03/25
Amazon価格:¥ 580(定価:¥ 580)
ユーズド価格:無し
この設定のソースです

Amazonの「カートに入れる」ボタンを作ってみる。

忍者ブログのフッターテンプレート機能でアマゾン用のフッターテンプレートを作るときに「カートに入れる」とか、「Amazonで買う」などのボタンがあると便利かな~と思い、作成しました。
作成したもののテストを兼ねています。どうぞご了承を。

「カートに入れる」のほうは下のサイト様を参考にさせていただきました。
Amazon のカートに入れる機能の仕様が変更?│drk7.jp様

「Amazonで買う」のほうは、アマゾンアソシエイトセントラルで作成できる個別商品リンクを参考にしました。



「カートに入れる」と「Amazonで買う」は、ボタンを押したときに表示されるページが異なります。

「カートに入れる」のほうは、「******を買った人は、こんな商品も買っています」という文言が左上にあり、右側に「ショッピングカートの中身」という部分がでて、そこに「ショッピングカートに加わった商品:******」というブロックがでるページへ行きます。

「Amazonで買う」のほうは、ショッピングカートの中身の画面へ行きます。

以下、具体的な設定です。

フッターテンプレートの利用法

フッターテンプレートの設定が可能になってアマゾンをはじめとしたアフィリがかなりやりやすくなりそうな今日この頃の忍者ブログ。
フッターテンプレートに楽天なんかのアフィリコードを登録するとネットショップとかやりやすいんじゃないかな?と思います。

審査がほとんどないA8.netなどで楽天用のコードを生成すると、楽天のコードにはこんな説明書きがあります。
作成されたリンクは、
例)http://px.a8.net/servlet/ejp?a8mat=HFDT+MHI+YIP& a8ejpredirect=http://www.rakuten.co.jp/
という形式になります。画像やテキストと一緒に使用することが出来ます。
さらに・・・

例)http://px.a8.net/servlet/ejp?a8mat=HFDT+MHI+YIP& a8ejpredirect=http://www.rakuten.co.jp/market/pc/
のようにリンクのURL部分(http://www.rakuten.co.jp/)だけを変更してご希望のページへのリンクをいくつでも作成することが出来ます。一度作成したリンクを元に、希望のページへのリンクを何本でも作成できます。

つまり、ひとつの生成コードでいくらでもリンクが作れるのなら、これをフッターテンプレに登録しておけばコピペがやりやすくなるというもの。

これを機にアフィリエイトをやってみようと思うのならこれは絶対便利。
前にも書きましたが、A8.net自体の審査はかなりゆるいです。そのあと楽天を使うなら楽天の承認が必要なのですが、これもかなりゆるゆる。基本的に違法でなければ可ということでしょう。

とまぁこんなところです。
Amazon以外にも使い道は多そうですね~
■Search
■About

●このブログについて
忍者ブログを使いこなそうと始めたカスタマイズサイト。分からないことばかりで四苦八苦しています。 変なところあったらぜひ言ってくださいませ(*- -)(*_ _)ペコリ
なお、このブログで実験もしています。 常に実験しているので、崩れとかありましたら教えてくださるとうれしいです。⇒BBS

●姉妹サイト・その他
 徒然倶楽部 →こちらは記事の内容を下に移転&閉鎖しました。
 現在は十六夜's Blogがメインブログになってます。
 Alphaの小部屋・・・BOOKLOGで作った本棚
 Mixi・・・参加中のSNS
 十六夜-the sixteeth night-・・・現在作成中のメインHP

●リンクについて
このブログはリンクフリーです。こんなブログでよろしければぜひリンクしてやってください♪
リンクバナー

●RSS
このブログのRSSはこちら▼
RSS 0.91
RSS 1.0
RSS 2.0

●環境推奨
動作状況:Windows XP SP2
ブラウザ:主にFirefox 他IE、Opera等
解像度:1024*768

●FireFox
私が普段利用しているブラウザ。 拡張機能のWeb Developerをいれるとテンプレ作成にとても便利なブラウザになります。自分の使いたい機能をいろいろインストールしてアレンジしてます♪
ダウンロードは▼からどうぞ

●Pingoo!
忍者ブログのPing送信先は10件まで。 それでもいろいろなところにPingを送りたいという場合にオススメなPing一括送信サイトです。ここ1件に送るだけでいろいろなところに送ってもらえます♪

●クリックで救える命がある

■Calendar
10

12
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
■CM&TB
●コメント

●トラックバック
Scrollbar ONorOFF
■Thanks
テンプレートを作成するに当たってよく利用させていただいているサイト様です。
■QRcode
QRコードをクリックするとメールフォームが開きます。
メールフォームでPCから携帯にこのブログのURLを送ることができます

もし、携帯電話で表示されきれない~とご不満の方はこちらのアプリを導入してみることをお勧めします。

無料体験できるのでぜひお試しください♪
■Template
○公開したテンプレのプレビュー

ブルーチャイナ
詳細
ブルーチャイナ
詳細
Gray2block
詳細
China
詳細
Gray
詳細
JapanBlue
詳細
碧
詳細
蒼
詳細
○公開された携帯用テンプレのプレビュー

The Leaf
詳細
○忍者ブログで共有化中のテンプレ

Alternation-緑×白-
記事番号で背景色が交互に変わるちょっとおもしろテンプレ。
パンくずナビも付いてます♪

The Leaf
初の携帯用テンプレート。さわやかな感じに仕上げてみました
絵文字使用。トップページにカテゴリー表示アリ。

ブルーチャイナ
涼しげなチャイナ風左右メニューテンプレ。
China」の色違いのような感じですが、配置は違いますのでご注意ください。
※このテンプレのピンク版もあります。共有化していないので記事内よりお持ち帰りください。
ピンクチャイナ

Gray2block
ノート風テンプレ「Gray」の2カラム版です。
China
かわいい系の3カラムテンプレート。イメージはチャイナ風♪
同じ配置の青バージョンも作成しました。こちらは共有化してないので記事内よりお持ち帰りください。
China-BlueVer-

Gray
灰色のノート風罫線テンプレ。追記開閉式の3カラムです。

JapnBlue
サッカー日本代表ユニフォームなテンプレ。追記開閉式
※このテンプレには2カラムバージョンもあります。
JapanBlueの2カラム版

碧-midori-
淡いパステルグリーンのテンプレ。追記開閉式


画像使用なしの5ブロックテンプレ。

Scrollbar ONorOFF

○広告




■Recommend
ルナエンバシージャパン

ストレイシープがなんだかかわいくて好き(^-^*)

■Visiter