Ero sivun ”Nettivaraus 6 -asiakasnäkymän upottaminen omille verkkosivuille” versioiden välillä
(→NV6 Upotuskoodin käyttö) |
(→Nettivaraus 6 Upotuskoodin käyttö) |
||
Rivi 3: | Rivi 3: | ||
[[Tiedosto:Nv6-upotuskoodin-kaytto1.jpg|700px]]<br><br> | [[Tiedosto:Nv6-upotuskoodin-kaytto1.jpg|700px]]<br><br> | ||
+ | Nettivaraus 6 -asetusten sivulla on omaa tiliäsi koskevat valmiit koodit ja linkit:<br> | ||
− | Suora linkki vai upotuskoodi:<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> | https://www.ajas.fi/lataa-kokeile/kokeile-internet-ajanvarausta/kokeile-internet-ajanvarauksen-asiakasnakymaa/<br><br> | ||
− | Tästä nettivaraukseen - on esimerkki suorasta linkistä.<br> | + | Tällä sivulla näet esimerkit molempien tapojen käytöstä.<br> |
− | Sivulla näkyvissä oleva varauskalenteri - on esimerkki upotuskoodin 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> | ||
Versio 27. kesäkuuta 2023 kello 11.35
Nettivaraus 6 Upotuskoodin käyttö
Nettivaraus 6 -asetusten sivulla on omaa tiliäsi koskevat valmiit koodit ja linkit:
1) Asiakasnäkymän upottamien (eli upotuskoodi)
2) Asiakasnäkymän linkki (eli suora linkki)
Suora linkki vai upotuskoodi ?:
https://www.ajas.fi/lataa-kokeile/kokeile-internet-ajanvarausta/kokeile-internet-ajanvarauksen-asiakasnakymaa/
Tällä sivulla näet esimerkit molempien tapojen käytöstä.
- Tästä nettivaraukseen - on esimerkki suorasta linkistä. Se avaa asiakasnäkymän oman verkkosivustosi ulkopuolella suoraan varauskalenterissa
- 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.
Sivulla voisi siis olla ohjeet:
- Kuinka ajanvaraus upotetaan.
<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>
OMA LID TUNNUS on oman tilisi Nettivaraus 6 -linkissä ja upotuskoodissa näkyvä 12 merkin tunnus.
- Kuinka upotteen kieltä voi vaihtaa.
<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>
Kielivalinta selaimen kielestä
Poista upotuskoodista &lang=fi -parametri.
Asiakasnäkymä avautuu silloin selaimen kielen mukaan joko suomeksi, ruotsiksi tai englanniksi.
Jos selaimen kieli on muu kuin edellämainitut, asiakasnäkymä avautuu oletuksena englannin kielisenä.
Kieli esivalittuna
Korvaa upotuskoodissa &lang=fi -parametri olemaan &lang=en tai &lang=sv.
- Kuinka voi upottaa jonkun toisen sivun, esimerkiksi sen /mybookings.
<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>
- 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 ?
- 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
- 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?
- Tälle sivulle voisi lisätä myös tuon offset-ohjeen.
Kiinteän yläpalkin korkeuden asettaminen upotuskoodille (offset)
- Ehkä voisi myös kehottaa tarjoamaan upotteen lisäksi suoraa linkkiä ajanvaraukseen, mikäli upote ei jostain syystä toimi.