How to Embed a ThingSpeak Chart on your WordPress Blog

ThingSpeak Charts can be embedded into a WordPress blog by using the Easy iFrame Loader plugin. This plugin allows you to embed a chart in blog posts and pages without worrying about the embed code being rewritten by the WordPress editor. You can also embed a chart in the widget sidebar using this plugin.

Steps

  • Install Easy iFrame Loader WordPress Plugin
  • Activate the plugin
  • Get the chart embed code for your channel
  • Add the Easy iFrame Loader code anywhere in a blog post or page

Chart Embed Code

<iframe width="450" height="250" style="border: 1px solid #cccccc;" src="https://api.thingspeak.com/channels/3/charts/1"></iframe>

Easy iFrame Loader Code

Take the “src”  of the Chart Embed Code and add it to the “src” of the “iframe_loader” code. Place this code in your blog post.

[iframe_loader src="https://api.thingspeak.com/channels/3/charts/1"]

Live Example

[iframe_loader src=”https://api.thingspeak.com/channels/3/charts/1″]

10 thoughts on “How to Embed a ThingSpeak Chart on your WordPress Blog

  1. I tried it; i see the chart but i don’t see the plotted point of my temperature sensor.
    I used this code

    [iframe_loader src="https://api.thingspeak.com/channels/6007/charts/Temperature?round=2&average=60"]

        1. “api” will forward to “www” – charts act like a webpage and not necessarily as an API call. Either way will work though.

          Also, each channel has 8 fields, we identify the fields by numbers, so charts/1 gives you the data for field 1 of the channel.

          Glad it works. Let us know if you need anything else.

          Hans

  2. Hi again(i posted this in the other section but i didn’t have an answer),
    now i would like to plot my float temperature values…i saw that “updateThingSpeak”expects a “String” as input, therefore i did a cast:
    String temp = String(temper());

    temper() returns a float but it doesn’t work; if i change the return of function temper() in int, it works, obviously.
    How can i do to fix it?

  3. i need to download the csv file of my channel in my android app.how can i do it?can you prefer me some links or tutorials to do it.

Leave a Reply