Sisältöä muilta verkkosivuilta

by Tanja Tuulikki Välisalo last modified Dec 05, 2014 01:27 PM
Kuvien, videoiden, karttojen ym. sisältöjen upottaminen muualta verkosta omalle sivustolle

Verkkosivuille voidaan upottaa sisältöä myös muilta verkkosivuilta. Useissa verkkopalveluissa on tarjolla upotuskoodi (embed), jonka avulla verkkosivuilleen tai blogiinsa voi upottaa videon, diaesityksen, kuvan tms. Käytännössä upotus tehdään iframe-elementillä.

Esim.

<iframe width="560" height="315" src="//www.youtube.com/embed/2brvo0feZZM" frameborder="0" allowfullscreen></iframe>

Lisätietoja:

http://www.w3schools.com/tags/tag_iframe.asp

Google-kartan upottaminen omalle verkkosivustolle

Esimerkkinä sisältöjen upottamisesta on Google-karttalinkin upottaminen omalle verkkosivustolle.

  1. Siirry Googlen karttapalveluun.
  2. Tee haku haluamallasi osoitteella.
  3. Jaa haun tulos valitsemalla oikean alareunan rataskuvakkeesta (ks. kuva oikealla) valikko ja sieltä Jaa ja upota kartta.
  4. Avautuvassa ikkunassa valitse vielä yläreunasta Upota kartta. Voit valita vielä, minkä kokoisena kartta tulee verkkosivustolle (Pieni, Keskitaso, Suuri, Oma koko).
  5. Kopioi sen jälkeen upotuskoodi (iframe) ja liitä se omalle verkkosivullesi haluamaasi kohtaan.