I am having trouble trying to figure out how to fix this error that i have. I am using godaddy's website tonight, and on my website I am trying to add the Facebook “like” button. But when i click it I get the following message:
You failed to provide a valid list of administators. You need to
supply the administors using either a fb:app_id meta tag, or using a
fb:admins meta tag to specify a comma-delimited list of Facebook
users.
I then went to my Facebook page were I have a page for my bussiness. I went to "insights for your website" and filled in the website name and linked with me. got the meta tag, <meta property="fb:admins" content="1349905809" /> and placed this on my website. I even had godaddy IT team place this tag on my root page, and several other location on my site. But when I the try to link insights with my website, I get this message:
No admin data found at root webpage http://kanopyking.net/. Insights
requires admin data at this root webpage for the specified URL
(kanopyking.net)
Is this meta tag that FB is providing me correct? why cant FB insights see my admin information on my page?
If you have not added namespace for FB in the <html></html> tag of your webpage, you will need to do so.
<html xmlns="http://www.w3.org/1999/xhtml" xmlns:fb="http://www.facebook.com/2008/fbml" xmlns:og="http://ogp.me/ns#">
To enable insites on my websites I use the app_id tag, not the admin_id tag.
Sample for a non domain root page:
<head>
<title>Another Feed Javascript API</title>
<meta property="og:title" content="Another Feed"/>
<meta property="og:description" content="Another Feed Javascript API Test Page"/>
<meta property="og:type" content="article"/>
<meta property="og:image" content="<?php echo $this_ogimage; ?>"/>
<meta property="og:site_name" content="Another Feed"/>
<meta property="og:url" content="http://ShawnsSpace.com/plugins/af.php"/>
<meta property="fb:app_id" content="246061345438635"/>
</head>
For root pages "example.com" the og:type needs to be set to website or blog.
On the page where you get the error message - there is an image right below it of a cutout of code. It says:
<meta property="fb:admins" content="xxx" />
I also added this in the html tag:
<html xmlns="http://www.w3.org/1999/xhtml" xmlns:fb="http://www.facebook.com/2008/fbml" xmlns:og="http://ogp.me/ns#">
Related
How facebook identify the entered hyperlink and get data from that link. it shows thumbnails, text, pictures, etc. Does facebook using any javascript for framework?
Open graph protocol (OGP) is what helps Facebook get specific data from URL i.e. Web page title, site name, description ... etc
To install OGP on your site (page)
Add: prefix="og: http://ogp.me/ns#" into <html> tag
And:
<meta property="og:title" content="{Title}" />
<meta property="og:type" content="{site_type}" />
<meta property="og:url" content="{page_URL}" />
<meta property="og:image" content="{Thumbnail}" />
between <head> tags.
Those above are basic meta properties You can read more about it on OGP
I have a website at http://predictstat.com/. It's powered by Django. I would like to make sure that when a user posts a link from this website onto Facebook, a nice preview image, title and description show up there. This website can also be accessed by using a different domain name: http://percephany.com/. However, I don't really want to use that. I want it to be known to the world as predictstat.com.
To test the Facebook linking/previewing, I have been using the Facebook Debugger Tool. These are the meta-tags that are in my index.html page:
<meta charset="utf-8" />
<meta property="og:url" content="http://predictstat.com/" />
<meta property="og:image" content="http://predictstat.com/static/images/predictStatLogo.png" />
<meta property="og:title" content="predictStat" />
<meta property="og:description" content="Online prediction logging and tracking" />
<meta name="viewport" content="width=device-width, initial-scale=1.0">
When I ask the Facebook debugger tool to scrape http://predictstat.com/, It gives me the following error:
Error Parsing URL: Error parsing input URL, no data was scraped.
However, when I change the meta tags to refer to percephany.com instead of predictstat.com, and then ask the Facebook Debugger tool to scrape http://percephany.com/, it works perfectly fine.
Why is this the case? Why does the Facebook Debugger tool like the domain name http://percephany.com/, but dislike the domain name http://predictstat.com/ when they both point to the same underlying website?
I have placed a like button on every post page of the website.
To make sure things work out properly, I added all the required meta tags, Head tag, and html tags on pages which include,
<html xmlns:fb="http://ogp.me/ns/fb#" xmlns="http://www.w3.org/1999/xhtml" xmlns:og="http://opengraphprotocol.org/schema/" xmlns:fb="http://www.facebook.com/2008/fbml" onkeypress="keyfind(event)">
<head prefix="og: http://ogp.me/ns#">
<meta property="og:title" content="xxxx"/>
<meta property="og:site_name" content="xxxx"/>
<meta property="og:url" content="xxxx"/>
<meta property="og:description" content="xxx"/>
<meta property="og:type" content="article" />
<meta property="fb:app_id" content="xxxx"/>
<meta property="fb:admins" content="xxxx"/>
<meta property="og:image" content="xxx" / >
Since we are sharing images, the og type was selected as article, just like 9gag.
So when i go to any of those page and click the like button, it clicks and the count increases successfully. However, When i check my Facebook profile, nothing shows up on profile as if I never liked it.
I tested it with multple facebook accounts, the count on the webpage kept increasing but none of the likes were shown on any of the profiles.
However, As soon as i put 1 url in the fb debugger, all the likes on that page suddenly appears on the profile.
for instance, if i like a page, and put the page's url 2 days later in the FB debugger, the link will appear on the profile saying [ FirstName LastName liked an article ] and shows 48 hours ago.
I understand that facebook takes a little time to scan urls, however, i have been trying to tackle this issue since a week or so. Currently, i am surviving by putting all the urls one by one in the debugger.
I am using mediawiki 1.19 and I've added facebook 'like'. When I click like the image posted is the site logo. How do I take the image from the page. I've run the site through http://developers.facebook.com/tools/debug and it seems og:image is set to the site logo. How do I change this meta property?
My site is thepetwiki.com
Thanks
You are going to gave to add some custom og:tags to the HTML markup of your page and specify the image that you want to use...
Take a look at the example from the Facebook documentation -
<html xmlns="http://www.w3.org/1999/xhtml"
xmlns:og="http://ogp.me/ns#"
xmlns:fb="https://www.facebook.com/2008/fbml">
<head>
<title>The Rock (1996)</title>
<meta property="og:title" content="The Rock"/>
<meta property="og:type" content="movie"/>
<meta property="og:url" content="http://www.imdb.com/title/tt0117500/"/>
<meta property="og:image" content="http://ia.media-imdb.com/rock.jpg"/>
<meta property="og:site_name" content="IMDb"/>
<meta property="fb:admins" content="USER_ID"/>
<meta property="og:description"
content="A group of U.S. Marines, under command of
a renegade general, take over Alcatraz and
threaten San Francisco Bay with biological
weapons."/>
...
</head>
...
</html>
As you can see the og:image parameter is specified here and that allows Facebook to correctly display the meta data associated with that URL...
You might not need all of the og:tags specified here, title,url,image and description should be fine for just a LIKE button.
You are already aware of the debugger tool - it will help you debug your LIKE button and og:tags. Make some changes in your HTML markup and each time you'll have to send your URL though the debugger to refresh Facebook's cached version of your URL.
A quick Google search gave me this mediawiki extension that looks like it could help you -
http://www.mediawiki.org/wiki/Extension:OpenGraphMeta
OpenGraphMeta provides OpenGraph protocol metadata for articles on the wiki for 3rd parties like Facebook to extract...
see post http://www.mediawiki.org/wiki/Extension_talk:Facebook#OpenGraph_image_problems.
The open graph coding is all part of the Facebook extension.
I'm building a facebook iFrame application that uses facebook comments. When a user leaves a comment the default action is that this comment will be posted to their wall. The wall post is something along the lines of
UserX commented on example.com
# the comment text goes here
http://example.com
apps.facebook.com
You should be able to include an image, a description, and set the link to be the title of the page (where it says http://example.com above the apps.facebook.com), but I'm having no luck getting this to work.
I thought it would grab the information from my meta tags (as long as they included the appropriate 'og' tags), but that isn't working. Nor am I able to define values for title, url, image etc. in the same way that you can for normal wall posts.
Anyone have any idea how to get this working??
EDIT:
Here are the meta tags I currently am using.
<meta property="og:title" content="USERNAME'S PAGE" />
<meta property="og:type" content="website" />
<meta property="og:url" content="http://example.com"/>
<meta property="og:image" content="http://example.com/images/wall-post.png" />
<meta property="og:description" content="Some description goes here." />
Use URL Linter to Debug
http://developers.facebook.com/tools/lint/
Make sure all meta tags are correct and if you've made some changes, it takes some time to update for facebook and here's a sample, this is a working version:
<!doctype html>
<html xmlns:og="http://ogp.me/ns#"
xmlns:fb="https://www.facebook.com/2008/fbml" lang="en">
<head>
<meta charset="utf-8">
<title>Facebook Comment Box Sample</title>
<meta property="og:title" content="YOUR-POST-TITLE"/>
<meta property="og:type" content="website"/>
<meta property="og:url" content="http://YOUR-SITE-URL"/>
<meta property="og:image" content="http://YOUR-IMAGE-URL"/>
<meta property="og:site_name" content="YOUR-SITE-TITLE"/>
<meta property="og:description" content="YOUR-DESCRIPTION"/>
<meta property="fb:admins" content="YOUR-USER-ID"/>
</head>
<body>
<h1>Facebook Comment Box:</h1>
<div id="fb-root"></div><script src="http://connect.facebook.net/en_US/all.js#xfbml=1"></script>
<fb:comments href="http://YOUR-SITE-URL" num_posts="10" width="500"></fb:comments>
</body>
</html>
OK, after a lot of stumbling around I figured this out.
My iFrame application requires facebook authentication before accessing the application (as I believe all facebook apps do). This means that the facebook crawlers were unable to crawl my homepage and pick up the og: meta tags.
To solve this I first had to figure out what the facebook crawler looks like. I logged the HTTP_USER_AGENT for all requests and then used the facebook URL Linter (http://developers.facebook.com/tools/lint/) to ping my site.
The facebook crawler identifies itself as "facebookexternalhit/1.1 (+http://www.facebook.com/externalhit_uatext.php)"
Once I had that I was able to just add a little conditional logic to let the crawler bypass authentication and access my site. I hope this helps others.
First I made sure I had all my meta properties set, then I just put my code in this:
if (strpos($_SERVER['HTTP_USER_AGENT'],"externalhit_uatext")<5)
{
}