Skip to Main Content
VV InApp Feedback Test
Categories Schnittstellen
Created by Christian Burger
Created on Sep 9, 2020

Social Media Dienste können per JS/iFrame auf einer Kachel auf der VV Startseite eingebunden werden

Eine Nachfrage bei der DG PARO von Fr. Krammel: Wollen gemeinsam Sport treiben und die Bilder auf der VV veröffentlichen. Idee wäre, z.B. Social Media Accounts in die VV einzubinden und dann Bilder dort zu sharen.

Die Einbindung der Social Media Kanäle wäre auch gut geeignet, um aktuelle News zu publizieren und Social Media Nutzung zu propagieren.

Denkbar:

- Twitter
- Facebook
- etc...

Idee wäre: Timelines per JS/iFrame in einer Kachel auf der Startseite der VV einbinden.

TWITTER

z.B. Converia Twitter Account

via https://publish.twitter.com/#

Code:<a class="twitter-timeline" data-width="250" data-height="300" data-theme="light" href="https://twitter.com/converia_de?ref_src=twsrc%5Etfw">Tweets by converia_de</a> <script async src="https://platform.twitter.com/widgets.js" charset="utf-8"></script>

FACEBOOK

z.B. Converia Facebook Account

via https://developers.facebook.com/docs/plugins/page-plugin/

Variante 1: JS SDK

<div id="fb-root"></div><script async defer crossorigin="anonymous" src="https://connect.facebook.net/de_DE/sdk.js#xfbml=1&version=v8.0" nonce="dsccWIdh"></script>

<div class="fb-page" data-href="https://www.facebook.com/converia/" data-tabs="timeline" data-width="300" data-height="500" data-small-header="true" data-adapt-container-width="true" data-hide-cover="false" data-show-facepile="true"><blockquote cite="https://www.facebook.com/converia/" class="fb-xfbml-parse-ignore"><a href="https://www.facebook.com/converia/">Converia</a></blockquote></div>

ODER

Variante 2: per iFrame

<iframe src="https://www.facebook.com/plugins/page.php?href=https%3A%2F%2Fwww.facebook.com%2Fconveria%2F&tabs=timeline&width=300&height=500&small_header=true&adapt_container_width=true&hide_cover=false&show_facepile=true&appId" width="300" height="500" style="border:none;overflow:hidden" scrolling="no" frameborder="0" allowTransparency="true" allow="encrypted-media"></iframe>

  • Attach files