Part 3: Embedding ThingSpeak Widgets into Jimdo Homepage

It’s very straightforward to embed individual display elements into Jimdo.

Once a widget is created in ThingSpeak and released for Public View, it can be retrieved from a Jimdo page.

In ThingSpeak: click on the balloon in the upper right corner above the plot and copy the code to the clipboard.
In Jimdo: Add content -> More content and add-ons -> Widget / HTML
Insert HTML Code from Clipboard
In case you don’t want to see a frame:
style=“border: 1px solid #cccccc;“ ändern in style=“border: 0px solid #cccccc;“
Adjusting the size of the image is not difficult, see example below.

Now the plot should appear on your Jimdo page.

This also works analogously in other systems. In WordPress the corresponding function is called e.g. [/] Shortcode:

Embedded live display, default size:

Code:

<iframe style="border: 0px solid #cccccc;" src="https://thingspeak.com/apps/matlab_visualizations/286058" width="450" height="260"></iframe>

Embedded live display, resized:

Code:

<iframe style="border: 0px solid #cccccc;" src="https://thingspeak.com/apps/matlab_visualizations/286058?width=585&amp;height=338" width="600" height="400"></iframe>

I would be happy if further interesting evaluations could be shared by others here.

Translated 19.10.2019 by JK

6 thoughts on “Part 3: Embedding ThingSpeak Widgets into Jimdo Homepage”

Johannes Post author24. August 2021

Hi Basti, schau noch mal oben im Artikel, der Code ist jetzt sichtbar.

Reply ↓

Basti 24. August 2021

Hey, cooles Tutorial, habe aber leider nicht verstanden wie ich die größe des Graphen verändern kann.

Reply ↓

Clemens Cordelai 27. September 2020

Hallo,
sehr interessant. Wollte das gleich mal ausprobieren. Funktioniert das auch mit Jimdo Play oder braucht man dazu ein Upgrade?

Vielen Dank.
Gruß
Clemens

Reply ↓

Javan 2. October 2020

Hi Clemens, das geht mit jedem Jimdo, da es einfach als HTML Snippet eingebunden wird.
Grüße Javan

Reply ↓

Graham 7. August 2019

Hi Johannes,
Just wondering what have you put your bme680 and DT22 inside to protect from bee eating, weather, shorting connections but can still read true temprature and humidity, so for asking here not sure where to ask

I mean are there special cables needed weather proof or enclosures for the actual items

thankyou in advance
Graham

Reply ↓

Johannes Post author10. August 2019

Hi Graham,

I use the DHT22 to measure inside the beehive. I’ve put the sensor in a queen cage. A picture can be seen on my personal blog.

The BME680 is located in a small plastic box under the hive and next to the load cell. I drilled some holes in the box to allow the air to flow to the sensor element.

Hth.

Cheers Johannes

Reply ↓