Ressurs fra lenke, innholdskomponent for embedding

Ressurs fra lenke, kilder som du kan embedde

Her kan du lime inn lenker til ressurser, som da kommer inn i artikkelen som innebygde elementer.

Du kan bruke lenker fra følgende ressurser (vi kaller dette i NDLA også "whitelist" med tillate kilder) :

• statisk.ndla.no
• Geogebra
• IMDB
• Khan Academy
• NRK skole
• Slideshare 
• Ted
• Vimeo

I tillegg er det mulig å bruke innhold fra disse domenene ( disse nettsider er også "whitelistet" ) : 

• codepen.io
• ebok.no
• elevkanalen.no (TV2)
• embed.kahoot.it
• elevkanalen.no
• embed.molview.org
  
• fast.wistia.com
  
• flourish.studio
• gapminder.org
• ggbm.at
  
• issuu
• jeopardylabs.com
• lab.concord.org
  
• miljoatlas.miljodirektoratet.no
  
• miljostatus.no
  
• molview (embed.molview.org)
• ndla.filmiundervisning.no
  
• ourworldindata.org
• prezi.com
• scribd.com
• scetchfab.com
• sketchup 3D warehouse (3dwarehouse.sketchup.com)
• tomknudsen.no
  
• trinket.io
• vg.no
  
• worldbank.org
  

 Obs: det er ikke mulig å embedde NDLA-artikler.

Info-knappen i skjemaet viser oversikten av tilgjengelige domener.

skjermbilder:

Visningsmodus

Du kan velge mellom:

• visning i artikkelen
• sammendrag-boks med knapp for visning i nytt vindu.

Visning i artikkelen

TIPS

For url fra en rekke domener er det mulig å tilpasse høyde til visningen i ressursen. Du kan endre høyde i ED etter at "iframen" er lagt til innhold i ressursen. Hvis du finner ikonet:  i "iframen" i nedre høyre hjørne kan du dra med musepekeren ikonet opp og ned. 

OBS: Ikke alle domene vi har tilgang til leverer støtte for denne overstyringen!  

Du kan også legge til "tittel". Denne tittelen er ikke vist på front-end men er lagret i html-koden på front-end. Og fra html-koden kan hjelpemidler som skjermlesere bruke tittelen. 

skjermbilde med eksempel fra "ressurs fra lenke" i en ressurs og med mulighet å tilpasse visningshøyde:

sammendrag-boks med knapp for visning i nytt vindu.

eksempel visning i artikkel:

eksempel sammendrag-boks:

Ved valg av visning i nytt vindu MÅ du legge til:

1. metabilde
2. tittel
3. sammendrag innholdet

Hvordan bruker du kildene?

statisk.ndla.no

fungerer med URL, eksempel: https://statisk.ndla.no/norsk/lyrikkhistorisk/nn/

Denne URL-en limer du inn i lenke-feltet i komponent-vinduet, se eksempel på skjermbilde nedenfor.

codepen.io

fungerer med url som du henter fra nettsiden

husk! bruk av codepen er ikke ideelt siden det ikke vil fungere på eksamensnett.

eksempel:

Det er også mulig å bruke "embed"-funksjonen (se neste skjermbilde) i codepen for å skreddersy embed. Du kan sette parameter (som "make code editable") og kopiere url fra "iframe"- fanen inn i ED i url-feltet.

eksempel embed funksjonen codepen:

ebok.no

fungerer med url som du henter fra nettsiden

hvordan finner du url-en:

1. søk og finn bok og klikk på "Gratis utdrag"
   
    
2. velg og klikk på "EMBED-KODE"
   
   
3. kopier bare url-adressen (uten anførselstegn) som står i taggen "<iframe"
   Du kan bruke notisblokk eller lignende verktøy for å klippe denne adressen fra resten av koden.
   
   
4. lim inn url adressen i lenke-feltet i ED

elevkanalen.no TV2

Unngå lenkene som ligger bak pålogging.

Elevkanalen (fra Tv2) har innhold fra samarbeidspartnere som er åpent.

flourish.studio

fungerer med url som du henter fra diagrammen publisert på platformen.

lenke eksempel:

https://public.flourish.studio/visualisation/2057912/embed

gapminder.org

fungerer med url som du henter fra "lenke"-knappen i "share"-menyen fra gapminder-tools.

skjermbilde share-menyen:

lenke eksempel:

https://www.gapminder.org/tools/#$chart-type=bubbles&url=v1

Geogebra

fungerer med URL fra geogebra.

imdb

her må du lime inn lenka slik den er i iframe-koden

Kahoot

Fra og med juni 2023 er Kahoot fjernet fra listen med godkjente kilder.

Khan Academy

fungerer med URL

NRK skole

fungerer med lenke URL fra sammendragsvinduet på nrk skole 
ED plukker ut denne parameteren og setter inn en embedbar-url fra nrk. 

eksempelet med: https://www.nrk.no/skole/?mediaId=21266&page=search&q=Superkort%20om%20klima
1. kopier url fra nettleseren din (url fra siden som viser video-klipp og video-informasjon)
eller
kopier url fra nrk sin sammendrag-informasjon:


2. lim inn i "🔗"-feltet i ED (ED endrer automatisk url fra utklippstavlen i en korrekt embed-url). Du kan sjekke video innhold ved å bruke knappen "Forhåndsvis lenke"

Hvis du ønsker å skrive inn url selv må du bruke denne adressen:
https://static.nrk.no/ludo/latest/video-embed.html#id=123abc
I denne adressen ovenfor trenger du å erstatte 123abcd med data-nrk-id fra embed koden. data-nrk-id finner du i embed fane på nrk skole.

ourworldindata.org

fungerer med url som du henter fra diagrammen publisert på platformen.

lenke eksempel:

https://ourworldindata.org/grapher/new-vehicles-type-area?stackMode=absolute&country=~NOR

sketchfab.com

For sketchfab har vi lagt inn automatisk oversettelse av urler, slik at du kan lime inn url fra adresselinja og få lagra embed-urlen som trengs for visning.

Slideshare

fungerer med URL

Ted

støttes, kontakt ROS

trinket.io

fungerer med url som du henter fra nettsiden.

Bruk url fra embed ikke fra link i delingsmenyen.

Vimeo

fungerer med link URL

skjermbilde med eksempel hvordan du kan hente link url fra videoen:

Du kan finne ut mer om ED i brukerveiledning artikkelen