カスタム ビューの埋め込みコード

適用先: Tableau Cloud, Tableau Server

Tableau Server 2022.3 以降と Tableau Cloud の埋め込みコードは、埋め込み API v3 を使用するように変更されました。カスタム ビューの埋め込みに関する最新の情報は、埋め込み API ヘルプの「カスタム ビューの埋め込み」を参照してください。このトピックの情報は、埋め込みの以前のバージョン (Tableau JavaScript API v1 および v2 を使用) を対象としています。

埋め込みの以前のバージョンを使用したカスタム ビューの埋め込み

ワークブックやシートのカスタム ビューを埋め込む場合、既定のビューはこれらの要因によって決定します。

  • ビューの埋め込みコード URL がカスタム ビューを具体的に参照する場合、既定ではそのビューが表示されます。
  • 埋め込みコード URL がカスタム ビューを参照しない場合、既定では既定カスタム ビューが表示されます。
  • 既定のカスタム ビューが定義されていない場合、既定では元のビューが表示されます。

注: 元のビューが既定で埋め込みビューに表示されるようにするには、name パラメーターの埋め込みコード URL がカスタム ビューを明示的に参照しないようにして、次の filter パラメーターを埋め込みコードに含めます。<param name='filter' value=':original_view=yes'/>。

次の例では、filter パラメーターが :original_yes に設定されており、name パラメーターがシートの URL 内の特定のカスタム ビューを参照していないため、埋め込みコードには常に "Profit Analysis (利益性分析)" ワークブックにある "Profit Analysis" (利益性分析)" シートの元のビューが表示されます。

<script type='text/javascript' src='http://mysite.myserver.com/javascripts/api/viz_v1.js'></script>
  <div class='tableauPlaceholder' style='width: 1496px; height: 749px;'>
  <object class='tableauViz' width='1496' height='749' style='display:none;'>
  <param name='host_url' value='http://mysite.myserver.com' />
  <param name='site_root' value='' />
  <param name='name' value='ProfitAnalysis/ProfitAnalysis' />
  <param name='tabs' value='yes' />
  <param name='toolbar' value='yes' />
  <param name='filter' value=':original_view=yes' /></object></div>

この例では、name パラメーターの設定が "Furniture (家具)" という名前のカスタム ビュー ("Profit Analysis (利益性分析)" ワークブックの "Profit Analysis (利益性分析)" シート内) の URL を明示的に参照しています。

<script type='text/javascript' src='http://mysite.myserver.com/javascripts/api/viz_v1.js'></script>
  <div class='tableauPlaceholder' style='width: 1496px; height: 749px;'>
  <object class='tableauViz' width='1496' height='749' style='display:none;'>
  <param name='host_url' value='http://mysite.myserver.com' />
  <param name='site_root' value='' />
  <param name='name' value='ProfitAnalysis/ProfitAnalysis/Furniture' />
  <param name='tabs' value='yes' />
  <param name='toolbar' value='yes' /></object></div>

この例では、name パラメーターはシートの URL 内にある特定のカスタム ビューを参照しておらず、original_view パラメーターは指定されていません。埋め込みコードには、"Profit Analysis (利益性分析)" ワークブック内の "Profit Analysis (利益性分析)" シートで [既定] に設定されているカスタム ビューが表示されます。ただし、元のビューが [既定] であれば (他のカスタム ビューが [既定] に設定されていない)、元のビューが既定のビューとして表示されます。

<script type='text/javascript' src='http://mysite.myserver.com/javascripts/api/viz_v1.js'></script>
  <div class='tableauPlaceholder' style='width: 1496px; height: 749px;'>
  <object class='tableauViz' width='1496' height='749' style='display:none;'>
  <param name='host_url' value='http://mysite.myserver.com' />
  <param name='site_root' value='' />
  <param name='name' value='ProfitAnalysis/ProfitAnalysis' />
  <param name='tabs' value='yes' />
  <param name='toolbar' value='yes' /></object></div>
一番上に戻る
フィードバックをありがとうございます。フィードバックは正常に送信されました。ありがとうございます!