× Joomla Facebook Connect support forum

Topic-icon OG properties not seen by Facebook

Active Subscriptions:

None
14 years 8 months ago #13652 by fabram
I followed the setup instructions and was able to get Facebook login working. I also got the Like button and comment box to show up on K2 articles. However, I am getting some error messages:
1 - Facebok cannot find the OG:properties. I can see it on page source but, FB debugger says it is missing
2 - When I hi the Like button only the article title shows up on Facebook
3 - Bellow comment box there is a message saying that the page is inaccessible by Facebook.
here is the url: www.capimgrosso.net
Please help.
The topic has been locked.
Support Specialist
14 years 8 months ago #13658 by alzander
Fabio,
Honestly not sure why that's happening. It's something we'll have to investigate a little further, as I can definitely see the og tags, and Facebook seems to be reading the page properly. One thing I noticed, is that if I run your page through an HTML validator, I see the following error (there's a lot of warnings/errors, which are common, but this one stood out):
Line 79, Column 7: end tag for "head" which is not finished
validator.w3.org/check?uri=http%3A%2F%2F...ctype=Inline&group=0

If Facebook can't parse your head tag properly, that could easily be the cause. I'd look for any unclosed tags or other errors in the head section, though I didn't see anything from a quick check.

2) This is related to the OG issues above.

3) If you just added Facebook Comments, this is a common error that should fix itself in 24-48 hours. If it's been longer than that, let us know, and we'll look further into it.

Thanks,
Alex
The topic has been locked.
Active Subscriptions:

None
14 years 8 months ago #13683 by fabram
Hi Alex,

The unclosed <head> string is solved, but problem persists.
Facebook debugger now gets all info from my site, lots of pictures from it, but still says the required OG properties are missing.
Can't understand what is going on. Please help!
I am using Joomla 1.5.23 with K2 2.4.1, template Teline IV from Joomlart and JFCBconnect 4.0. No other components installed.

www.capimgrosso.net
The topic has been locked.
Support Specialist
14 years 8 months ago #13687 by alzander
Fabio,
We're investigating and researching possible reasons for why this would be happening, but honestly never seen it before.

We'll let you know what we find, and keep us posted as to if any of the behavior changes on your site.

Thanks for your patience,
Alex
The topic has been locked.
Active Subscriptions:

None
14 years 8 months ago #13699 by fabram
I changed my global configurations to show the title metatag and fix the unclosed <head> issue. However, it made Facebook not recognize images from my FrontPage
This is what I get from FB debugger:
Required Property Missing og:title is required. The Like Plugin will only generate one-line stories unless this property is provided.
Required Property Missing og:type is required. The Like Plugin will only generate one-line stories unless this property is provided.
Required Property Missing og:url is required. The Like Plugin will only generate one-line stories unless this property is provided.
Required Property Missing og:image is required. The Like Plugin will only generate one-line stories unless this property is provided.
Required Property Missing fb:app_id is required. The Like Plugin will only generate one-line stories unless this property is provided.
Debug
Fetched URL www.capimgrosso.net/
Data Source "Jornal online da cidade de Capim Grosso, Bahia. Editor: Fábio Ramos" extraído de <meta name="description" />
Data Source "Todas as imagens" extraído de todos os <img> nós
Data Source "CapimGrosso.NET" extraído de <title>
Data Source "www.capimgrosso.net/" extraído de nossa versão normalizada da URL
URL geral www.capimgrosso.net/.
The topic has been locked.
Active Subscriptions:

None
14 years 8 months ago #13709 by fabram
could the problem be here:
var jfbcLogoutFacebook = false;
var jfbcBase = 'capimgrosso.net/';
var jfbcOptionsPermsUrl = 'www.facebook.com/dialog/oauth?client_id=...irect_uri=http%3A%2F%2Fcapimgrosso.net%2Fcomponent%2Fjfbconnect%2F%3Ftask%3DloginFacebookUser%26return%3DL2NvbXBvbmVudC9rMi9pdGVtLzI5MTQtY2FwaW0tZ3Jvc3NvLWRlc2FmaW9zLWUtc29sdcOnw7Vlcw%253D%253D&state=497292fa3369ee33be9254c9d1ccc63f&scope=user_about_me%2Cuser_website&cancel_uri=http%3A%2F%2Fcapimgrosso.net%2Fcomponent%2Fjfbconnect%2F%3Ftask%3DloginFacebookUser%26return%3DL2NvbXBvbmVudC9rMi9pdGVtLzI5MTQtY2FwaW0tZ3Jvc3NvLWRlc2FmaW9zLWUtc29sdcOnw7Vlcw%253D%253D';
var jfbcRequiredPermissions = 'email,publish_stream';


Why is the component generating such a long link. I noticed it points to SourceCoast page on your site, but it is pointing to Facebook on mine
The topic has been locked.
Support Specialist
14 years 8 months ago #13713 by alzander
That link is created depending on how you have permissions set up for optional versus required. It only affects the registration/login flow, but has nothing to do with the Open Graph tags.

For the 4.0.2 release, coming in a few days, we'll be adding the following namespace tag to the html header at the top of the page. It's possible this is the problem, but it hasn't been an issue with any other users, so we're a little stumped as to what's cuasing your problems, though still investigating.

To make the change, you'll need to modify you're template to update the HTML tag. Usually, the file containing this tag will be /templates/<your_template>/index.php, but each template does things differently. Once found, add the following:
xmlns:og="http://ogp.me/ns#"
So the HTML tag should look something like the following when actually displayed on your site:
<html xmlns:fb="http://www.facebook.com/2008/fbml" xmlns:og="http://ogp.me/ns#" xmlns="http://www.w3.org/1999/xhtml" xml:lang="pt-br" lang="pt-br">

Please test, and let us know how it goes,
Alex
The topic has been locked.
Active Subscriptions:

None
14 years 8 months ago #13721 by fabram
I made the change and nothing happens. I still get the same error message from Facebook Debugger:
{
"error": {
"message": "(#3) App must be on whitelist",
"type": "OAuthException"
}
}
This is how my page reads:
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">

<html xmlns:fb="www.facebook.com/2008/fbml" xmlns:og="ogp.me/ns#" xmlns="www.w3.org/1999/xhtml" xml:lang="pt-br" lang="pt-br">

<head>
<script type="text/javascript">
var siteurl='/';
var tmplurl='/templates/ja_teline_iv/';
var isRTL = false;
</script>

<base href="capimgrosso.net/index.php" />
<meta http-equiv="content-type" content="text/html; charset=utf-8" />
<meta name="robots" content="index, follow" />
<meta name="keywords" content="" />

<meta name="description" content="" />
<meta name="generator" content="Joomla! 1.5 - Open Source Content Management" />
<title>CapimGrosso.NET</title>
<link href="/index.php?format=feed&type=rss" rel="alternate" type="application/rss+xml" title="RSS 2.0" />
<link href="/index.php?format=feed&type=atom" rel="alternate" type="application/atom+xml" title="Atom 1.0" />
<link rel="stylesheet" href="/t3-assets/css30655.css" type="text/css" />
<link rel="stylesheet" href="/t3-assets/cssbd1b7.css" type="text/css" />
<script type="text/javascript" src="/t3-assets/js0e088.js"></script>

<script type="text/javascript">

window.addEvent('domready', function() {

SqueezeBox.initialize({});

$$('a.modal').each(function(el) {
el.addEvent('click', function(e) {
new Event(e).stop();
SqueezeBox.fromElement(el);
});
});
});
var K2RatingURL = 'capimgrosso.net/';
window.addEvent('domready', function(){ var JTooltips = new Tips($$('.hasTip'), { maxTitleChars: 50, fixed: false}); });
</script>
<script type="text/javascript">var jfbcLogoutFacebook = false;
var jfbcBase = 'capimgrosso.net/';
var jfbcOptionsPermsUrl = 'www.facebook.com/dialog/oauth?client_id=...ZGV4LnBocA%253D%253D';
var jfbcRequiredPermissions = '';
</script>
<meta property="og:type" content="article"/>
<meta property="og:admin" content="100001944588193"/>
<meta property="og:url" content="capimgrosso.net/index.php"/>
<meta property="og:title" content="CapimGrosso.NET"/>
<meta property="og:description" content=""/>
<meta property="fb:app_id" content="262126510474817"/>
The topic has been locked.
Support Specialist
14 years 8 months ago #13729 by alzander
Fabram,
I haven't seen the "App must be on whitelist" message before.

In your Facebook Application, can you check if you have whitlisting, blacklisting, or sandboxing enabled? All of those things could easily affect Facebook and users from properly using your site. I'd recommend disabling any sort of restrictions that may be in your application.

If whitelisting isn't enabled, then obviously something's wrong with what Facebook is seeing about your page/Application as it's reporting that it is enabled.

Thanks,
Alex
The topic has been locked.
Active Subscriptions:

None
14 years 8 months ago #13758 by fitzpatrickprince
I am also encountering this issue.

I am setting up several different articles for tracking purposes and for some reason rasmussenlawfirm.com/police is not working, but rasmussenlawfirm.com/fire is working when trying to post on Facebook. They are the same article except for the word "firefigthers" in the article is "police" and the og tags are adjusted the same way. I'm guessing it may be a SEF URL issue with my plugin?

I can post rasmussenlawfirm.com/fire on facebook and see the description and image but can not do the same for /police - it just shows up 100% blank on facebook and facebook debugger says I'm missing required properties of URL, Type, and Title.
The topic has been locked.