I have a webpage on which I added a facebook comments plugin.
<fb:comments href="http://mywebsite.com" num_posts="20" width="510"></fb:comments>
How would I be able to moderate those comments? "mywebsite.com" is not actually the address where the page with the comments plugin is available.
You also need to include the fb:admins and fb:app_id tag in the header of the site that is using the comments plugin:
<head>
...
<meta property="fb:app_id" content="APP_ID"/>
<meta property="fb:admins" content="USER_ID"/>
...
</head>
Once you've done this you will see the moderate links on the comments box. You can also navigate to
https://developers.facebook.com/tools/comments
to see a list of all your apps that have comments plugins enabled.
More information here:
https://developers.facebook.com/docs/reference/plugins/comments/
Related
I’m trying to get the Facebook link sharing meta tags to work for my Blogger site, and though I got link previews mostly working (images, title, custom description, etc.), I cannot get the author link to display.
Here’s a screencap showing what I’m referring to:
Yet here’s a link preview for my blog, as seen using the FB Sharing Debugger:
The Facebook instructions say only to check that “Who Can Follow Me” is set to “Public” in my profile settings, and to add <meta content='<FB_profile_URL>' property='article:author'/> in my template’s <head>. I’ve done that and debugged my meta tags in the Debugger so that only a couple minor and unrelated errors/warnings remain (one about a missing fb:app_id property (I don’t have a FB app) and sometimes a warning about a post image being ignored because it’s smaller than 200×200).
Here are all my social media meta tags in my template (including tags for Twitter and Google+ in case someone points out any conflicting tags or properties I may not know about):
<!-- start social media meta tags -->
<!-- start Facebook/Open Graph meta tags -->
<meta expr:content='data:blog.title' property='og:site_name'/>
<meta content='https://www.facebook.com/joemcken' property='article:author'/>
<b:if cond='data:blog.pageType == "item"'>
<meta content='article' property='og:type'/>
<b:else/>
<meta content='blog' property='og:type'/>
</b:if>
<b:if cond='data:blog.postImageUrl'>
<meta expr:content='data:blog.postImageUrl' property='og:image'/>
<b:else/>
<meta content='https://1.bp.blogspot.com/-oXxCTyNh6gc/WY7QMBR_eNI/AAAAAAAAAl0/cGml_-lFF6wfpvr_gnVwuWBgAKN8Ok3awCLcBGAs/s1600/Preliator_favicon_large.png' property='og:image'/>
</b:if>
<!-- end Facebook/Open Graph meta tags -->
<!-- start Twitter card meta tags (source: https://twittercommunity.com/t/blogger-twitter-card-image-display-problem-solution/82315) -->
<meta content='summary' name='twitter:card'/>
<meta content='#joemcken' name='twitter:site'/>
<meta content='#joemcken' name='twitter:creator'/>
<meta expr:content='data:blog.homepageUrl' name='twitter:domain'/>
<b:if cond='data:blog.pageType == "item"'>
<meta expr:content='data:blog.canonicalUrl' name='twitter:url'/>
<meta expr:content='data:blog.pageName' name='twitter:title'/>
<b:else/>
<meta expr:content='data:blog.homepageUrl' name='twitter:url'/>
<meta expr:content='data:blog.pageTitle' name='twitter:title'/>
</b:if>
<b:if cond='data:blog.postImageUrl'>
<meta expr:content='data:blog.postImageUrl' name='twitter:image'/>
<b:else/>
<meta content='https://1.bp.blogspot.com/-oXxCTyNh6gc/WY7QMBR_eNI/AAAAAAAAAl0/cGml_-lFF6wfpvr_gnVwuWBgAKN8Ok3awCLcBGAs/s1600/Preliator_favicon_large.png' name='twitter:image'/>
</b:if>
<b:if cond='data:blog.metaDescription'>
<meta expr:content='data:blog.metaDescription' name='twitter:description'/>
</b:if>
<!-- end Twitter card meta tags -->
<!-- start Google+ meta tags -->
<b:if cond='data:blog.pageType != "index"'>
<meta expr:content='data:blog.pageName' itemprop='name'/>
<meta expr:content='data:blog.canonicalUrl' itemprop='url'/>
<b:else/>
<meta expr:content='data:blog.title' itemprop='name'/>
<meta expr:content='data:blog.homepageUrl' itemprop='url'/>
</b:if>
<link href='https://plus.google.com/102494175517749861425' rel='author'/>
<link href='https://plus.google.com/102494175517749861425' rel='publisher'/>
<b:if cond='data:blog.metaDescription'>
<meta expr:content='data:blog.metaDescription' itemprop='description'/>
</b:if>
<b:if cond='data:blog.postImageUrl'>
<meta expr:content='data:blog.postImageUrl' itemprop='image'/>
<b:else/>
<meta content='https://1.bp.blogspot.com/-oXxCTyNh6gc/WY7QMBR_eNI/AAAAAAAAAl0/cGml_-lFF6wfpvr_gnVwuWBgAKN8Ok3awCLcBGAs/s1600/Preliator_favicon_large.png' itemprop='image'/>
</b:if>
<!-- end Google+ meta tags -->
<!-- end social media meta tags -->
Update: I was tinkering around with a test post earlier and when I previewed it on Facebook, the author tag worked. I hadn’t changed anything in the blog’s template or meta tags before – it just randomly appeared. However, upon testing again with a different test post, the author tag disappeared. I’ve tried playing with various things – post length (from 9 paragraphs to just ten words), presence of an image or no, etc. – but I can’t get the author tag to reappear, even though it was just there.
Update #2: Below are the results of further testing. (Please remove the brackets around https in the links to make them work.)
FIRST: I posted a notification that I was going to make a bunch of test posts, and when I shared the link for that post, the author tag displayed immediately.
• Sharing Debugger link: [https:]//developers.facebook.com/tools/debug/sharing/?q=https%3A%2F%2Fpreliator2.blogspot.com%2F2017%2F08%2F13-Tinkering-around-with-some-test-post.html
• Object Debugger link: [https:]//developers.facebook.com/tools/debug/og/object/?q=https%3A%2F%2Fpreliator2.blogspot.com%2F2017%2F08%2F13-Tinkering-around-with-some-test-post.html
SECOND: I created “Test post 2”, and the author tag displayed for that one as well. (Original post has been deleted, but the scrape information remains for now.)
• Sharing Debugger link: [https:]//developers.facebook.com/tools/debug/sharing/?q=https%3A%2F%2Fpreliator2.blogspot.com%2F2017%2F08%2Ftest-post.html
• Object Debugger link: [https:]//developers.facebook.com/tools/debug/og/object/?q=https%3A%2F%2Fpreliator2.blogspot.com%2F2017%2F08%2Ftest-post.html
THIRD: I then created “Test post 3”, which is identical to “Test post 2”, above, except for the slightly different title and permalink. Yet the author link never appeared for this one. The debug information, below, is also identical to “Test post 2”. (Original post has been deleted, but the scrape information remains for now.)
• Sharing Debugger link: [https:]//developers.facebook.com/tools/debug/sharing/?q=https%3A%2F%2Fpreliator2.blogspot.com%2F2017%2F08%2Ftest-post-3.html
• Object Debugger link: [https:]//developers.facebook.com/tools/debug/og/object/?q=https%3A%2F%2Fpreliator2.blogspot.com%2F2017%2F08%2Ftest-post-3.html
UPDATE #3: I’ve tried everything I can think of. As it stands, maybe 1 link in 10 I post to Facebook will show the author tag, and it seems entirely random which do or don’t (though possibly they appear more often on links to shorter posts, or with shorter titles/URLs/meta descriptions … can’t confirm, though).
For instance, I posted this last night and the author link displays fine (screencap link):
[https:]//image.prntscr.com/image/uwNewssrRz_GD8-z5kuPBA.jpeg
The tag remains after rescraping:
[https:]//developers.facebook.com/tools/debug/sharing/?q=https%3A%2F%2Fpreliator2.blogspot.com%2F2017%2F08%2F16-I-feel-Hals-pain-120.html
This happened after the introduction of Facebook Instant Articles, Only verified author/publisher name's shall appear on the Link preview.
The step required to solve the issue is as follows:
Sign up to Facebook Instant Articles, you will have the choose the page you need to associate while signing up.
After signing up, in the Configuration section, under the Tools section, you will be asked to enter the domain details (etc example.com), you must verify your website in-order to publish instant articles.
Follow the instruction for adding the meta tag, if you are using wordpress, you can see the instruction here. Hopefully assuming that you would be having other meta details such as app_id, publisher name, author link etc.
Soon you shall be receiving a notification for Linked Publication, asking for the confirmation.
Linked Publication Preview
That's it. Soon the author profile link would be appearing in the Link Preview.
I have a solution that worked for me. In this similar question someone has suggested using the FB_ID instead of your alias FB URL. I tried that, and initially didn't see any difference in the Object Debugger. After an hour or two, Facebook prompted me to confirm linked publications, and then I can see it correctly in the debugger:
So, first use your FB_ID instead of your alias, e.g.: https://facebook.com/123456789 instead of https://facebook.com/yourname
After I made this change, Facebook notified me and asked me to confirm linked publications, you have to manually enter the name of the FB page for whom you write, and then click the "Add" button, once confirmed it will look like:
I added seo support in my Angular app
http://staging.lovented.com
I configured Html5Mode including Hashbang urls
$locationProvider.html5Mode(true).hashPrefix('!');
By doing this both urls are valid
http://staging.lovented.com/contest/extension_test_contest
http://staging.lovented.com/#!/contest/extension_test_contest
Then I setup the meta tags like
<meta name="description" content="{{description}}">
<!--Facebook Meta Tags-->
<meta property="og:title" content="{{title}}" />
<meta property="og:url" content="{{siteUrl}}#!{{contentUrl}}" />
<meta property="og:description" content="{{description}}" />
<meta property="og:image" content="{{serviceUrl}}{{imageUrl}}" />
If I go to this page http://staging.lovented.com/contest/extension_test_contest
the meta tags set dynamically, the way google crawl the site by appending escaped fragment at the end of url and system will take the snapshot. You can click on the below link and see the source of the page. Everything is there.
http://staging.lovented.com/contest/extension_test_contest?_escaped_fragement_=
But the way facebook crawler would work, it looks for #! in the url and replace it with escaped fragment so for fb share I would share this url http://staging.lovented.com/#!/contest/extension_test_contest
But If I run this url in Facebook Debugger, it not seems to scrape the site.
https://developers.facebook.com/tools/debug/og/object/
So, Google crawler would definitely work but I am not sure why Fb not scrape my page. Any suggestion please?
It is because facebook is not using <meta name="fragment" content="!"> when scraping, so if there is no #! in url - facebook will fetch it as a regular page without adding _escaped_fragment_ query parameter…
The same is true for other social networks(at least it was, when I was doing SEO for my application)…
To handle this issue you can add detecting based on user agent.
There is good examples how this can be done from prerender.io:
Apache: https://gist.github.com/thoop/8072354
Nginx: https://gist.github.com/thoop/8165802
The problem I'm having is when I post a link to a post on my website to either Facebook or Google+ that link points to my homepage. Even in preview, the thumbnail displayed is that of the homepage.
From what I have found (which hasn't been much) it seems that the problem might be with the facebook metadata. I have tried to validate it on facebook's open graph validator and at first I was getting a 206 result when the links were working. Now I get: Facebook URLs aren't scrapable by this Debugger. Try your own. Not sure why.
Having the same issue with Google+. When I first published the website it was working fine and this happened out of nowhere.
Here is what I have in my header:
<!--Facebook Metadata /-->
<meta property="og:title" content="Website Title"/>
<meta property="og:type" content="website"/>
<meta property="og:url" content="http://URL.com/"/>
<meta property="og:image" content="http://URL.com/img.png"/>
<meta property="og:site_name" content="Site Name"/>
<meta property="fb:admins" content="User_1"/>
<meta property="og:description" content="Website Descriptiom"/>
<!--Google+ Metadata /-->
<meta itemprop="name" content="Google+ ID">
<meta itemprop="description" content="Description">
<meta itemprop="image" content="Empty">
I have tried removing it and still the problem persists. I do want to point out that I have an html site with a wordpress blog that's being hosted on my server. Wondering if the issue might be with wordpress?
Should the metadata be placed on the index.html and the wordpress homepage or just the index.html? Any help would be appreciated. Thanks.
When you delete those metadata tags, specifically the og: ones (facebook's open graph meta tags) - you have to tell Facebook to pick up a new copy of your page as they cache everything. If you haven't tried this already:
Remove those tags
View the source on your live site, to confirm they are in fact removed
Go to http://developers.facebook.com/tools/debug and type in the URL of the page you are testing. This will tell Facebook to grab a new copy.
If that works (as it should), then you can play around with what tags to keep and how to make them dynamic - knowing that anytime you make a change, you will have to redo step #3 to tell FB to grab a fresh copy.
When I link to my website on Facebook a thumbnail comes up but it is not the thumbnail I want to come up. How do I change the thumbnail. It shows the image on the object debugger
http://developers.facebook.com/tools/debug/og/object?q=totelfootball.com
How do I change the image?
I have seen similar posts but want to no a simple solution for the issue? Can it be done on Facebook no coding involved?
you can add into <head></head>
this tag <link rel="image_src" href="http://URL-TO-YOUR-IMAGE" / >
OR change <html> tag to
<html xmlns="http://www.w3.org/1999/xhtml"
xmlns:og="http://ogp.me/ns#"
xmlns:fb="http://www.facebook.com/2008/fbml">
and add into tag <head></head>
this tag
<meta property="og:image" content="http://URL-TO-YOUR-IMAGE" />
Don`t forget to test your link using facebook debug tool
Go to http://developers.facebook.com/tools/debug
Enter the URL following by fbrefresh=CAN_BE_ANYTHING
Examples:
http://www.example.com?fbrefresh=CAN_BE_ANYTHING
http://www.example.com?postid=1234&fbrefresh=CAN_BE_ANYTHING
OR visit:
http://developers.facebook.com/tools/debug/og/object?q=http://www.example.com/?p=3568&fbrefresh=89127348912
I was having the same issue last night, and I got this solution from some website.
Facebook saves your cache thumbnail. The thumbnail will not change even if you delete the image from your server. But Facebook allows you to refresh by using fbrefresh
I hope this helps.
You can choose what thumbnail is displayed by adding an og:image meta tag to the HTML of totelfootball.com:
https://developers.facebook.com/docs/opengraph/
Facebook uses meta tags on the page you're sharing to determine which image, title, and description to show when posting a link. The meta tag syntax follows Facebook's OpenGraph specification.
The most important meta tags you need to define are:
<meta property="og:title" content="The title of the sharing preview" />
<meta property="og:description" content="The first few lines of content below the title" />
<meta property="og:image" content="http://example.com/your-image-1200x630px.jpg" />
This of course only works if you have complete control over the site you’re sharing. If you’re sharing an external link (like a news article), you don’t have access to their site and therefore can’t change the meta tags. I'm using ShareKit.io, which allows you to change the title, description, and image of any link you’re sharing without having to fiddle with meta tags.
Easier than this.
Go to the link you shared. Open it in a new tab.
Right upper corner --> Refresh Share Attachment
New thumbnail image gets fetched and you get an option to choose another.
Hope this helps :)
I am creating a Facebook iFrame tab application that features weekly interviews and uses a CMS to manage the interview content. I would like to be able to post a link to my newsfeed that points to the application tab and will show a preview with metadata in the newsfeed. Currently, there is no metadata showing up and it is just a blank link. How can I get Facebook to show a preview of the link to the application tab, the same as it would show a preview of a link to any website when posting to my newsfeed?
I know this was asked a long time ago but I figured I'll share more details on how I went about solving this issue:
Facebook does not read metadata from iFrame or application tabs. In other words, when you share a link of a Facebook tab, Facebook will override the meta data values of the iFrame page with the Page’s default ones. In order to work around this limitation, you can set up a redirect page with custom open graph meta tags. Here is how:
Create a redirect page called redirect.php with meta data information:
<html>
<head>
<title>Name of App</title>
<meta property="og:title" content="" />
<meta property="og:description" content="" />
<meta property="og:image" content="" />
<meta property="og:url" content="" />
<!-- This is a page redirect -->
<meta HTTP-EQUIV="REFRESH" content="0; url=URL_OF_FACEBOOK_APP">
</head>
</html>
Use Facebook URL Linter to scrape page (https://developers.facebook.com/tools/debug)
Enter the address of your app’s root URL.
Use Google Shortner and enter the address of the redirect.php that you set up.
http://goo.gl/
Now you can share the new Google Shortner link
Facebook doesn't read metadata from your iframed tab, but you can set up a redirect page with custom Open Graph meta tags as described in the Facebook Developers Forum here: http://forum.developers.facebook.net/viewtopic.php?id=96146
UPDATE 2012.05.20: forum.developers.facebook.net has been replaced by facebook.stackoverflow.com. The link I provided no longer works, but there are some helpful related threads on the new forum:
http://facebook.stackoverflow.com/questions/8407013/open-graph-information-for-a-link-to-a-page-tab
http://facebook.stackoverflow.com/questions/7197919/how-can-i-301-redirect-a-page-in-the-open-graph-and-retain-facebook-like-informa
http://facebook.stackoverflow.com/questions/6053657/open-graph-pages-can-i-use-a-stub-forwarding-page