---
title: Embed Monitor | Kener
description: Embed your monitor in your website
---

There are two ways to embed your monitor in your website

## Javascript Embed {#javascript-embed}

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.

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

Here is an example

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

### Parameters {#javascript-embed-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 {#javascript-embed-demo}

<div class="border mx-auto rounded-sm w-585px">
	<script async src="/embed/monitor-earth/js?theme=dark&monitor=/embed/monitor-earth"></script>
</div>

## Iframe Embed {#iframe-embed}

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.

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

Here is an example

```html
<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 {#iframe-embed-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 {#iframe-embed-demo}

<div class="border mx-auto rounded-sm w-585px">
	<iframe src="/embed/monitor-earth?theme=dark" width="100%" height="100" allowfullscreen="allowfullscreen" allowpaymentrequest frameborder="0"></iframe>
</div>
