Jak vložím rozvrh na svůj web pomocí JavaScriptu?
Zenamu nabízí skript, díky kterému lze vložit do vlastní webové stránky rozvrh vašich lekcí. Na webu se pak
zobrazí
seznam lekcí konaných v následujících 30 dnech. Seznam je plně responsivní (automaticky se
přizpůsobí šířce na různých zařízeních a obrazovkách) a kompatibilní s dalšími prvky na webu.
Samotná integrace je jednoduchá a nezabere vám víc než 5 minut. Jde pouze o zkopírování malé části kódu a vložení do vlastní stránky. K provedení je nutná základní znalost HTML a JavaScriptu. Tuto možnost integrace proto doporučujeme provádět se správcem vašeho webu.
Pokud váš web provozujete na nějakém systém pro správu obsahu, integrace je možná též. Podívejte se na naše návody pro vložení rozvrhu do webu s Webnode , WordPress nebo Wix.com.
Přidání do vlastních stránek - krok za krokem
1. Vložení skriptu
Skript můžete vložit dvěma způsoby:
a. Buď přes skript v hlavičce (<head>) HTML stránky
Řádek s kódem umístěte přesně v této podobě mezi tagy
vaší stránky. Pokud vkládáte skript tímto způsobem do hlavičky, nezapomeňte prosím na atribut defer, jinak se rozvrh nezobrazí.Seznam lekcí
<script defer src="https://zenamu.com/calendar/list.js" crossorigin></script>
Seznam workshopů
<script defer src="https://zenamu.com/calendar/workshops.js" crossorigin></script>
Seznam kurzů
<script defer src="https://zenamu.com/calendar/courses.js" crossorigin></script>
b. nebo dovnitř těla (<body>) HTML stránky
Řádek s kódem umístěte přesně v této podobě do spodní části stránky těsně před koncovou značku </body>:
Seznam lekcí
<script src="https://zenamu.com/calendar/list.js" crossorigin></script>
Seznam workshopů
<script src="https://zenamu.com/calendar/workshops.js" crossorigin></script>
Seznam kurzů
<script src="https://zenamu.com/calendar/courses.js" crossorigin></script>
2. Vložení bloku
Do místa na vaší stránce, kde chcete, aby se rozvrh objevil, přidejte následující <div>:
Seznam lekcí
<div id="zenamu-calendar" calendar-id="[ID vašeho kalendáře]"></div>
Seznam workshopů
<div id="zenamu-workshops" calendar-id="[ID vašeho kalendáře]"></div>
Seznam kurzů
<div id="zenamu-courses" calendar-id="[ID vašeho kalendáře]"></div>
[ID vašeho kalendáře] nahraďte vaším unikátním ID, které zjistíte v administraci vašeho účtu.
- Kód najdete ve vaší administraci (přihlaste se do Zenamu a jděte do Nastavení > Veřejný rozvrh > _ Vložení rozvrhu do vlastních stránek_).
3. Hotovo
Vypadá to podobně jako náš rozvrh níže 😏.