The charts below show live data from the RadMon Plus monitoring site in my backyard. The RadMon Plus sends its data to my ThingSpeak channelwhere it is collected and stored by the ThingSpeak servers. Three methods are described below which show how to get the ThingSpeak data to display on this Google Sites page.
Variations of this method will work on the original rollout of Google Sites as well as the new version of Google Sites.
Here on this original version of Google Sites we are using the "Iframe Wrapper" gadget. Get it at Insert / ... More Gadgets on Google Sites.
To get the data for the "Document / page URL" field of that gadget, do the following:
For the new version of Google Sites it's even easier to embed the ThingSpeak URL into the site.
You can also insert an iFrame instead of embedding. In that case you use the "callout / speech bubble" icon at the top of the chart.
I will add more about this in the near future.
(Thanks to Marco for these techniques.)
Four examples are shown below.
This method will only work on the original rollout of Google Sites. Therefore it can not be shown here.
Each gadget will read the data from the ThingSpeak server, and use Google Charts to chart the data on this page.
(Thanks to Mike Teachman for this technique.)
I was able to turn the "IoT Charting Gadget" into an HTML page that gets RadMon+ data from ThingSpeak. (I had previously made a page that got the data from SparkFun, but their servers are often slow.)
I added multiple gauges and charts in this single page.
The image on the left shows what it looks like. If you click on it you will see the live data. From there you can right click on most browsers to get the source.