Dashboard Embedding Is Not Working


We are trying to embed our dashboards to our applications. We followed the guidance to enable a dashboard to be embeddable. We have deployed our Metabase at Elastic Beanstalk by following the document.

At sharing screen we have got an error of " ourcompanyname-metabase.com refused to connect.".

Here are the inspection errors;

vendor.bundle.js?31778b9e3b01ff7193ac:1 Uncaught Invariant Violation: Minified React error #44; visit http://facebook.github.io/react/docs/error-decoder.html?invariant=44 for the full message or use the non-minified dev environment for full errors and additional helpful warnings.
at e.exports (https://ourcompanyname-metabase.com/app/dist/vendor.bundle.js?31778b9e3b01ff7193ac:1:291123)
at Object.e.exports [as findDOMNode] (https://ourcompanyname-metabase.com/app/dist/vendor.bundle.js?31778b9e3b01ff7193ac:1:2525765)
at d.value (https://ourcompanyname-metabase.com/app/dist/app-main.bundle.js?31778b9e3b01ff7193ac:5:215521)
at n._updateSize (https://ourcompanyname-metabase.com/app/dist/app-main.bundle.js?31778b9e3b01ff7193ac:5:214948)
8:1 Refused to display ‘https://ourcompanyname-metabase.com/dashboard/8/embed/dashboard/eyJhbGciOiJIUzI1NiIsInR5cCI6IkpXVCJ9.eyJyZXNvdXJjZSI6eyJkYXNoYm9hcmQiOjh9LCJwYXJhbXMiOnt9LCJpYXQiOjE1OTI0Nzg4NzEsIl9lbWJlZGRpbmdfcGFyYW1zIjp7fX0.kOCirl258pi-5qmTgqrQ5XUMMGapoZxMupLULdk3iDg#bordered=true&titled=true’ in a frame because it set ‘X-Frame-Options’ to ‘deny’.

Any help is appriciated.


Hi @SeckinDinc
Have you defined Admin > Settings > General > Site URL to whatever https://ourcompanyname-metabase.com actually is?
Otherwise it might be your proxy that is doing something, which you can get around by changing the X-Frame-Options header:

Hi @flamber. First option direct worked for us. At the very beginning we put there a signpost or welcome dashboard to direct other users. When i convert it to our main url, it directly worked.

Thanks a lot