7. Embed Dashboard Into Your Web App

To embed a GoodData dashboard, you only need a snippet of HTML referencing your GoodData host, workspace, and dashboard IDs:

<iframe
    title="My Embedded GoodData Dashboard"
    id="embedded-app-frame"
    src="<HOST_URL>/dashboards/embedded/#/workspace/<WORKSPACE_ID>/dashboard/<DASHBOARD_ID>"
    height="500px"
    width="100%"
    frameborder="0"
></iframe>

Replace:

  • <HOST_URL> with your GoodData domain.
  • <WORKSPACE_ID> with the ID of your workspace.
  • <DASHBOARD_ID> with the ID for your dashboard.

You can get this information from the URL of your dashboard which looks something like this:

https://thankful-parrot.trial.cloud.gooddata.com/dashboards/#
/workspace/083ffafd20df42bdbfad61392f64eff7
/dashboard/f50de67f-9183-4c02-956c-772a78e99331
6. Create Dashboard