Verlinkung und Einbindung von Social Media Inhalten
Verlinkung von Social Media
Sie können Ihren Social Media Auftritt über die in der Kontaktbox zur Verfügung stehenden, standardisierten Links gut sichtbar verlinken.
Socialmedia Block
Mit den neuen Newselementen steht Ihnen der Socialmedia Block zum Verlinken Ihrer Socialmedia Accounts zur Verfügung. Mehr dazu finden Sie hier.
Einbindung als Stream
Vorbemerkungen zum Einbinden von Streams
Das Einbinden von Social Media Streams auf der Website emfpehlen wir aus folgenden Gründen nicht mehr:
- Die Einbindungscodes ändern sich hin und wieder ohne Ankündigung, das kann zu längeren Unterbrüchen führen.
- Die Sicherheits-Infrastruktur der Universität Bern wird regelmässig verstärkt, das kann zu Problemen bei der Einbindung externer Websites führen.
- Das Streamen funktioniert mit externen Skripts, die den Seitenaufbau verlangsamen.
- Die externen Skripts laufen clientseitig und können Daten sammeln.
Eine Einbindung als Stream ist mit Newsboxen möglich und sollte ausschliesslich auf der Startseite einer Einrichtung erfolgen.
Sollten Sie noch keinen Newscontainer auf Ihrer Startseite eingerichtet haben, finden Sie hier eine Anleitung dazu.
Ergänzen Sie eine Newsbox in den Newscontainer und wählen Sie
- Typ «streams facebook», wenn Sie einen Facebook-Stream einbinden möchten
- Typ «streams twitter», wenn Sie einen Twitter Feed einbinden möchten (Zur Zeit nicht möglich)
- Typ «streams twitter hastag», wenn Sie einen Social Media Feed basierend auf einem Widget möchten
- Typ «streams youtube», wenn Sie einen Youtube Feed einrichten möchten.
Zum Einbinden der Streams ist ausschliesslich das Feld «URL» relevant. Ein Titel ist in der Newsbox obligatorisch, der Titel wird aber in der Live-Ansicht nicht dargestellt. Alle anderen Felder in der Newsbox können leer gelassen werden.
Facebook-Stream
Bitte fügen Sie in das Feld «URL» folgenden Code vollständig inklusive der beiden // am Anfang ein:
//www.facebook.com/plugins/likebox.php?href=https://www.facebook.com/XXX&height=610&colorscheme=light&show_faces=false&header=false&stream=true&show_border=true" scrolling="no" frameborder="0" style="border:none; overflow:hidden; height:610px;" allowTransparency="true"
Ersetzen Sie den kursiven Bereich des Codes durch die absolute URL Ihres Facebookaccounts. Ein fertiges Codebeispiel könnte so aussehen:
//www.facebook.com/plugins/likebox.php?href=https://www.facebook.com/UniBern&height=610&colorscheme=light&show_faces=false&header=false&stream=true&show_border=true" scrolling="no" frameborder="0" style="border:none; overflow:hidden; height:610px;" allowTransparency="true"
Die Höhe des Streams beträgt standardmässig 610 px. Die Breite von 260 px («width=260») nutzt die Breite der Newsbox maximal aus und sollte nicht variiert werden.
Twitter-Stream
Bitte fügen Sie in das Feld «URL» die URL Ihrer Twitteroberfläche ohne «https:» ein, z.B. //twitter.com/unibern
Die Höhe des Streams darf maximal 610 px sein.
Twitter-Hashtag-Stream
Die Twitter-Hastag Einbindung funktioniert zur Zeit nicht. Bitte verlinken Sie stattdessen Ihren Twitter Account.
YouTube-Stream
Es ist möglich aus einer YouTube-Plattform sowohl ein einzelnes Video als auch eine Playlist in eine Newsbox einzubetten. Bitte beachten Sie, dass die Inhalte eine Freigabe zum Einbetten haben müssen.
Die zum Einbetten notwendige URL erhalten Sie, indem Sie in YouTube bei der entsprechenden Playlist oder dem Einzelvideo auf den Button «Teilen» und danach «Einbetten» klicken.
Von dem vorgeschlagenen Codeschnipsel kopieren Sie den String, der nach «src=» in Anführungszeichen eingeschlossen ist, entfernen «https» und die Anführungsstriche.
Sind zusätzliche Parameter sichtbar, erkennbar durch «&», empfehlen wir, diese zu entfernen.
Beispiel für die Coedeextraktion einer Playlist:
Aus diesem Code:
<iframe width="560" height="315" src="https://www.youtube.com/embed/videoseries?list=PLJz56LKZpWLc4HaNJFoEKgMG1xRkIljjx&controls=0&showinfo=0" frameborder="0" allowfullscreen></iframe>
wird
//www.youtube.com/embed/videoseries?list=PLJz56LKZpWLc4HaNJFoEKgMG1xRkIljjx
gebildet
Ergänzen Sie den extrahierten Code in das Feld «URL».
Ist nach Einbindung nur ein Video und keine Navigation zu der ganzen Playlist sichtbar, überprüfen Sie, ob der eingebundene String die Bereiche «&controls=0&showinfo=0» enthält und entfernen Sie diese ggfls.
Mit einem Klick auf die YouTube Navigation im eingebundenen Video, ist nun die ganze Playlist sichtbar.
Wir empfehlen den Wert 170px für die Höhe des Streams.