Preskočiť na hlavný obsah

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 😏.

Workshopy​

Kurzy​

{' '}

Zoznam lekcií​

Cez neho si rovno môžete zarezervovať aj ukážku systému Zenamu priamo pomocou Zenamu!

Stretneme sa online cez Google Meet, behom niekoľkých minút vám predstavíme náš systém, odpovieme na vaše otázky a pomôžeme s nastavením účtu.

{' '}