Trying to embed Grafana panels or dashboards in my organization's website

  • What Grafana version and what operating system are you using?
    8.0.0 and Windows 10

  • What are you trying to achieve?
    I’m trying to embed Grafana panels (sourced from Prometheus) in my company’s website.

  • How are you trying to achieve it?
    I’ve tried taking the embed iframe link and pasting it into a div on the website. I’ve also tried using the direct links for both panels and dashboards inside an iframe or inside an img tag.

  • What happened?
    In all cases the panel/dashboards do not load. In the case of the iframes, I get an error over the iframe that says the website https://mywebsite… (Not my actual site) is unavailable or has permanently moved. In the case of the img tags, I get a console error that states ERR_CERT_DATE_INVALID in chrome (similar errors in edge).

I have tried adjusted the defaults.ini and custom.ini files to allow embedding, as well as various other configuration changes suggested in similar topics on these forums including to allow anonymous viewing.

  • What did you expect to happen?
    I expect the panel or dashboard to load in the iframe/img tag.

  • Can you copy/paste the configuration(s) that you are having problems with?
    For security reasons, I can’t copy/paste my source code, the grafana link is for our domain, but it’s similar to "https://192.168.xx.xx:3000/d-solo/.../windows_exporter-for-prometheus-dashboard?orgId=1&from=1665587871583&to1665598671584&panelId=53 " (Some values altered for security).
    If I open this link, or the same link but http://…:80 instead, I get the expected panel in the browser. Firewalls on both the Host Grafana machine and my client are turned off.

  • Did you receive any errors in the Grafana UI or in related logs? If so, please tell us exactly what they were. No

  • Did you follow any online instructions? If so, what is the URL?
    Just the various suggestions found here on these community forums.