Copy Tableau Next Component Code for Embedding

Tableau Next provides a quick start for embedding code directly from your dashboard, visualization, or metric. The embed feature creates JavaScript component code for your selected asset, that you can copy and use in your web app.

Required Editions

View supported editions.
User Permissions Needed
To access Tableau Next assets in Tableau Next: Tableau Unmetered Platform Analyst or Tableau Next Platform Analyst permission set

To embed Tableau Next components, an External Client App (ECA) for authentication is required and the Tableau Next Embedding SDK must be installed in your web app. For more information on ECA setup and SDK usage, see the Tableau Next Embedding SDK developer guide.

  1. Open your dashboard, visualization, or metric in Tableau Next, click Share, and select the Embed tab.
  2. To copy the code snippet for use in your web app, click Copy Embed Code.
    The embed window with generated Tableau Next dashboard code.

    This snippet has placeholders for the AUTH_CREDENTIAL and SDK_SOURCE values. These placeholders must be replaced with actual values after you copy the code to your web app.

Note
Note If you have any filters applied to your dashboard, visualization, or metric, they're present in the code snippet. In Winter ‘26, these filters aren’t supported. Adding and using filters must be done programmatically in your web app code.