How To: Add a Facebook Feed

October 8, 2014 | Web Services

The CMS will allow you to have a minimal Facebook feed on your page. There isn’t a specific content type, at this time, so in order to properly integrate this content into your page you will need to contact Web Services for assistance. There is a code that is generated from Facebook - you should not need login rights to generate this code.

The page to obtain the code can be found here:

There are two sets of code generated:

  • JavaScript
  • HTML

The Javascript stays consistent, but to ensure you have the most updated version, you will want to send that, along with the snippet of HTML they provide, to Web Services when you’re making your request.

The HTML will look similar to this:

<div class="fb-like-box" data-href="https://www.facebook.com/FB-NAME" data-colorscheme="light" data-show-faces="false" data-header="false" data-stream="true" data-show-border="false"></div>

You do not need to worry too much about styling the box before generating the code, as the process involved with implementing the code may remove some of these style choices.

Cons

It’s not going to function like an RSS feed where we can control ‘x’ many posts being visible. The box height is set, so depending on how verbose your posts are, you may only see 1 at a time. If this feed is accompanied by a twitter feed, which can be adjusted to show ‘x’ amount of posts, this could potentially cause a weird amount of whitespace. Keep these factors in mind when deciding whether or not making your posts visible on your page is appropriate, or whether simply linking to Facebook is a better solution.


Feedback
×
Fill out my online form.