WebTrickz
TRENDING
  • How to Find Birthdays on Facebook App 2021
No Result
View All Result
  • News
  • Reviews
  • Social Media
    • Facebook
    • Twitter
    • YouTube
    • Messenger
    • Instagram
    • Snapchat
    • WhatsApp
    • TikTok
  • Apps
  • How To’s
  • Apple
  • iPhone
  • Google
  • Android
  • Mac
SUBSCRIBE
  • News
  • Reviews
  • Social Media
    • Facebook
    • Twitter
    • YouTube
    • Messenger
    • Instagram
    • Snapchat
    • WhatsApp
    • TikTok
  • Apps
  • How To’s
  • Apple
  • iPhone
  • Google
  • Android
  • Mac
No Result
View All Result
WebTrickz
No Result
View All Result
Home Facebook

Tip – How to Embed Facebook Posts Now on your Site

Mayur Agarwal by Mayur Agarwal
March 24, 2020
in Facebook, How To's

Facebook has now introduced ‘Embedded Posts’ feature that lets you easily add any public posts from Facebook to your website or blog. The embedded posts content can include pictures, videos, hashtags, status updates and other content.

ADVERTISEMENT

To embed a post, first, check if the post is public by hovering over the audience selector and look for a globe icon. If the post is public, click the “Embed Post” option from the drop-down menu. Then just copy-paste the provided code on your webpage.

DisplayMedia

ADVERTISEMENT

Note: Only public posts from Pages and Facebook users can be embedded.

The Embedded Post will show any attached media, as well as the number of likes, shares, and comments for that post. It will also enable people to:

  • Like or share the post directly from your web page
  • Like the Page or Follow other posts from the author
  • Visit the post’s comments, photos, hashtags and other content on Facebook

As of now, Facebook has launched this functionality for a few publications namely CNN, Huffington Post, Bleacher Report, PEOPLE and Mashable. Facebook is planning a broader rollout soon, hence it might take some time before you can see the ‘Embed Post’ option in your FB account. Perhaps, if you’re desperate to try this new feature now then there is an easy workaround that requires you to simply add a code along with the post link.

How to Embed Facebook Posts Now [Trick] –

Open any Public Facebook post that you want to embed and copy its permalink or web address. You can also right-click the date on the post to copy its link address.

01-08-2013 15-39-54

Next, copy the below code snippet to your webpage and remember to replace POST_URL_HERE in the snippet with the Facebook post permalink you just copied.

<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>

<fb:post href=”POST_URL_HERE”></fb:post>

 

If you wish to embed another Facebook post on the same web page, then you don’t need to copy-paste the entire snippet again. Just create a new <fb:post> element and set the value of the href attribute as the permalink of that Facebook post.

Here is an example of an Embedded Facebook Post, Try it out below:

ADVERTISEMENT

Tip via [Labnol]

Tags: FacebookTipsTricks
ShareTweetSend
Previous Post

Official Google Adsense App for Android Now Available

Next Post

Locate your Lost Android Phone with ‘Android Device Manager’ by Google

Mayur Agarwal

Mayur Agarwal

Mayur Agarwal is the founder and editor-in-chief of WebTrickz. As a Technology enthusiast and an Internet addict, he loves sharing useful How To’s and Tips & Tricks.

Next Post

Locate your Lost Android Phone with ‘Android Device Manager’ by Google

Leave a Reply Cancel reply

Your email address will not be published. Required fields are marked *

ADVERTISEMENT

Latest Stories

How to Restrict Someone on Facebook 2021 without blocking them

April 16, 2021
galaxy a52

How to Record Screen on Samsung Galaxy A52 and A72

April 13, 2021
galaxy S8

How to Hide Status Bar Icons on Samsung Galaxy Phones

April 8, 2021

How to Stop Live Video Notifications for One Person on Instagram

March 22, 2021
samsung galaxy A52

How to Turn Off and Restart Samsung Galaxy A52 & A52 5G

April 13, 2021

TRENDING

  • messenger icon at the top of Instagram app

    How to Reply to a Specific Message on Instagram 2020

  • How to Send Files and Documents on Messenger for Android

  • How to Sign Out of One Google Account on your Computer

  • Here’s how to Change your Age on Discord

  • How to Turn Off and Restart Samsung Galaxy A52 & A52 5G

ADVERTISEMENT

Popular Tags

Google Android Chrome

Twitter Dark Mode OnePlus

iPhone Apple Apps Mac

Facebook Messenger Security

Instagram Tutorials Photos

  • About
  • Advertise
  • Contact
  • Privacy Policy

© 2021 WebTrickz. All Rights Reserved.

No Result
View All Result
  • News
  • Reviews
  • Apps
  • How To’s
  • Android
  • Google
  • iPhone
  • Mac
  • Contact Us

© 2021 WebTrickz. All Rights Reserved.