Lähdekoodi sivulle Nettivaraus 6 -asiakasnäkymän upottaminen omille verkkosivuille

===Nettivaraus 6 Upotuskoodin käyttö===

[[Tiedosto:Nv6-upotuskoodin-kaytto1.jpg|700px]]<br><br>

Nettivaraus 6 -asetusten sivulla on omaa tiliäsi koskevat valmiit koodit ja linkit:<br>

'''1)''' Asiakasnäkymän upottamien (eli upotuskoodi)<br>
'''2)''' Asiakasnäkymän linkki (eli suora linkki)<br><br>

  
'''Suora linkki vai upotuskoodi ?''':<br>
https://www.ajas.fi/lataa-kokeile/kokeile-internet-ajanvarausta/kokeile-internet-ajanvarauksen-asiakasnakymaa/<br><br>

Tällä sivulla näet esimerkit molempien tapojen käytöstä.<br>

*'''Tästä nettivaraukseen''' - on esimerkki suorasta linkistä. Se avaa asiakasnäkymän oman verkkosivustosi ulkopuolella suoraan varauskalenterissa<br>
*Sivulla näkyvissä oleva varauskalenteri - on esimerkki upotuskoodin käytöstä. Varauskalenteri on siten osa omaa verkkosivustoasi, ja voit linkittää siihen omien sivujesi avulla esim: yritys.fi/ajanvaraus.<br><br>


Sivulla voisi siis olla ohjeet:<br>
*Kuinka ajanvaraus upotetaan.
<pre><div id="nettivaraus6-container"></div>
<script type="text/javascript" src="https://nettivaraus6.ajas.fi/scripts/iframe-embed.php?lid=OMA LID TUNNUS&lang=fi"></script></pre>

OMA LID TUNNUS on oman tilisi Nettivaraus 6 -linkissä ja upotuskoodissa näkyvä 12 merkin tunnus.<br><br>

*Kuinka upotteen kieltä voi vaihtaa.

<pre><div id="nettivaraus6-container"></div>
<script type="text/javascript" src="https://nettivaraus6.ajas.fi/scripts/iframe-embed.php?lid=OMA LID TUNNUS&lang=fi"></script></pre>

'''Kielivalinta selaimen kielestä'''<br>
Poista upotuskoodista '''&lang=fi''' -parametri. <br>
Asiakasnäkymä avautuu silloin selaimen kielen mukaan joko suomeksi, ruotsiksi tai englanniksi.<br>
Jos selaimen kieli on muu kuin edellämainitut, asiakasnäkymä avautuu oletuksena englannin kielisenä. <br><br>

'''Kieli esivalittuna'''<br>
Korvaa upotuskoodissa '''&lang=fi''' -parametri olemaan '''&lang=en''' tai '''&lang=sv'''. <br><br>

*Kuinka voi upottaa jonkun toisen sivun, esimerkiksi sen /mybookings.

<pre><div id="nettivaraus6-container"></div>
<script type="text/javascript" src="https://nettivaraus6.ajas.fi/scripts/iframe-embed.php?lid=OMA LID TUNNUS/mybookings&lang=fi"></script></pre>


*Lisäksi voisi mainita, että sitä iframea ei tule itse lisätä, vaan käyttää ainoastaan sitä meidän tarjoamaa koodia.

Roope: Mikä osa tarkalleen ottaen on iframea? onko se tuo iframe-embed.php ?<br><br>


*Voisi myös sanoa, että upotteen korkeutta ei kannata yrittää rajoittaa mitenkään, vaan se toimii parhaiten, kun saa vapaasti kasvaa korkeussuunnassa sivustolla.
Roope:  Ok, tämä on vain lause<br><br>

*Jos korkeutta rajataan, niin se tulee tehdä erillisellä elementillä nettivaraus6-container-elementin ympärillä. Tällöin upotteen toiminta tulee testata itse hyvin.
Roope:  Mikä tuo erillie elementti on? div?<br><br>

*Tälle sivulle voisi lisätä myös tuon offset-ohjeen.

[[Asetukset#Kiinte.C3.A4n_yl.C3.A4palkin_korkeuden_asettaminen_upotuskoodille_.28offset.29|Kiinteän yläpalkin korkeuden asettaminen upotuskoodille (offset) ]]<br><br>


*Ehkä voisi myös kehottaa tarjoamaan upotteen lisäksi suoraa linkkiä ajanvaraukseen, mikäli upote ei jostain syystä toimi.