<span class="mt-enclosure mt-enclosure-image" /><img alt="googleブック検索のプレビューをブログに埋め込む" src="http://web-marketing.zako.org/images/google-book-search-embed.jpg" width="514" height="204" style="" /></span>

<p>以前からGoogleブック検索のデータの一部をブログへ貼れる様になっていましたが、今回はプレビュー自体をブログへ貼れるようにしてしまったそうです。 早速試してみました。 って、いきなり本の表紙がひっくり返しなんですけど。。。</p>

<!--more-->
<h3 class="header-label">早速Googleブック検索のプレビューを貼ってみる</h3>
<p>最初にお伝えしておきますが、この貼り付けたデータ、どうやらGoogle Chromeでは閲覧できないようですのでご了承ください。</p>
<script type="text/javascript" src="http://books.google.com/books/previewlib.js"></script>
<script type="text/javascript">
GBS_setLanguage('ja');
GBS_insertEmbeddedViewer('EptLNEusUD4C',510,500);
</script>
<p>もちろんGoogleブック検索のプレビューのすべてを表示しているわけではないようですが、「内容」を押せば目次へ飛び、書籍内検索も出来るようになっていて、さらには購入ボタンまで。 この先のことを考えるとAMAZONも黙ってはいられないようなものになっています。</p>

<h4 class="header-label">プレビューの貼り付け方</h4>

<dl>
<dt>1. まず、プレビューさせる本のISBNかBook Search IDが必要になります。</dt>
<dd>BOOK SEARCH IDは下記のようなGoogleブック検索の結果URLの中にあります。</dd>
<dd><code>http://books.google.co.jp/books?id=EptLNEusUD4C&amp;printsec=backcover&amp;dq=%E3%82%A2%E3%82%A4%E3%83%87%E3%82%A2&amp;lr=&amp;as_brr=3&amp;source=gbs_summary_s&amp;cad=0#PPT225,M1</code></dd>

<dd>この中の「id=」以降、つまりここでは
<code>EptLNEusUD4</code>
がBOOK SEARCH IDになりますので、これをコピーしておきます。</dd>
<dt>2. ウィザードを使って貼り付けコードを生成</dt>
<dd><a class="google" href="http://code.google.com/apis/books/docs/preview-wizard.html" onclick="window.open('http://code.google.com/apis/books/docs/preview-wizard.html'); return false;">Preview Wizard - Google Book Search APIs - Google Code</a>のページを開き、「1.Enter book identifiers」で先ほどのIDをテキストボックスに貼り付けます。</dd>
<dd><a rel="nofollow facebox" href="http://lh5.ggpht.com/sigeos15/SNkKg2gs5-I/AAAAAAAAGzk/7urEvp4AnWw/s800/Fullscreen%20capture%2020080924%2002527.jpg"><img src="http://lh5.ggpht.com/sigeos15/SNkKg2gs5-I/AAAAAAAAGzk/7urEvp4AnWw/s400/Fullscreen%20capture%2020080924%2002527.jpg" /></a></dd>
<dd>「2.Choose how to show the book preview」でサイズを決定し、「3. Select your language」で言語「Japanese」を選択。</dd>
<dd>「4.Generate code for your web page」で「Generate code」のボタンを押すとコードが生成されるので、後は表示させたい場所へ貼り付けるだけです。</dd>
</dl>

<p>より詳しい情報は<a class="google" href="http://code.google.com/intl/ja/apis/books/" onclick="window.open('http://code.google.com/intl/ja/apis/books/'); return false;">Google Book Search Book Viewability API</a>へどうぞ。</p>

<p>APIのページには他にもいろいろな表示方法が紹介されています。 これはAmazonにとってかなり脅威なのでは？ まだまだ問題も生まれそうですが今後の動きに注目。</p>

<p>Via:<a class="web-site-link" href="http://booksearch.blogspot.com/2008/09/book-search-everywhere-with-new.html" onclick="window.open('http://booksearch.blogspot.com/2008/09/book-search-everywhere-with-new.html'); return false;">Inside Google Book Search</a></p>