早速ブログに Send to Kindle ボタンを導入してみたのだが・・・
Amazonが[Send to Kindle]（コンテンツをKindleへ送る）ボタンをローンチ ということで早速試してみた。 がしかし！残念な状況であった。まとめると、 * 設置は、OGP設定しつつFacebookボタンを導入するよりもちょっとだけ難しい * 肝心のボタンが日本のAmazonのKindleアカウントにはまだ未対応であった（涙） * 日本Amazonの対応待ってる！ ### 設置方法 [Amazon.com: Send to Kindle Button](http://www.amazon.com/gp/sendtokindle/developers/button) のページで以下の内容を設定して、ブログのテンプレートに設置します。 #### 1.ボタンのスタイルを決める  私はこんな設定にしました。
ボタン内のテキストは、"Send to Kindle"。
フォントは、Verdana。
アイコンの色は、Dark。デフォルトはLightの白でしたが、やっぱり黒のがKindleっぽいね。
#### 2.記事タイトル、著者、発行日を指定  これらの情報の収集元を、Open Graph／scheme.org／hNewsの３種類のマークアップから選べます。ページのHTML内にどういうマークアップで、タイトル／著者情報／発行日を書いておくかってことですね。 わたしは、schema.orgにしました。詳細は次項。 #### 3.本文箇所を指定  こちらは、scheme.org／hNews／Custom CSSの３種類のマークアップから選べます。ページのマークアップがscheme.org形式にも、hNews形式にもなっていない場合、または記事が複数ページにまたがる場合には、Custom CSSで指定可能だそうです。 こちらもわたしは、schema.orgの形式で指定。ざっくり言うと、itempropというアトリビュートを使って、そのタグのコンテンツは何を表しているかを指定する形式です。 Kindleで利用する部分だけ抜き出すと、こんなマークアップになります。
<h1 itemprop="name">Kindles are Fantastic</h1>
<h2>By <span itemprop="author">Johannes Gutenberg</span></h2>
<h2><span itemprop="datePublished">2007-11-19</span></h2>
<div itemprop="articleBody">
<p>I am of the humble opinion the Kindle is the best e-reader available.</p>
</div>
STEP2のdivタグはボタンを表示したいところに設置すれば完成。 ### おまたせしました、実際のボタンはこちら
Send to Kindleこの記事の筆者
