We’re trying to embed Tableau CRM dashboards into our customer-facing portal, but the dashboard extension appears as a blank white frame. The embedding code is in place and the iframe loads, but the actual dashboard content never renders.
Browser console shows a CORS error and some JavaScript warnings about blocked resources. Our portal runs on portal.company.com while our Tableau CRM instance is on company.lightning.force.com.
The embedding code we’re using:
<iframe src="https://company.lightning.force.com/analytics/wave/dashboard?id=0FK..."
width="100%" height="600px">
</iframe>
I’ve verified the dashboard loads fine when accessed directly through the Tableau CRM interface. The extension permissions seem correct in the dashboard settings, and JavaScript is definitely enabled in the portal. Is there a cross-domain configuration we’re missing for embedded analytics in tcrm-2023?
Beyond CORS, check your Content Security Policy (CSP) headers on both sides. Your portal might be blocking the embedded content, or Salesforce might be blocking the embedding. Also verify that the user accessing the portal has proper permissions to view the dashboard - embedded content still requires authentication and authorization. Are your portal users logged into Salesforce, or are you using a service account for embedding?
I implemented embedded analytics recently and ran into similar issues. The blank frame usually means either authentication failure or blocked resources. Check your browser’s network tab to see if the initial dashboard request returns 200 or if there are 403/401 errors. Also verify that your dashboard is shared with the appropriate permission sets - embedded dashboards need explicit sharing configuration separate from normal dashboard access.
Found it! The CORS settings were part of the issue, but there was also a CSP configuration problem on our portal side. Thanks everyone for the guidance.