Sosiale medier: ikoner og deling

Ikoner med lenke til sosiale medier

• Facebook
• X
• Google+
• YouTube
• LinkedIn
• Instagram
• Tripadvisor
• Snapchat
• Pinterest
• Tiktok

Slik legger du inn ikoner og lenker til sosiale medier

Plassering

• Nederst i innholdsfeltet for artikkelmal og arrangementsmal
• På fakultet- og instituttforside:
  • Mellom "Tjenester og verktøy" og "Arrangementer", eller nederst.

1. Sett tittel til "<Enhetsnavn> i sosiale medier"

2. Velg "Kilde" og lim inn følgende HTML-kode:

   <ul class="vrtx-social-list">
       <li><a class="facebook" href="/">Facebook</a></li>
       <li><a class="x" href="/">X</a></li>
       <li><a class="google-plus" href="/">Google+</a></li>
       <li><a class="youtube" href="/">YouTube</a></li>
       <li><a class="linkedin" href="/">LinkedIn</a></li>
       <li><a class="instagram" href="/">Instagram</a></li>
       <li><a class="tripadvisor" href="/">Tripadvisor</a></li>
       <li><a class="snapchat" href="/">Snapchat</a></li>
       <li><a class="pinterest" href="/">Pinterest</a></li>
       <li><a class="tiktok" href="/">Tiktok</a></li>
   </ul>

3. Gå ut fra kildevisning og fjern lenkene til sosiale medier som ikke er aktuelle

4. Legg inn riktig webadresse mellom hermetegnene etter href=" / " til de sosiale mediene du ønsker å lenke opp

5. Lagre nettsiden, så får du klikkbare ikoner for de sosiale mediene du har lenket til

Del på E-post, Facebook eller Twitter/X

Slik legger du inn Del på-funksjon

• Komponent for tips- og dele-funksjon på sider som ikke automatisk har disse funksjonene, for eksempel prosjektsider eller tematiske forsider. Bør ikke brukes på generelle forsider, der deling ikke er et behov.
• Kopier koden herfra og lim inn koden nederst i nettsiden du ønsker å dele
• Kode:

<div class="vrtx-social-components">${resource:email-friend} ${resource:share-at}</div>

Lenke til nyhetsbrev

Slik legger du inn lenke til nyhetsbrev

• Kopier koden herfra og lim inn koden på nettsiden
• Kode:

${lib:newsletter-link url=[/lenke/til/nyhetsbrev]}

• Hvis du vil overstyre lenketekst kan du legge inn text=[] med din egen tekst.

Innebygget Twitter/X-feed

Slik legger du inn en innebygget Twitter/X-feed

• Kopier koden herfra og lim inn koden på nettside
• Kode:

${lib:twitter-feed user=[brukernavn]}

• Høyde på Twitter/X-ramme er default 400 piksler. Hvis du vil overstyre så kan du legge inn height=[] med din egen høyde.

Twitter/X Cards

Slik deler du artikler på Twitter/X med bilde og tekst

Twitter/X cards fungerer foreløpig kun ved deling av artikler. Det står på utviklingslisten å få dette som en mulighet over hele nettstedet.

Bilde: For at bilde skal vises på Twitter/X når noen deler en artikkel fra UiO må bildet legges inn i feltet "Bilde" i tilknytning til innledningen i artikkelmalen.

Tekst: For at egendefinert tekst skal vises i saken som deles, må det legges inn spesifikt i feltet "Metadata" under "Om"-fanen i artikkelen. Hvis det ikke legges inn tekst her vil standardteksten "Les denne saken på UiOs nettsider" bli vist i Twitter/X-feeden.

Twitter/X har en egen nettside for å forhåndsvise hvordan lenker som deles ser ut:

• Twitter/X Card Validator