Upotustyökalu

Upotustyökalulla saat upotettua (engl. embed) esimerkiksi Youtube-videoita ja Facebook-sivujasi suoraan omalle nettisivulle.  Sosiaalisen median sisällön avulla Lukkari-sivusto saa lisäarvoa mm. kannustamalla sivuston kävijöitä kommentoimaan ja jakamaan sisältöä edelleen.

Upotustyökalun avulla upotuksesta tehdään responsiivinen eli se skaalautuu eri näyttökokoihin myös mobiiliin. Upotustyökalussa tuettuja palveluita ovat YouTube, Vimeo, Facebook, Twitter ja Google Maps -kartta. Instagram-upotus lisätään upotustyökaluun alkuvuonna 2022.

Jos haluat tehdä upotuksen sellaisesta sosiaalisen median kanavasta, jota ei ole upotustyökalussa, ota yhteyttä tukeen ipp:n kauttaLinkki avautuu uudessa välilehdessä. Uusia some-kanavia voidaan mahdollisuuksien mukaan lisätä upotustyökaluun. Näin tehdään siksi, että mahdolliset kohdesivun evästeet saadaan hallintaan ja niiden leviäminen sivustolla voidaan estää silloin, kun kävijä haluaa estää henkilöivien evästeiden tiedonkeruun. 

Upotustyökalu avautuu oikeasta ylävalikosta (ympyröity kuvake).

""


Some-upotuksen tekeminen: 

  1. Valitse ylävalikosta Upotustyökalu 
  2. Klikkaa haluamasi some-palvelun logoa ja seuraa ohjeita, jotka ilmestyvät logon alapuolella olevaan tekstikenttään. 
  3. Lisää ohjeiden mukaisesti tunniste tai muu koodi tekstikenttään.
  4. Lisää Otsikko ruudunlukijalle -kenttään videon otsikko (pakollinen).
  5. Klikkaa Luo upotuskoodi. 
  6. Luo upotuskoodi -napin alapuolelle ilmestyy upotuskoodi (esim. (kaarisulku) uuid:a75bd568-5fc3-4aba-8e5d-9b53c976c693 (kaarisulku) ) ja ohje sen käyttöön. 
  7. Kopioi upotuskoodi ja liitä se Sisältö-portlettiin haluttuun kohtaan. Tällöin upotus tulee näkyviin sivuston julkinäkymään. Muokkaa sisältöä -ikkunassa upotuksen ei kuulu näkyä.
  8. Paina lopuksi julkaise. 

Jos videon URL-osoitteessa on videon toistoon liittyviä muita tunnisteita, tulee ne jättää pois.
Esim. http://www.youtube.com/watch?v=mSG16neopfs&app=desktop -osoitteessa &-merkin jälkeen tuleva teksti on ylimääräistä, eli upotustyökaluun laitettava osoite olisi http://www.youtube.com/watch?v=mSG16neopfs

Google Maps -karttaupotus

Google Mapsin sisältö-portlettiin laitettavan upotuskoodin saat syöttämällä Lukkarin upotustyökaluun Google Mapsin antaman upotuskoodin. Google Mapsissa paina kartalla haluamastasi kohdasta ja valitse vasemmalla avautuvasta valikosta "Jaa" ja avautuvasta ikkunasta "Upota kartta". 

Syötä siis tämä saamasi koodi Lukkarin upotustyökaluun, niin saat Lukkarin oman upotuskoodin kartallesi. Google Mapsin antamaa upotuskoodia ei siis voi sellaisenaan käyttää, mutta sen avulla saat luotua Lukkarin oman upotuskoodin. 

Noudata yllä olevia some-upotuksen teko-ohjeita. 

Muut upotukset

Upotustyökalun upotuksien lisäksi verkossa on tarjolla paljon erilaisia palveluita, joita voi upottaa verkkosivustoille. 

Upotuksia saa luotua Lukkari-sivustoille kopioimalla upotuskoodin palvelun sivustolta ja syöttämällä upotuskoodi Sisältö-portletissa Koodi-näkymässä, eli valitsemalla source-painike sisältö-portletin tekstieditorissa. Lisättyäsi koodin paina source-painiketta uudelleen niin normaali näkymä palautuu, ja paina sen jälkeen Julkaise.

Iframe-upotusten käyttö

GDPR vaikuttaa jonkin verran iframe-upotusten käyttöön. Jos teet itse iframe-upotuksen, käytä siinä attribuuttia sandbox="allow-scripts". 

Alla esimerkki:

<iframe sandbox=”allow-scripts” src=”https://www.upotuksen-osoite.fi” title=”upotuksen otsikko”></iframe>

Sandbox=”allow-scripts” -attribuutti estää kohdesivua lataamasta evästeitä sivulle, jolle upotus tehdään. Samalla attribuutti mahdollistaa normaalin Javascriptin toiminnan. Jos attribuutti rikkoo upotuksen toiminnan tai upotus ei näy, ole yhteydessä Lukkari-tukeen.

Jos iframe vaatii toimiakseen koodia, esimerkiksi <script> -tagin, niin silloin iframe-upotus pitää tehdä Lukkari-tuen kautta. Script-tagin avulla upotus yleensä levittää koodia, joka sisältää henkilöiviä tietoja kerääviä evästeitä.