これは便利!出版したKindle本をWEBサイトに埋め込む方法
2019/01/31
AmazonのKindle本は、無料で冒頭部分10%をダウンロードすることができます。ただ、ダウンロードするのは結構面倒だな。と思っているユーザーの方も多くいらっしゃいます。
そこで、今日は、自分のブログやホームページに、Kindle本の立ち読み機能を埋め込む方法をご紹介します。
Kindle書籍をサイトに埋め込む方法
WEBサイトにKindle本の立ち読み機能を実装するのは、結構簡単です。それは、下記のコードをサイトに埋め込むだけでOKです。
インラインフレーム(iframe)を利用する方法
<iframe src="http://kindleweb.s3.amazonaws.com/app/1.0.11.053.093655/KindleReaderApp.html?asin=ここにASIN番号を記載してください&assoctag=ここにアフィリエイトコードを記載してください。" width="550" height="600" frameborder="0"></iframe>
ちなみに、Kindle本のASIN番号は、ご自身のAmazon販売ページの“登録情報”に記載があります。
- アフィリエイトコードは無ければ記載しなくても問題ありません。
- コード内のwidthやheightの数値を変えることで、高さと幅を調節することができます。(サンプルは横550px、縦600pxとなっています。)
- また、余談ですが、WordPressに埋め込む場合は、WordPressの仕様上、iframeのコードは、管理者権限がないと投稿できませんのでご注意ください。
また、Javascriptを利用する場合は下記の通りとなります。
Javascriptを利用する方法
<div id='Kindle-Reader'></div> <script type='text/javascript' src='http://kindleweb.s3.amazonaws.com/app/KindleReader-min.js'></script> <script>KindleReader.LoadSample({ containerID: 'Kindle-Reader', width: '550', height: '600', asin: 'ここにASIN番号を記載',assoctag: 'ここにアフィリエイトコードを記載'}); </script>
実際にやってみました
これで、ホームページに電子書籍を埋め込むことができました。実際のKindle同様、ページ送りもできるし、フォントボタンを押せば、フォントサイズも調整することができます。(なんて便利な機能でしょうか!)
▼フォントサイズなどの調整場所はこちら
実は、Kindle本には、立ち読み専用のページも用意されています。
もし、サイトに埋め込むことが面倒な場合やよくわからない方は、アマゾンには立ち読み専用ページが用意されていますので、そのページを直接参照してもらうことも可能です。
http://kindleweb.s3.amazonaws.com/content/ここにASIN番号の入力/gz_sample.html
ちなみに、私の書籍の立ち読みサンプルページはこちらのURLとなります。
http://kindleweb.s3.amazonaws.com/content/B00L2RPBG8/gz_sample.html
アマゾンでは、このような便利で面白い機能が用意されていますので、電子書籍を出版された方は、ぜひご活用くださいね。
関連記事
-
Amazon著者セントラルへの登録と著者ページの編集方法のご案内
電子書籍を販売したあとは、著者ページに登録しましょう。 著者ページとは、著者が読 …
-
アマゾンKDPセレクトの規約違反をした場合、出版した電子書籍はどうなってしまうのか?
ロイヤリティが70%になったり、アマゾンサイト上で無料配布ができるようになったり …
-
KDPのコンテンツガイドライン
何事もルールは大切です。 紙本の出版の場合は、出版社との契約があるように、例えネ …
-
Kindle本内のリンク先として、貼れるものと禁止されているもの
電子書籍は、紙の書籍ではできないことがたくさんできます。 その代表的なひとつが、 …
-
ついに、日本アマゾンで、電子コミックスが紙媒体の販売数を超えました!
漫画が売れてます。 どこで漫画が売れているかというと、そう、アマゾンサイトです。 …
-
KDPで書籍の出版予約や出版日の指定ができるかどうか確認してみた
商品の予約販売は、発売日に一気に売上を上げることができるため、初速を付けることが …
-
著者から見るKindleストアの特徴
Kindleストアは、世界一のオンラインストアのアマゾンが運営する電子書籍の書店 …
-
Kindle本の表紙画像が変わらない!・・・でも焦らないで。
Kindle本の表紙デザインって素人くさいものも結構見かけますね。 いくら本の中 …
-
大人になってから分かる!最も投資対効果のいい勉強法
最も投資対効果がいい投資って何ですか? この質問に対して、「それは、自己投資です …
-
Kindle本に画像を挿入する際のご注意点
画像や写真は、文字だけの情報だけよりも、直接的に脳に入ってくるため、理解度を増幅 …