Inbäddningsverktyg

Inbäddningsverktyget

Med hjälp av inbäddningsverktyget kan du bädda in sociala medier i en innehållsportlett. Genom att bädda in t.ex. församlingens Facebooksida kan du göra webbtjänsten mer levande. När du bäddar in olika sociala medier med hjälp av inbäddningsverktyget anpassar sig sidan till den skärm användaren använder.

Inbäddningsverktyget stöder följande tjänster: YouTube, Vimeo, Facebook, Twitter, Google Maps och allmän inbäddning. Tyvärr går det inte med hjälp av verktyget att bädda in Instagram. Ett instagram konto kan bäddas in med hjälp av gratisverktyg som hittas på nätet. T ex Snapwidget.Öppna länk i ny flik

Du kan också lägga in en video i Media highlight portletten. Via denna länk kan du kolla hur det görs.

Facebooksida, Instagramkonto, Youtubekonto skrivs ihop och med stor begynnelsebokstav.

Så här bäddar du in sociala medier i en innehållsportlett

1. Inbäddningsverktyget finns i den övre menyn

2. Klicka på den sociala medie tjänst du vill bädda in 

Följ instruktionerna som uppenbarar sig i textfältet under logon (OBS! I äldre webbläsare syns instruktionstexten nödvändigtvis inte!).

3. Kopiera ID eller url-adress 

Klistra in adressen och välj Skapa en inbäddningskod.

(Om det i slutet av adressen finns extra tecken kan de lämnas bort. Exempel: I adressen http://www.youtube.com/watch?v=mSG16neopfs&app=desktop kan tecknen efter & lämnas bort. Då blir det följande url-adress som ska klistras in i inbäddningsverktyget: http://www.youtube.com/watch?v=mSG16neopfs)

4. Under knappen Skapa en inbäddningskod får du din inbäddningskod

och instruktioner hur du ska använda koden.

Kopiera koden.

5. Öppna innehållsportletten och skriv obligatorisk rubrik

Öppna innehållsportletten där du vill infoga inbäddningskoden. Innehållsportletten kan också finnas i texten till en nyhet eller i texten kring ett evenemang. Skriv den obligatoriska rubriken som behövs för skärmläsare så att sidan är tillgänglig.

6. Klistra in koden i innehållsportletten 

Klistra in koden efter rubriken. Inbäddningen syns i den publicerade webbtjänsten. Den syns inte i textediteringsverktyget. 

7. Tryck på publicera knappen

Här en länk så du kan se hur Kimitoöns församling bäddat in sin facebook sida längst ner på första sidan.Öppna länk i ny flik

Via denna länk hittas en videoinstruktion hur använda inbäddningsverktyget.Öppna länk i ny flik

Utomstående tjänsters inbäddningsverktyg

På internet finns många andra tjänster med vars hjälp man kan bädda in på webbsidan.

Obs source-knappen är ur funktion sommaren 2021!!

Inbäddningarna kan infogas i Klockaren genom att kopiera inbäddningskoden från tjänstens sida. Gå till en innehållsportlett i Klockaren, tryck på knappen Source  i texteditorn och foga in inäddningskoden. När det är klart tryck en gång till på knappen Source  så är du tillbaka i normalt läge. Tryck på publicera-knappen.

Twitter-konto

Du skapar en inbäddningskod för twitter via följande adress:

https://twitter.com/settings/widgets/new/userÖppna länk i ny flik

Kopiera inbäddningskoden och infoga den i en innehållsportlett som är i Source-läge 

Inbäddning av responsiv ifram

Så här gör du

1. Gå till en innehållsportlett. I textredigeraren finns en kodknapp som heter source. Tryck på den. Obs source-knappen är ur funktion sommaren 2021!!
2. När du aktiverat kodvyn ser man innehållet editorns funktioner i textform. I texten fogar du in en inbäddningskod, t ex ett iframe- element. 
3. Tryck på kodknappen för att återgå till normalläge. Tryck på publicera.

Observera att texteditorn inte visar inbäddning rätt innan du tryckt på publicera knappen!
 

Google maps karta

Inbäddningsverktyget kan användas för att bädda in en karta i en innehållsportlett.

1. Gå till Google Maps.
2. Du får inbäddningskoden genom att trycka på den önskade platsen på kartan och sen på "Dela" i menyn till vänster och i följande fönster välja "Bädda in en karta". Kopiera koden.
3. Klistra in koden i inbäddningsverktyget, välj karta. 
4. Kopiera koden och klistra in i en innehållsportlett.