---
schema_version: "1"
id: 4fc65846e27fdb964a3c3c0f016181f849263a7bcd672f412781ded7b05b2fae
title: Incrustar dashboards
collection: tableau
version: next
locale: es-es
portal_url: https://docs.salesforce.com/tableau/next/es-es/pro/desktop/embed_dashboard.md
canonical_url: https://help.tableau.com/v0.0/pro/desktop/es-es/embed_dashboard.htm
source_site: help.tableau.com
content_type: documentation
content_hash: 9a315169e4b98c5a3b8820af73d3facb94ac4a695726145b47e5ef2f65f1d866
description: El código para insertar de Tableau Server 2022
---
[Saltar al contenido principal](#main-content)

# Incrustar dashboards

> [!TIP]
> 
> El código para insertar de Tableau Server 2022.3 y versiones posteriores y Tableau Cloud ha cambiado para usar la API de inserción 3. Para obtener información actualizada sobre los diseños específicos del dispositivo y el tamaño del dashboard, consulte [Configurar objetos y componentes](https://help.tableau.com/current/api/embedding_api/es-es/docs/embedding_api_configure.html#table-of-properties-and-values-for-embedded-objects-and-components) insertados en la [ayuda de la API de inserción](https://help.tableau.com/current/api/embedding_api/es-es/index.html). La información de este tema es para versiones anteriores de inserción (usando la API de JavaScript de Tableau 1 y 2).

Inserte dashboards usando versiones anteriores de inserción

Puede incrustar un dashboard de Tableau en su sitio web o página wiki y hacer que se muestre en disposiciones diferentes en función del tamaño del iFrame.

- Para que los usuarios vean automáticamente la disposición correcta, independientemente del dispositivo que utilicen, cree disposiciones específicas de dispositivo para el dashboard en Tableau Desktop. Al hacerlo, Tableau Server y Tableau Cloud muestran automáticamente la disposición correcta en función del tamaño del iFrame, siempre y cuando especifique el 100 % para la altura y el ancho del iFrame en vez de los valores exactos en píxeles (véase a continuación).
- Para que siempre aparezca una disposición determinada, independientemente del tamaño del iFrame, utilice el parámetro `device` en el código para insertar.

En el siguiente ejemplo, el código de incrustación muestra un dashboard de 800 píxeles de ancho por 600 píxeles de altura. Los valores exactos del ancho y la altura forman parte del código de incrustación predeterminado que se obtiene al hacer clic en el botón Compartir situado en la parte superior de una vista o dashboard:

<script type='text/javascript' src='http://mysite.myserver.com/javascripts/api/viz\_v1.js'></script>
  <div class='tableauPlaceholder' **style='width: 800px; height: 600px;'** >
  <object class='tableauViz' width='**800**' height='**600**' style='display:none;'>
  <param name='host\_url' value='http://mysite.myserver.com' />
  <param name='site\_root' value='' />
  <param name='name' value='ProfitAnalysis/Sales\_Dashboard' />		
  <param name='tabs' value='yes' />
  <param name='toolbar' value='yes' />
  <param name='filter' value=':original\_view=yes' /></object></div>

En este ejemplo, en el que el dashboard utiliza disposiciones específicas de dispositivo, se han eliminado los atributos de estilo de la clase div y los valores de las clases de objeto del ancho y la altura se han sustituido por 100%. En la mayoría de los casos se muestra la disposición correcta; es decir, si el ancho y la altura tampoco se controlan desde el CSS.

<script type='text/javascript' src='http://mysite.myserver.com/javascripts/api/viz\_v1.js'></script>
  <div class='tableauPlaceholder' >
  <object class='tableauViz' width='**100%**' height='**100%**' style='display:none;'>
  <param name='host\_url' value='http://mysite.myserver.com' />
  <param name='site\_root' value='' />
  <param name='name' value='ProfitAnalysis/Sales\_Dashboard' />		
  <param name='tabs' value='yes' />
  <param name='toolbar' value='yes' />
  <param name='filter' value=':original\_view=yes' /></object></div>

Si no se muestra la disposición correcta, puede deberse a que la página HTML que está usando para incrustar tiene una categoría `<!DOCTYPE html>` que impide que los elementos del cuerpo de la página cambien su tamaño al 100 % (consulte los [detalles acerca de Stack Overflow](https://stackoverflow.com/questions/1966300/height-100-is-not-working-in-html-when-using-doctype-how-i-can-fix-this)). Una solución a este problema es agregar las líneas siguientes al cuerpo de la página HTML:

<style>
  html, body { height: 100% }
</style>

En el siguiente ejemplo presupone que el dashboard incrustado tiene disposiciones específicas por dispositivo. El parámetro `device` está definido en `phone`. Esto significa que, sea cual sea el dispositivo que muestre el dashboard, se mostrará la disposición creada para los teléfonos.

<script type='text/javascript' src='http://mysite.myserver.com/javascripts/api/viz\_v1.js'></script>
  <div class='tableauPlaceholder'>
  <object class='tableauViz' width='100%' height='100%' style='display:none;'>
  <param name='host\_url' value='http://mysite.myserver.com' />
  <param name='site\_root' value='' />
  <param name='name' value='ProfitAnalysis/Sales\_Dashboard' />
  <param name='device' value='**phone**' />			
  <param name='tabs' value='yes' />
  <param name='toolbar' value='yes' />
  <param name='filter' value=':original\_view=yes' /></object></div>

## Dimensiones del iFrame y disposiciones de dispositivo

La disposición del dashboard que muestra un dispositivo se basa en la dimensión más pequeña (altura o ancho) del Iframe en que aparece la vista de Tableau. Es posible que a veces aparezcan disposiciones de escritorio, tableta o teléfono en otros tipos de dispositivos. Por ejemplo, es posible que aparezca una disposición de tableta en un equipo de escritorio si la ventana del navegador o visualización es pequeña.

<table style="width: 100%;"><colgroup><col><col></colgroup><tbody><tr><th style="text-align: left;">Si la menor dimensión del iFrame es...</th><th style="text-align: left;">Esta disposición de dispositivo tiene el aspecto...</th></tr><tr><td>500 píxeles o menos</td><td>Teléfono</td></tr><tr><td>Entre 501 y 800&nbsp;píxeles</td><td>Tablet</td></tr><tr><td>Más de 800&nbsp;píxeles</td><td>Equipo de escritorio</td></tr></tbody></table>

Para obtener información detallada sobre cómo crear un dashboard que utilice disposiciones específicas de dispositivo, consulte [Crear disposiciones de dashboard para distintos tipos de dispositivo](https://help.tableau.com/v0.0/pro/desktop/es-es/dashboards_dsd_create.htm).