What?
A quick article on how I displayed feeds from the company's social network pages in one page.

Why?
There are 3rd-party apps that let you do this, some paid, some not. This was for a staff portal so I wanted this at no extra cost. This is read-only so actual editing of the feed would be done on the respective social network's site.

How:
This simply displays the feed.

  • Facebook
    Replace https://www.facebook.com/myfacebookpage with your facebook URL and replace My Facebook Page with the title of your facebook page.
    (You may need to specify the app in the Facebook developers tools but this may be for the write-back version).
    1.   
    2.  
     
  •   
  •  
  •          class="fb-page"  
  •          data-href="https://www.facebook.com/myfacebookpage"  
  •          data-tabs="timeline"  
  •          data-width="400"  
  •          data-small-header="true"  
  •          data-adapt-container-width="true"  
  •          data-hide-cover="false"  
  •          data-show-facepile="false"> 
  •           
  •                   
  •                          My Facebook Page 
  •                   
  •          
 
  •  
  •  


  • Twitter
    Replace https://twitter.com/MyTwitterAccount with your twitter URL and replace MyTwitterAccount with the title of your twitter page.
    (You may need to specify the app in the Twitter developers tools but this may be for the write-back version).
    1.  Tweets by @MyTwitterAccount 
    2.   


  • Instagram
    Not sure on this one as I could only embed a specific video manually. Will update this if ever a free method for embedding the page comes up.
    1. Go to Instagram and open the video/picture to embed
    2. Click the 3 dots (ellipsis) at the bottom right of the description.
    3. Click Embed
    4. From the box that appears, Copy & Paste the code into your blog or website HTML.


  • YouTube
    1. Go to YouTube and browse to your channel
    2. Hover the mouse over Uploads and click on the Play All button
    3. Click Share
    4. Click Embed
    5. From the box that appears, Copy & Paste the code into your blog or website HTML.
    1.   


  • Pinterest
    1. Browse to Pinterest Developer Tools - Widget Builder
    2. Include the javascript file '//assets.pinterest.com/js/pinit.js' once in the page
      1.   
    3. Customize your feed and Copy & Paste the code where you want it to appear
      1.  // example: replace myPinterestAccount with your account 
      2.