Embedded Facebook-feed

Get Help
1

Hi

I recently found Xibo and Im on a discoverying journary to find out all its features.

Yesterday I tried to have a facebook-feed from a facebook-page in window.
Unfortunately I could’nt make this work.
What have I done wrong?

I’ve add this html from Facebook, but when I preview Xibo it only shows a link, instead of the feed.

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

Hi Gert.

Facebook is not integrated with Xibo at the moment, so there is no module for it (like there is for Twitter for example)

Some time ago you could embed activity feed, but it seems to no longer work https://developers.facebook.com/docs/plugins/activity

You could try to embed posts in Xibo using this to get the embed code:
https://developers.facebook.com/docs/plugins/embedded-posts

then add it in embedded html module in Xibo.

3

Hi

Well I found a way to make the Facebook plugin work with embbeded function.

I inserted this script before the html.

However I cant get the plugin in the wished width for my design.
Can someone help me?

exsample.jpg1680×1010 94.5 KB

See image… I want the width of Facebook-plugin to touch the right side.

<script>(function(d, s, id) {
  var js, fjs = d.getElementsByTagName(s)[0];
  if (d.getElementById(id)) return;
  js = d.createElement(s); js.id = id;
  js.src = "//connect.facebook.net/en_GB/sdk.js#xfbml=1&version=v2.4&appId=YOUR_APP_ID_HERE";
  fjs.parentNode.insertBefore(js, fjs);
}(document, 'script', 'facebook-jssdk'));</script>

<div class="fb-page" data-href="https://www.facebook.com/gludby" data-width="982" data-height="790" data-small-header="true" data-adapt-container-width="false" data-hide-cover="true" data-show-facepile="false" data-show-posts="true">
<div class="fb-xfbml-parse-ignore"><blockquote cite="https://www.facebook.com/gludby"><a href="https://www.facebook.com/gludby">Gludby</a></blockquote></div></div>