Embed Monitor

There are two ways to embed your monitor in your website

Javascript

You can embed your monitor in your website using javascript. We recommend using this method as it takes care of the height of the embedded monitor.

<script async src="http://[hostname]/embed/monitor-[tag]/js?theme=light&monitor=http://[hostname]/embed/monitor-[tag]"></script>

Here is an example

<script async src="https://kener.ing/embed/monitor-earth/js?theme=light&monitor=https://kener.ing/embed/monitor-earth"></script>

Parameters

You can pass the following parameters to the embed code

  • theme: You can pass light or dark theme
  • monitor: The monitor url
  • bgc: Background color of the monitor. Only supports hex color codes. DO NOT include the # symbol. Example: ff0000
  • locale: The locale of the monitor. You can pass the code of the locale you have enabled in your kener settings. Example: en, fr etc
  • tz: Timezone. Example Asia/Calcutta, Asia/Tokyo

Replace [hostname] with your kener hostname and [tag] with your monitor tag.

Demo

Iframe

This is the simplest way to embed your monitor in your website. You can use the following code to embed your monitor in your website.

<iframe src="http://[hostname]/embed/monitor-[tag]?theme=light" width="100%" height="200" allowfullscreen="allowfullscreen" allowpaymentrequest frameborder="0"></iframe>

Here is an example

<iframe src="https://kener.ing/embed/monitor-earth?theme=light" width="100%" height="100" allowfullscreen="allowfullscreen" allowpaymentrequest frameborder="0"></iframe>

Replace [hostname] with your kener hostname and [tag] with your monitor tag.

Parameters

You can pass the following parameters to the embed code

  • theme: You can pass light or dark theme
  • bgc: Background color of the monitor. Only supports hex color codes. DO NOT include the # symbol. Example: ff0000
  • locale: The locale of the monitor. You can pass the code of the locale you have enabled in your kener settings. Example: en, fr etc

Demo