在自己的網頁中觀看 Google Books 書籍內容

剛剛看到 Embeddable Google Books 這一篇文章，作者提到現在可以將 Google Books 書籍內容內嵌至網頁中了！

比方說，我在 Google Books 裡找到五南出版的『科學教育--懷卡托研究』，我就可以將它內嵌在底下：

這對於喜歡閱讀的朋友應該是一個很棒的消息！如果有好書想要推薦給他人，現在可以將 Google Books 上的書內嵌到自己的 Blog 進行推薦嘍！！:)

要怎麼將圖書資料內嵌至網頁中呢？祇要將底下的 Javascript 置入網頁中，並用搜尋所得的書籍 ID 取代紅色的部份，即可在網頁上顯示 Google Books 內容！

<script type="text/javascript" src="http://books.google.com/books/previewlib.js"></script>
<script type="text/javascript">
GBS_insertEmbeddedViewer(' GkCpLIk7aisC ',600,500);
</script>

如果想要直接跳到某頁，請改用以下的代碼，並將第二個紅色部份改為想要顯示的頁次：

<script type="text/javascript" src="http://www.google.com/jsapi"></script>
<script type="text/javascript">
google.load("books", "0");

function initialize() {
var viewer = new google.books.DefaultViewer(document.getElementById('viewerCanvas'));
viewer.load(' GkCpLIk7aisC ', null, function() {viewer.goToPage(5);});
}

google.setOnLoadCallback(initialize);
</script>

<div id="viewerCanvas" style="width:420px; height:600px;"></div>

想要瞭解更多內容可以參考 Embedded Viewer API 手冊。

Technorati : embeddable, google books, 內嵌資料