Ero sivun ”Nettivaraus 6 -asiakasnäkymän upottaminen omille verkkosivuille” versioiden välillä

Versio 27. kesäkuuta 2023 kello 12.21

NV6 Upotuskoodin käyttö

Suora linkki vai upotuskoodi:
https://www.ajas.fi/lataa-kokeile/kokeile-internet-ajanvarausta/kokeile-internet-ajanvarauksen-asiakasnakymaa/

Tästä nettivaraukseen - on esimerkki suorasta linkistä.
Sivulla näkyvissä oleva varauskalenteri - on esimerkki upotuskoodin käytöstä.

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.