Current status of the Ning Platform is always available on the Ning Status Blog.

NC for Hire

A few days ago, I started to write a post about a workaround that I found for embedding individual facebook posts into your site.  However, I decided to wait and I am glad I did because Facebook released the official method of embedding facebook content into websites.

 

Add This to your Custom Code (without the numbers)

  1. <div id="fb-root"></div>
  2. <script>
  3. (function(d, s, id) {
  4. var js, fjs = d.getElementsByTagName(s)[0];
  5. if (d.getElementById(id))
  6. return;
  7. js = d.createElement(s);
  8. js.id = id;
  9. js.src = "//connect.facebook.net/en_US/all.js#xfbml=1";
  10. fjs.parentNode.insertBefore(js, fjs);
  11. }(document, 'script', 'facebook-jssdk'));
  12. </script>

Now go to the place you want to add the Facebook Content and add this in HTML mode:

<div id="fb-root"></div>

<div class="fb-post" data-href="YOUR_URL_HERE"></div>

 Replace the red code with the URL of the post you want to embed.

Proof of concept on Ning 3.0 Network:

Creating an Embedded Facebook Post

To embed a post, first check if the post is public by hovering over the audience selector (you'll see a globe icon). Only public posts from Facebook Pages and profiles can be embedded.

If the post is public, click on the icon that appears in the top right corner of the post on Facebook:

Choose 'Embed Post' from the drop down menu that appears. You will see a dialog appear with the code to embed your post in it:

I don't know about you, but this is a terrific tool for building and cross promoting content on a social network.

Check out their best practices for finding public posts to embed here.

Thanks to Amit for helping me understand how the code breaks down.

Let me know if you need help getting it working or with your network in general.  Enjoy!

You need to be a member of Ning Creators Social Network to add comments!

Join Ning Creators Social Network

Email me when people reply –

Replies

  • Hmmm. This is interesting. I don't see those options on any post. Not mine or others, and the posts are public. The only options I am offered are "Follow Post" and "I don't want to see this". Funny thing is, I never saw any of those options before, because I never used that drop down menu.

    Maybe Facebook hasn't rolled out this feature to everyone?

    • NC for Hire

      that is why i pointed to the workaround...

      • Right! So you did! LOL

        In my defense (can't speak for anyone else), I never really paid attention to Facebook content urls. For the first time, I just now took a good look. 

        Thank you, J. 

  • Same here.  I no longer have those options.  Just "follow post" or "I don't want to see this"

  • This reply was deleted.
    • Hey Bekah.

      I just read this article that says the feature will be slowly rolled out to users, so who knows when the rest of us will get it. Normally I get new features the same day they're released, but I guess I'm on the waiting list this time. Haha!

  • NC for Hire

    works so well..

  • Your post is confusing. Are we coping & pasting the embed code from the Facebook post drop down to our Ning site or do we past the html code that you red highlighted to our Ning site? Which one???

    • btw- I tried both and neither worked. Can this work in Ning 2.0?

  • tried but with no result in a text box in the home page

    I inserted this in the private code

       <div id="fb-root"></div>
        <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_US/all.js#xfbml=1";
        fjs.parentNode.insertBefore(js, fjs);
        }(document, 'script', 'facebook-jssdk'));
        </script>

    amd this in the box

    <div id="fb-root"></div>
    <div class="fb-post" data-href="https://www.facebook.com/bolobazzalive.emilia/posts/10201689198408434" data-width="100€"></div>

    with no relsults

    Luca from italy

This reply was deleted.
 

Some interesting articles related to community management, digital marketing etc. could be found in our digest. Don't hesitate to leave a feedback so we would know that we should continue :-)

Latest Activity

⚡JFarrow⌁ replied to Bizz's discussion
Tip: Remove crop of group cover photo and set a bigger height while making them responsive
"Wow..  cool idea!   I may try this.     Wonder if the same could be done for the funny crop of memb…"
7 hours ago
⚡JFarrow⌁ replied to Bizz's discussion
Tip: Adding a plus media button to your activity feed
"Wow... very innovative!"
9 hours ago
⚡JFarrow⌁ replied to Bizz's discussion
Tip: Adding add content links to your activity feed
"Great tip!  Works well... just wondering why the little camera icon shows up... gonna have to inves…"
9 hours ago
Fernando Bisbal replied to Fernando Bisbal's discussion
Any trick so that the image of each group is displayed in the google search results?
"exact!! in social networks the same ... it is a horror that the web logo is always shown as an imag…"
9 hours ago
⚡JFarrow⌁ replied to Fernando Bisbal's discussion
Any trick so that the image of each group is displayed in the google search results?
"This is also something i am hoping is coming...  the ability to specify the image which shows up bo…"
9 hours ago
Fernando Bisbal posted a discussion
Any trick so that the image (LOGO) of each group is displayed in the google search results? now all…
10 hours ago
Fernando Bisbal replied to Bizz's discussion
Tip: Remove crop of group cover photo and set a bigger height while making them responsive
"Thank you very much I have applied it to my website and now it is much better"
10 hours ago
Bizz replied to Bizz's discussion
Tip: Adding add content links to your activity feed
"Hmm it should all be working ok as I have added the code to my site to test, here is a link to two…"
11 hours ago
Explore One Vietnam updated their profile
yesterday
kostasgr replied to Bizz's discussion
Tip: Adding add content links to your activity feed
"hi Bizz !!  not working ....."
yesterday
Bizz replied to ⚡JFarrow⌁'s discussion
Simple Tip N3: How to Move your Group Description/Follow Box
"Your welcome Fernando, glad could help
Bizz :-)"
yesterday
Fernando Bisbal replied to ⚡JFarrow⌁'s discussion
Simple Tip N3: How to Move your Group Description/Follow Box
"Thank you very much, I've been waiting for this for a long time ... the result is great ... attache…"
yesterday
More…

Meanwhile, you can check our social media channels