mirror of
https://github.com/rajnandan1/kener.git
synced 2025-12-30 22:20:12 -06:00
a20b4ee570
Introduces a 'tz' parameter for specifying timezone in embed scripts and iframe URLs, improving localization for embedded monitors. Updates documentation and refactors parameter handling to prioritize explicit timezone over browser-detected values. Relates to improved internationalization and user experience.
71 lines
2.5 KiB
Markdown
71 lines
2.5 KiB
Markdown
---
|
|
title: Embed Monitor | Kener
|
|
description: Embed your monitor in your website
|
|
---
|
|
|
|
# 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.
|
|
|
|
```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
|
|
|
|
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
|
|
|
|
<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
|
|
|
|
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
|
|
|
|
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
|
|
|
|
<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>
|