Embed full comments from Facebook post - javascript

I want to embed a whole list of comments from a Facebook post into web page. I googled around but found that Facebook only supports embedding "single" comment.
For example, I create a post in my Facebook post and my friends comment on the posts. Now I want to embed all my friends' comments into my blog, without the post content.
Is this currently officially supported by Facebook? Or is there any 3rd party library can help to render the comments following Facebook UI style?
Thanks in advance.

Take a look at "Comment Mirroring" with the Comments Plugin in the docs: https://developers.facebook.com/docs/plugins/comments
It may be what you need, but afaik it only works with Pages.
You could also use the graph api to read the comments, but that would only work one way (from the page to your website). Check out the API reference for more information about that: https://developers.facebook.com/docs/graph-api/reference/v2.7/comment/
Edit: Comment Mirroring is deprecated now: https://developers.facebook.com/blog/post/2017/11/07/changes-developer-offerings/

Related

Getting latest facebook post via oembed read feature

Recently I've been working on a website that has synchronized news with its Facebook page equivalent.
The main idea is to display on website 3 latest post from owner's facebook page.
So far I've applied for an App Review to use function oEmbed Read and the permission has been granted.
I've been using Facebook's graph API with success but I need to specify a proper URL link to specific post.
What I would like is to skip the part where I need to provide an endpoint so it will be automatized. Both for posts as well as for videos.
Endly, the code will be run from JS component that is applied on the website.
Do you have any ideas how to solve this?

Embed Dynamic Instagram Feed Into HTML With Code Only (NO API/Plugin)

I am looking to get started on how to embed an entire dynamic Instagram feed using HTML and JavaScript (if possible/if necessary) instead of using API's and plugins.
Essentially, what I want on a page for a website that I am currently working on is to show all of the posts as part of a feed on a website and whenever a new post is uploaded on Instagram, that newest post to load automatically.
Does anyone know how to do this or how I can get started on this please?
A little late to reply, but hopefully this is helpful for someone...
Firstly, so we're on the same page, you WILL need to use at least one API to do this-- the Instagram API. You need to use the Instagram API in order to fetch content from their service (this article explains the basic idea https://www.freecodecamp.org/news/what-is-an-api-in-english-please-b880a3214a82/)
Now, you do not say whether you've looked at the Instagram developer docs, but this would be a great place to start: https://developers.facebook.com/docs/instagram
It looks like they have some example code and tutorials, so hopefully there is enough info here to get you started! Based on your question, it sounds like you may want to first check out their BasicDisplayAPI: https://developers.facebook.com/docs/instagram-basic-display-api
Finally, you might find this other SO post helpful. Unfortunately the blog link is broken, but the code snippet looks promising
Embed an instagram feed
This blog article looks promising as well:
https://dev.to/ljcdev/embedding-an-instagram-post-in-your-website-3666

Embed a Facebook Page Post including Comments

I've been looking at how to embed a Facebook Page Post using this documentation. I like the way this looks, but it doesn't allow for the comments to also be shown at the same time. My goal is to create a dashboard of page post and display it on a TV in the hallway. None of the posts have more than 10 comments so it wouldn't get out of hand. Is there a way to accomplis this using the api I linked, or do I need to spin up my own iframe to include the comments?
It appears the best way to list the comments of a Facebook page post is to use the Facebook Graph API. Here is a direct link to the comments API:
https://developers.facebook.com/docs/graph-api/reference/v2.5/object/comments

Disqus Read-Only Comments

I am using Disqus Comments with JavaScript Embed Code and PHP Single Sign-On on a webpage of mine. I want to make it so that users who are not logged in can only view comments, but not actually comment. So how can I embed view-only disqus comments? Thanks!
I really need to do this in a programmatic way, via PHP if possible. So if $readonly is true, the comments need to be view only. If it is false, the comment box needs to be enabled. Unfortunately there really isn't anything else I can do. Bounty Started.
When I refer to logging in, I am implying logging in on my own website, not on Disqus.
You can disable guest commenting in the Disqus Admin -> Settings page
When its turned on, comments can be read but a login via Disqus, Google, Facebook or Twitter is required to leave a comment.
Let me know if this is what you wanted.
I originally put this forward as a comment, but I think it's as close to an answer as you might get.
Turn on pre-moderation (Disqus admin > Settings > General page)
Then use Disqus whitelisting to automatically approve all of your own website users.
Use the Disqus API (e.g. via PHP) to automatically post your site users to the Disqus whitelist. See Disqus whitelist API add.
Users could still log in via Disqus to try to comment, but those comments won't appear on your site - they'll go into the moderation queue where you can ignore/delete them without them becoming public.
You could also add a message above the Disqus comment area telling people the rules of your site so they don't make the mistake of using the Disqus sign in option.
The problem is. Every DOM-manipulation (e.g. triggered by an php script) is outwitable through modern browser's web page inspectors.
That's why I think, you have to implement your own comment system or have a look at the given API features of disqus.

add title and description with LinkedIn share button

I am using a simple JavaScript popup window to display a Share with LinkedIn dialog, based on the solution in this thread: How to make a custom LinkedIn share button.
https://www.linkedin.com/cws/share?url=http%3A%2F%2Fgoogle.com
I was wondering if there is any way to add a title and description to the query string? I noticed that when you do this with the google example it automatically pulls in this information. Any help is appreciated.
http://www.linkedin.com/shareArticle?mini=true&url=http://example.com/adaptxt-beta-android&title=http://example.com/adaptxt-beta-android&summary=http://example.com/adaptxt-beta-android&source=http://example.com/adaptxt-beta-android
You mean this? LinkedIn share article script.
The only parameter supported by the LinkedIn share url is url, so, try something like this...
https://www.linkedin.com/sharing/share-offsite/?url={url}
Official Microsoft LinkedIn Share API Documentation. Take a look here, you'll see that LinkedIn no longer supports a summary, title, or other parameters. Only url.
They used to support other parameters, though. But they seemed to have changed with Microsoft's acquisition of LinkedIn. Wished someone updated you on that? If you are interested in a regularly maintained GitHub project that keeps track of this so you don't have to, check it out! Social Share URLs

Categories