Assistente de visualização
Mantenha tudo organizado com as coleções
Salve e categorize o conteúdo com base nas suas preferências.
O assistente de visualização foi criado para permitir que você integre as visualizações ao seu site de maneira rápida, fácil e confiável. Você pode incorporar um visualizador de livros, criar um link para a Pesquisa de Livros do Google ou até mesmo adicionar uma janela pop-up de visualização ao seu site. Tudo o que você precisa fazer é gerar o código e colá-lo na sua página. Também é possível personalizar esse código usando algumas funções simples de JavaScript.
O assistente de visualização é uma biblioteca de conveniência simples criada com base nas APIs Dynamic Links e Embedded Viewer. Se você for um desenvolvedor avançado em busca de integração personalizada, considere
usar as APIs diretamente.
Gerar o código de visualização
Exemplos de visualizações geradas
Os exemplos a seguir foram gerados usando o assistente de visualização.
Personalize seu código
Além de usar o assistente acima, você pode chamar diretamente algumas funções "auxiliares" JavaScript simples. Para fazer isso, carregue primeiro a biblioteca do assistente de visualização. Uma maneira de fazer isso é adicionar a seguinte tag à seção <head>
da sua página:
<script type="text/javascript" src="https://books.google.com/books/previewlib.js"></script>
Depois de carregar a biblioteca de visualização, você pode chamar qualquer uma das seguintes funções nas tags <script>
do <body>
do documento. Por exemplo, se você quiser inserir o botão "Visualização do Google", coloque o código para fazer isso em um elemento <script>
na posição desejada do botão na página.
GBS_setLanguage
GBS_setLanguage(languageCode)
Muda o idioma de todos os botões ou textos adicionados depois que essa função é chamada. Isso inclui o idioma do botão "Visualização do Google", o idioma da interface da visualização incorporada e assim por diante.
Parâmetros:
string languageCode
: o código de idioma RFC 3066 desejado (o padrão é "en" para inglês). Os códigos de idioma com suporte no momento incluem 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, ro, s.v.
GBS_setViewerOptions
GBS_setViewerOptions(optionObj)
Parâmetros:
Object optionsObj
: um conjunto de pares de chave-valor transmitidos ao construtor DefaultViewer da API Embedded Viewer. Normalmente, isso é usado para personalizações avançadas.
GBS_setCobrandName
GBS_setCobrandName(cobrandName)
Destinado ao uso pelos editores no Programa para Parceiros, essa função define o site da Pesquisa associada a marcas para ser usado ao inserir links de visualização na Pesquisa de Livros. Chamar essa função antes de inserir um botão garante que os usuários vejam o logotipo do parceiro acima das visualizações da Pesquisa de Livros do Google.
GBS_insertEmbeddedViewer
GBS_insertEmbeddedViewer(identifier, opt_width, opt_height)
Insere uma visualização do livro incorporada onde quer que essa função seja chamada. Se a visualização não estiver disponível, nenhum espectador vai aparecer.
Parâmetros:
Number opt_width
: a largura desejada do visualizador, em pixels.
Number opt_height
: a altura desejada do visualizador, em pixels.
GBS_insertPreviewButtonPopup(identifiers)
Se a visualização do livro estiver disponível, essa função gravará um botão "Visualização do Google". Clicar nesse botão abre uma "janela de visualização flutuante" na parte superior da página. Se nenhuma visualização estiver disponível, o botão não será desenhado.
Desenvolvedores mais sofisticados podem estar interessados na API Embedded Viewer, que essa função usa internamente.
Parâmetros:
string, Array identifier
: um URL de visualização ou identificador do livro, como um número ISBN, OCLC ou LCCN. Consulte o formato de solicitação do Dynamic Links. Se você souber de vários identificadores alternativos para o livro, será possível transmitir uma matriz deles. O botão será exibido se uma visualização estiver disponível para qualquer um deles.
GBS_insertPreviewButtonLink(identifiers, opt_options)
Se a visualização do livro estiver disponível, essa função criará um botão "Visualização do Google", que será vinculado a uma página de visualização do livro. Por padrão, esse link é vinculado à visualização no Google Livros, mas também é possível:
- link para um URL no seu site (que deve conter um visualizador incorporado). Para fazer isso, transmita uma opção
alternativeUrl
opcional.
- link para uma versão associada a marcas da página de visualização do livro, se GBS_setCobrandName for chamado antes dessa função.
Se nenhuma visualização estiver disponível para o usuário, nenhum botão será exibido na página.
Parâmetros:
string, Array identifier
: um URL de visualização ou identificador do livro, como um número ISBN, OCLC ou LCCN. Consulte o formato de solicitação do Dynamic Links. Se você souber de vários identificadores alternativos para o livro, será possível transmitir uma matriz deles. O botão será exibido se uma visualização estiver disponível para qualquer um deles.
Object opt_options
opcional: um mapa de nome-valor usado para configurar o comportamento do botão. No momento, uma opção é compatível: alternativeUrl
. Por exemplo, para que o botão "Visualização do Google" direcione a uma página de visualização personalizada no seu site, basta transmitir o seguinte como um segundo argumento para GBS_insertPreviewButtonLink
:
{ 'alternativeUrl' : 'http://yoursite.com/your-preview-page' }
Exceto em caso de indicação contrária, o conteúdo desta página é licenciado de acordo com a Licença de atribuição 4.0 do Creative Commons, e as amostras de código são licenciadas de acordo com a Licença Apache 2.0. Para mais detalhes, consulte as políticas do site do Google Developers. Java é uma marca registrada da Oracle e/ou afiliadas.
Última atualização 2024-06-28 UTC.
[null,null,["Última atualização 2024-06-28 UTC."],[],[],null,["# Preview Wizard\n\nThe Preview Wizard is designed to let you quickly, easily, and reliably integrate previews with your site. You can embed a book viewer, link to Book Search, or even add a preview \"popup\" window to your site---all you need to do is [generate the code](#generateCode) and paste it onto your page. You can also [customize this code](#customizeYourCode) using some simple JavaScript functions.\n\nThe Preview Wizard is a simple convenience library we built on top of our [Dynamic Links](/books/docs/dynamic-links) and [Embedded Viewer](/books/docs/viewer/developers_guide) APIs. If you're an advanced developer looking for customized integration, consider\nusing the underlying APIs directly.\n\nGenerate your preview code\n--------------------------\n\n#### Enter book identifiers\n\nTell us all the ISBNs or other identifiers you know of for this book. If we can find a preview associated with any of these numbers, we can make it available to your site's users:\n\n|--------------------------------------|---|\n| ISBN OCLC number LCCN Book Search ID | |\n| ISBN OCLC number LCCN Book Search ID | |\n| ISBN OCLC number LCCN Book Search ID | |\n\n[Enter more identifiers...](about:invalid#zGoSafez)\n\n#### Choose how to show the book preview\n\n|--------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------|---|\n| If a preview is available for this book, what should the user see on your page? |---|------------------------------------------------------------------------| | | An embedded book viewer. Viewer size: pixels wide, pixels high | | | A button that opens a floating book viewer. | | | A button that links to the book's preview page on Book Search. | | | A button that goes to a custom preview page on your site. Preview URL: | If no preview can be found for the specified book(s), the preview or button will be automatically disabled and nothing will appear. | |\n\n#### Select your language\n\nChinese (Simplified) Chinese (Traditional) Dutch English French German Italian Japanese Portuguese (Brazilian) Russian Spanish\n\n#### Generate code for your web page\n\nExamples of generated previews\n------------------------------\n\nThe following examples were generated using the Preview Wizard.\n\n- [previewwizard-embed](/books/examples/previewwizard-embed): Embeds a book viewer on the page.\n- [previewwizard-popup](/books/examples/previewwizard-popup): Adds a button that can be clicked to open a floating preview over the page.\n- [previewwizard-linktogbs](/books/examples/previewwizard-linktogbs): Inserts a button that links to the preview on the Book Search site.\n- [previewwizard-customurl](/books/examples/previewwizard-customurl): Shows a button that goes to a specific URL.\n\nCustomize your code\n-------------------\n\nIn addition to using the wizard above, you can call some simple JavaScript \"helper\" functions directly. To do this, you should first load the Preview Wizard library. One way to do this is by adding the following tag to the `\u003chead\u003e` section of your page: \n\n```\n\u003cscript type=\"text/javascript\" src=\"https://books.google.com/books/previewlib.js\"\u003e\u003c/script\u003e\n```\n\nHaving loaded the preview library, you can then call any of the following functions from within `\u003cscript\u003e` tags inside your document's `\u003cbody\u003e`. For example, if you'd like to insert the \"Google Preview\" button, you'd put the code to do so in a `<script\u003e` element at the button's desired position within the page.\n\n### GBS_setLanguage\n\n```\nGBS_setLanguage(languageCode)\n```\n\nChanges the language of any buttons or text added after this function is called. This includes the language of the \"Google Preview\" button, the interface language of the embedded preview, and so on.\n\n\u003c!-- --\u003e\n\n**Parameters:** *string*` languageCode ` - The desired RFC 3066 language code (default is 'en' for English). Currently supported language codes include 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, ro, ru, sr, sk, sl, es, sv, th, tr, uk, and vi.\n\n### GBS_setViewerOptions\n\n```\nGBS_setViewerOptions(optionObj)\n```\n\n**Parameters:** *Object*` optionsObj ` - A set of key-value pairs passed to the Embedded Viewer API's [DefaultViewer constructor](/books/docs/viewer/reference#google.books.DefaultViewer). Typically, this is used for advanced customizations.\n\n### GBS_setCobrandName\n\n```\nGBS_setCobrandName(cobrandName)\n```\n\nIntended for use by publishers in the [Partner Program](https://books.google.com/partner), this function sets the [Co-Branded Search](https://books.google.com/support/partner/bin/answer.py?hl=en&answer=65113) site to be used when inserting any preview links to Book Search. Calling this function before inserting a button ensures that users see the partner's logo above the Book Search previews.\n\n\u003c!-- --\u003e\n\n**Parameters:** *string*` cobrandName ` - The cobrand name to be added to any Book Search URLs. This is typically what comes after `/p/` in existing Co-Branded Search preview URLs.\n- For example, setting the value to `sup` will send the user to links like \n `https://books.google.com/books/p/sup?id=Q8ysL64pM54C&printsec=frontcover` \n rather than the default \n `https://books.google.com/books?id=Q8ysL64pM54C&printsec=frontcover`\n\n### GBS_insertEmbeddedViewer\n\n```\nGBS_insertEmbeddedViewer(identifier, opt_width, opt_height)\n```\n\nInserts an embedded book preview wherever this function is called. If the preview is unavailable, no viewer is shown.\n\n\u003c!-- --\u003e\n\n**Parameters:** *string*` identifier ` - A preview URL or book identifier such as an ISBN, OCLC, or LCCN number. See [Dynamic Links request format](/books/docs/dynamic-links#requestFormat).\n\u003c!-- --\u003e\n\n*Number*` opt_width ` - The desired width of the viewer, in pixels.\n\u003c!-- --\u003e\n\n*Number*` opt_height ` - The desired height of the viewer, in pixels.\n\n### GBS_insertPreviewButtonPopup\n\n```\nGBS_insertPreviewButtonPopup(identifiers)\n```\n\nIf the book preview is available, this function writes out a \"Google Preview\" button. Clicking this button opens a \"floating preview window\" right on top of your page. If no preview is available, the button is not drawn.\n- More sophisticated developers may be interested in the [Embedded Viewer API](/books/docs/viewer/developers_guide), which this function uses internally.\n\n\u003c!-- --\u003e\n\n**Parameters:** *string, Array*` identifier ` - A preview URL or book identifier such as an ISBN, OCLC, or LCCN number. See [Dynamic Links request format](/books/docs/dynamic-links#requestFormat). If you know of several alternative identifiers for the book, you can pass an array of these identifiers, and the button will appear if a preview is available for any one of them.\n\n### GBS_insertPreviewButtonLink\n\n```\nGBS_insertPreviewButtonLink(identifiers, opt_options)\n```\n\nIf the book preview is available, this function writes out a \"Google Preview\" button that simply links off to a preview page for the book. By default, this links to the preview on Google Books, but you can also:\n- link to a URL on your site (which should, in turn contain an embedded viewer). You can do this by passing an optional `alternativeUrl` option.\n- link to a Co-Branded version of the book preview page, if [GBS_setCobrandName](#GBS_setCobrandName) is called before this function.\nIf no preview is available to the user, no button is drawn onto the page.\n\n\u003c!-- --\u003e\n\n**Parameters:** *string, Array*` identifier ` - A preview URL or book identifier such as an ISBN, OCLC, or LCCN number. See [Dynamic Links request format](/books/docs/dynamic-links#requestFormat). If you know of several alternative identifiers for the book, you can pass an array of these identifiers, and the button will appear if a preview is available for any one of them.\n\u003c!-- --\u003e\n\n*Object*` opt_options ` - *optional* - A name-value map used to configure the behavior of the button. Currently one option is supported: `alternativeUrl`. For example, to have the Google Preview button link to a custom preview page on your site, simply pass the following as a second argument to `GBS_insertPreviewButtonLink`: \n` { 'alternativeUrl' : 'http://yoursite.com/your-preview-page' } `"]]