預覽精靈功能,可讓您輕鬆快速地將預覽與你的網站整合。您可以將嵌入書籍檢視器、連結「Google 書籍搜尋」的連結,甚至在網站中加入預覽「彈出式視窗」視窗。只要產生程式碼,再貼到網頁中即可。您也可以使用一些簡單的 JavaScript 函式自訂這段程式碼。
「預覽精靈」是簡易的便利程式庫,以動態連結和嵌入式檢視器 API 為基礎為基礎。如果您是想要自訂整合的進階開發人員,建議您直接使用基礎 API。
產生預覽程式碼
產生的預覽範例
以下為使用預覽精靈產生的範例。
- previewwizard-embed:在網頁上嵌入書籍檢視器。
- previewwizard-popup:新增按鈕,只要點選這個按鈕,即可在頁面上開啟浮動式預覽。
- previewwizard-linktogbs:在「書籍搜尋」網站上插入連結至預覽畫面的按鈕。
- previewwizard-customurl:顯示前往特定網址的按鈕。
自訂程式碼
除了使用上述精靈,您也可以直接呼叫一些簡單的 JavaScript「Helper」函式。如要使用這項功能,請先載入預覽精靈程式庫。方法是在網頁的 <head>
部分中加入以下標記:
<script type="text/javascript" src="https://books.google.com/books/previewlib.js"></script>
載入預覽程式庫後,您就可以在文件的 <body>
內透過 <script>
標記呼叫下列任何函式。舉例來說,假設您想插入「Google 預覽」按鈕,就必須將程式碼放置在網頁上所需位置的 <script>
元素中。
GBS_setLanguage
GBS_setLanguage(languageCode)
-
變更呼叫此函式後任何按鈕或文字的語言。包括「Google 預覽」按鈕的語言、嵌入預覽的介面語言等。
-
參數:
string languageCode
- 所需的 RFC 3066 語言代碼 (英文的預設值為「en」)。目前支援的語言代碼包括 hy、bg、ca、zh-CN、zh-TW、hr、cs、da、nl、en、fil、fi、fr、de、el、hi、hu、is、id、in、 it、ja、ko、lv、lt、no、pl、pt-BR、pt、PT、pt、PT、PT、PT、PT、PT、PT、PT、PT、PT、PT、PTGBS_setViewer 選項
GBS_setViewerOptions(optionObj)
-
參數:
Object optionsObj
- 一組鍵/值組合,傳遞至 Embedded Viewer API 的 DefaultViewer 建構函式。通常用於進階自訂。
GBS_setCobrandName
GBS_setCobrandName(cobrandName)
-
參數:
string cobrandName
- 要新增至任何書籍搜尋網址中的聯名名稱。這通常是在現有的聯名搜尋預覽網址中 例如,如果將值設為 sup
,系統會將使用者傳送至https://books.google.com/books/p/sup?id=Q8ysL64pM54C&printsec=frontcover
等連結,而非預設的連結
https://books.google.com/books?id=Q8ysL64pM54C&printsec=frontcover
GBS_insertEmbeddedViewer
GBS_insertEmbeddedViewer(identifier, opt_width, opt_height)
-
在呼叫此函式的任何位置插入內嵌書籍預覽。如果無法預覽,就不會顯示任何觀眾。
-
參數:
string identifier
- 試閱網址或書籍 ID,例如 ISBN、OCLC 或 LCCN 號碼。請參閱動態連結要求格式。
Number opt_width
- 所需的觀眾寬度 (以像素為單位)。
Number opt_height
- 所需的觀眾高度 (以像素為單位)。
GBS_insertPreviewButtonPopup
GBS_insertPreviewButtonPopup(identifiers)
-
如果書籍提供試閱,這個函式會寫出「Google 預覽」按鈕。按一下這個按鈕即可開啟頁面頂端的「浮動預覽視窗」。如果沒有預覽,系統就不會顯示該按鈕。
更複雜的開發人員可能會希望在內部使用這個函式的 Embedded Viewer API。
-
參數:
string, Array identifier
- 試閱網址或書籍 ID,例如 ISBN、OCLC 或 LCCN 號碼。請參閱動態連結要求格式。如果您知道這本書的多個替代 ID,可以傳遞這些 ID 的陣列,只要任一 ID 有提供試閱,系統就會顯示這個按鈕。
GBS_insertPreviewButtonLink
GBS_insertPreviewButtonLink(identifiers, opt_options)
-
如果書籍提供試閱,這個函式會輸出「Google 預覽」按鈕,該按鈕會直接連結至書籍的試閱頁面。根據預設,這個連結會連結至 Google 圖書的試閱內容,但你也可以:
- 連結 (應包含內嵌式檢視器),連結到您網站上的網址。方法很簡單,只要傳遞選用的
alternativeUrl
選項即可。 - 如果連結至 GBS_setCobrandName,請在這個函式開始前呼叫書籍試閱頁面的共同品牌版本。
-
參數:
string, Array identifier
- 試閱網址或書籍 ID,例如 ISBN、OCLC 或 LCCN 號碼。請參閱動態連結要求格式。如果您知道這本書的多個替代 ID,可以傳遞這些 ID 的陣列,只要任一 ID 有提供試閱,系統就會顯示這個按鈕。
Object opt_options
- 選用 - 用於設定按鈕行為的名稱/值對應。目前支援下列其中一種選項:alternativeUrl
。舉例來說,如要將 Google 預覽按鈕連結至網站上的自訂預覽頁面,只要將下列引數當做第二個引數傳遞至 GBS_insertPreviewButtonLink
: { 'alternativeUrl' : 'http://yoursite.com/your-preview-page' }