---
schema_version: "1"
id: 5a4cf26a6a55c039854794f72b955a8224cccf998305122acabc3fbba1e87b21
title: Inserir painéis
collection: tableau
version: current
locale: pt-br
portal_url: https://docs.salesforce.com/tableau/current/pt-br/pro/desktop/embed_dashboard.md
canonical_url: https://help.tableau.com/current/pro/desktop/pt-br/embed_dashboard.htm
source_site: help.tableau.com
content_type: documentation
content_hash: 66e91d2f10a037fd0b6965984f891f1990934fd09200345f581dd66aafbb2d21
description: O código de incorporação do Tableau Server 2022
---
[Pular para o conteúdo principal](#main-content)
# Inserir painéis
> [!TIP]
>
> O código de incorporação do Tableau Server 2022.3 e posterior e Tableau Cloud mudou para usar a Embedding API v3. Para obter informações atuais sobre layouts específicos de dispositivos e dimensionamento de painéis, consulte [Configurar objetos e componentes](https://help.tableau.com/current/api/embedding_api/en-us/docs/embedding_api_configure.html#table-of-properties-and-values-for-embedded-objects-and-components) na [ajuda da Embedding API](https://help.tableau.com/current/api/embedding_api/en-us/index.html). As informações neste tópico são para versões anteriores de incorporação (usando a API JavaScript do Tableau v1 e v2).
Incorporar painéis usando versões anteriores de incorporação
Você pode inserir um painel do Tableau em seu próprio site ou página wiki e exibi-lo em diferentes layouts com base no tamanho do iframe.
- Para fazer com que o layout certo apareça para os usuários, independentemente de que dispositivo estejam usando, crie layouts específicos de dispositivo para o painel no Tableau Desktop. Quando você faz isso, o Tableau Server e o Tableau Cloud exibem automaticamente o layout correto com base no tamanho do iframe, contanto que você use 100% da largura e da altura do iframe, em vez dos valores de pixel exatos (veja abaixo).
- Para sempre exibir determinado layout, independentemente do tamanho do iframe, use o parâmetro `device` no código inserido.
No exemplo a seguir, o código inserido exibe um painel com 800 pixels de largura por 600 pixels de altura. Os valores exatos de largura e altura são parte do código inserido padrão obtido ao clicar no botão Compartilhar na parte superior de uma exibição ou um painel:
Neste exemplo, em que o painel usa layouts específicos de dispositivo, os atributos de estilo da classe div foram removidos e os valores da classe de objeto para largura e altura foram substituídos por 100%. Na maioria dos casos, o layout é exibido; ou seja, se a largura e altura não estiverem sendo controladas em outro local do CSS.
Se o layout correto não for exibido, pode ser porque a página HTML usada para a inserir a exibição tem uma tag `` e esta tag está impedindo itens no corpo da página de serem redimensionados para 100% (consulte [detalhe sobre Excedente de pilha](https://stackoverflow.com/questions/1966300/height-100-is-not-working-in-html-when-using-doctype-how-i-can-fix-this)). Uma solução alternativa é adicionar as seguintes linhas ao corpo da sua página HTML:
O exemplo a seguir presume que o painel incorporado tenha layouts específicos de dispositivo. O parâmetro `device` está definido como `phone`. Isso significa que, não importa qual dispositivo seja exibido no painel, o layout criado para telefones será mostrado.
## Dimensões do iframe e layouts do dispositivo
O layout do painel exibido por um dispositivo é baseado na menor dimensão (altura ou largura) do iframe na qual a exibição do Tableau é mostrada. Às vezes, os layouts de computador, tablet ou celular podem ser exibidos em outros tipos de dispositivos. Por exemplo, um layout de tablet pode ser exibido em um computador desktop se a tela ou a janela do navegador for pequena demais.
| Se a menor dimensão do iframe for ... | Este layout de dispositivo será exibido ... |
|---|
| 500 pixels ou inferior | Smartphone |
| Entre 501 e 800 pixels | Tablet |
| Maior que 800 pixels | Desktop |
Para obter detalhes sobre como criar um painel que usa layouts específicos de dispositivo, consulte [Criar layouts de painel para tipos de dispositivo diferentes](https://help.tableau.com/current/pro/desktop/pt-br/dashboards_dsd_create.htm).