Sosiale medier: ikoner og deling

Ikoner med lenke til sosiale medier

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

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 "ÑDz©ÓéÀÖ¹ÙÍø_ÑDz©ptÊÖ»ú¿Í»§¶ËµÇ¼", 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