why can't I embed a google trends chart?

Question

here is a trends search for the world "google": https://trends.google.com/trends/explore?q=google&geo=US

i want to embed this into my jekyll website, so i paste the embed code into my markdown file:

<script type="text/javascript" src="https://ssl.gstatic.com/trends_nrtr/2213_RC01/embed_loader.js"></script>
<script type="text/javascript">
  trends.embed.renderExploreWidget("TIMESERIES", {
    "comparisonItem": [{
      "keyword": "google",
      "geo": "US",
      "time": "today 12-m"
    }],
    "category": 0,
    "property": ""
  }, {
    "exploreQuery": "q=google&geo=US&date=today 12-m",
    "guestPath": "https://trends.google.com:443/trends/embed/"
  });

</script>

but the chart does not appear. same if i copy-paste into the html of a fiddle. some old posts tell you to use an iframe, but their solutions don't render.

what am i doing wrong?

I try this and it works. Maybe this can be dependent from specific browser. Maybe you can see some error logs in console or network tab? — Валерий Герасимов, Jul 01 '20 at 19:35
yeah i just realized it only works in chrome, not safari, but i have no idea why — invictus, Jul 02 '20 at 03:20

score 0 · Answer 1 · answered Jul 02 '20 at 04:11

this is an xframes issue (see related post). the embedded chart renders fine in chrome, but in safari it throws the error:

Refused to display [url] in a frame because it set 'X-Frame-Options' to 'SAMEORIGIN'.

from what i understand this is a safari issue, and there is nothing you can do.

why can't I embed a google trends chart?

1 Answers1