---
schema_version: "1"
id: aa5e6dbf2f8c342942c965d8263c0ddf88a0a72d105cb3a4b58b8aa9a94a5164
title: Dashboards insluiten
collection: tableau
version: current
locale: nl-nl
portal_url: https://docs.salesforce.com/tableau/current/nl-nl/pro/desktop/embed_dashboard.md
canonical_url: https://help.tableau.com/current/pro/desktop/nl-nl/embed_dashboard.htm
source_site: help.tableau.com
content_type: documentation
content_hash: 2c29daeae81db29e8a245410caae61517ec7d32d2a150d73996cb6e103b9a336
description: De insluitcode voor Tableau Server 2022
---
[Doorgaan naar hoofdinhoud](#main-content)

# Dashboards insluiten

> [!TIP]
> 
> De insluitcode voor Tableau Server 2022.3 en hoger en Tableau Cloud is gewijzigd om de Embedding API v3 te gebruiken. Zie [Insluitobjecten en -componenten configureren](https://help.tableau.com/current/api/embedding_api/nl-nl/docs/embedding_api_configure.html#table-of-properties-and-values-for-embedded-objects-and-components) in de [hulpsectie van de Embedding API](https://help.tableau.com/current/api/embedding_api/nl-nl/index.html) voor actuele informatie over apparaatspecifieke lay-outs en dashboardformaten. De informatie in dit onderwerp is bedoeld voor eerdere versies van insluiting (met behulp van de Tableau JavaScript API v1 en v2).

Dashboards insluiten met behulp van eerdere versies van insluiting

U kunt een Tableau-dashboard in uw eigen website of wikipagina insluiten en het in verschillende lay-outs laten weergeven, afhankelijk van de grootte van het iframe.

- Om ervoor te zorgen dat uw gebruikers automatisch de juiste lay-out zien, ongeacht welk apparaat ze gebruiken, kunt u apparaatspecifieke lay-outs voor uw dashboard maken in Tableau Desktop. Wanneer u dat doet, geven Tableau Server en Tableau Cloud automatisch de juiste lay-out weer op basis van de iframe-grootte, mits u 100% gebruikt voor de breedte en hoogte van het iframe in plaats van exacte pixelwaarden (zie hieronder).
- Om altijd een bepaalde lay-out te laten verschijnen, ongeacht de grootte van het iframe, gebruikt u de parameter `device` in uw insluitcode.

In het volgende voorbeeld toont de insluitcode een dashboard dat 800 pixels breed en 600 pixels hoog is. Exacte waarden voor breedte en hoogte maken deel uit van de standaardinsluitcode die u krijgt wanneer u op de knop Delen klikt bovenin een weergave of 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>

In dit voorbeeld, waarin het dashboard apparaatspecifieke lay-outs gebruikt, zijn de stijlkenmerken voor de div-klasse verwijderd en zijn de objectklassewaarden voor breedte en hoogte vervangen door 100%. In de meeste gevallen wordt de juiste lay-out weergegeven, tenzij de breedte en hoogte ook elders in uw CSS worden beheerd.

<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>

Als de juiste lay-out niet wordt weergegeven, kan dit komen doordat de HTML-pagina die u voor het insluiten gebruikt een tag `<!DOCTYPE html>` heeft, en die tag voorkomt dat items in de hoofdtekst van de pagina worden aangepast naar 100% (zie [details op Stack Overflow](https://stackoverflow.com/questions/1966300/height-100-is-not-working-in-html-when-using-doctype-how-i-can-fix-this)). Een tijdelijke oplossing is om de volgende regels toe te voegen aan de hoofdtekst van uw HTML-pagina:

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

In het volgende voorbeeld wordt ervan uitgegaan dat het ingesloten dashboard apparaatspecifieke lay-outs heeft. De parameter `device` is ingesteld op `phone`. Dit betekent dat ongeacht op welk apparaat het dashboard wordt weergegeven, altijd de lay-out voor telefoons wordt weergegeven.

<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>

## Iframe-afmetingen en -apparaatlay-outs

De dashboardlay-out die een apparaat weergeeft, is gebaseerd op de kleinste afmeting (hoogte of breedte) van het iframe waarin de Tableau-weergave verschijnt. Soms kunnen desktop-, tablet- of telefoonlay-outs op andere typen apparaten verschijnen. Een tabletlay-out kan bijvoorbeeld op een desktopcomputer verschijnen als het weergave- of browservenster klein is.

<table style="width: 100%;"><colgroup><col><col></colgroup><tbody><tr><th style="text-align: left;">De kleinste iframe-dimensie is ...</th><th style="text-align: left;">Deze apparaatlay-out verschijnt ...</th></tr><tr><td>500 pixels of minder</td><td>Telefoon</td></tr><tr><td>Tussen 501 en 800 pixels</td><td>Tablet</td></tr><tr><td>Groter dan 800 pixels</td><td>Desktop</td></tr></tbody></table>

Zie [Dashboardlay-outs maken voor verschillende apparaattypen](https://help.tableau.com/current/pro/desktop/nl-nl/dashboards_dsd_create.htm) voor meer informatie over het maken van een dashboard dat gebruikmaakt van apparaatspecifieke lay-outs.