Ako vložím rozvrh na svoj web pomocou JavaScriptu?
Zenamu ponúka skript, vďaka ktorému je možné vložiť do vlastnej webovej stránky rozvrh vašich lekcií. Na webe sa potom
zobrazí
zoznam lekcií konaných v nasledujúcich 30 dňoch. Zoznam je plne responzívny (automaticky sa
prispôsobí šírke na rôznych zariadeniach a obrazovkách) a kompatibilný s ďalšími prvkami na webe.
Samotná integrácia je jednoduchá a nezaberie vám viac ako 5 minút. Ide iba o skopírovanie malej časti kódu a vloženie do vlastnej stránky. Na vykonanie je nutná základná znalosť HTML a JavaScriptu. Túto možnosť integrácie preto odporúčame vykonávať so správcom vášho webu.
Ak váš web prevádzkujete na nejakom systém pre správu obsahu, integrácia je možná tiež. Pozrite sa na naše návody pre vloženie rozvrhu do webu s Webnode , WordPress alebo Wix.com.
Pridanie do vlastných stránok - krok za krokom
1. Vloženie skriptu
Skript môžete vložiť dvoma spôsobmi:
a. Buď cez skript v hlavičke (<head>) HTML stránky
Riadok s kódom umiestnite presne v tejto podobe medzi tagy
vašej stránky. Ak vkladáte skript týmto spôsobom do hlavičky, nezabudnite prosím na atribút defer, inak sa rozvrh nezobrazí.Zoznam lekcií
<script defer src="https://zenamu.com/calendar/list.js" crossorigin></script>
Zoznam workshopov
<script defer src="https://zenamu.com/calendar/workshops.js" crossorigin></script>
Zoznam kurzov
<script defer src="https://zenamu.com/calendar/courses.js" crossorigin></script>
b. alebo dovnútra tela (<body>) HTML stránky
Riadok s kódom umiestnite presne v tejto podobe do spodnej časti stránky tesne pred koncovú značku </body>:
Zoznam lekcií
<script src="https://zenamu.com/calendar/list.js" crossorigin></script>
Zoznam workshopov
<script src="https://zenamu.com/calendar/workshops.js" crossorigin></script>
Zoznam kurzov
<script src="https://zenamu.com/calendar/courses.js" crossorigin></script>
2. Vloženie bloku
Do miesta na vašej stránke, kde chcete, aby sa rozvrh objavil, pridajte nasledujúce <div>:
Zoznam lekcií
<div id="zenamu-calendar" calendar-id="[ID vášho kalendára]"></div>
Zoznam workshopov
<div id="zenamu-workshops" calendar-id="[ID vášho kalendára]"></div>
Zoznam kurzov
<div id="zenamu-courses" calendar-id="[ID vášho kalendára]"></div>
[ID vášho kalendára] nahraďte vašim unikátnym ID, ktoré zistíte v administrácii vášho účtu.
- Kód nájdete vo vašej administrácii (prihláste sa do Zenamu a choďte do Nastavenia > Verejný rozvrh > _ Vloženie rozvrhu do vlastných stránok_).
3. Hotovo
Vyzerá to podobne ako náš rozvrh nižšie 😏.