Topic-icon Facebook Share button not using opengraph settings

Active Subscriptions:

None
When sharing using the JFBConnect share button from any source (article, page, module) the share button does not load the opengraph options (image, title, description) and only displays a blank square with the domain name.

Using the FB debugger tools everything shows perfect. When sharing in Facebook everything loads as expected with all the opengraph options. Also going to social debug shows 100% on everything.

The opgraph plugin is also enabled (Tried when it was not enabled as well)

Here is what it shows when reading off an article and if sharing direct in facebook it pulls the info correctly.

og:title August 2014 Auto-generated
og:description My Description... Auto-generated
og:image mydomain.com/prd/images/feature_images/g...ight-block.grant.jpg Open Graph - Content Plugin
og:image mydomain.com/prd/images/sampledata/1200x630-ogMain.jpg Open Graph - Content Plugin
og:type website Auto-generated
og:site_name My Site Name Auto-generated
og:url mydomain.com/prd/index.php/features/aug-2014 Auto-generated
fb:app_id xxxxxxxxxxxxxxx Auto-generated
og:locale en_gb Auto-generated


Not sure if I'm missing something but the share button should be using the same content that facebook pulls in?
The topic has been locked.
Support Specialist
11 years 10 months ago #46090 by alzander
Can you check the Joomla -> Global Configuration area setting for "GZip compression". If it's enabled, please try disabling it. We've heard some reports of that setting causing difficulties with Facebook scanning the page for the previews. Generally, the debugger will also show errors, but from your description and what I can see on your page, everything looks right. I'm not sure why the share area is blank, but hopefully that setting will help things get going.

Keep me posted on how that goes,
Alex
The topic has been locked.
Active Subscriptions:

None
11 years 10 months ago #46091 by cocabang
Thank you. Yes, we have disabled gzip already due to the fact that FB has issues with that and joomla and would even cause failures in the FB Debugger. After enabling that sharing directly on facebook works as expected and the fb debugger finds everything fine. (FYI: Google also works fine even from the JFBConnect button). Unfortunately the share button on the site does not populate the opengraph settings.
The topic has been locked.
Support Specialist
11 years 10 months ago #46120 by alzander
Unfortunately, this looks to be a bug with Facebook itself. We've never seen or heard of this problem, but were able to find a Facebook bug report from another user with the same problem:
developers.facebook.com/bugs/1463622043886590/
That site is *not* using JFBConnect, just so you know.

My only suggestion would be to submit a similar bug report to Facebook, or comment and subscribe to the report above, so that Facebook can investigate further.

I hope that helps, but please let us know if you feel there's anything else we could help with.

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

None
11 years 10 months ago #46172 by cocabang
I did some further troubleshooting. Went to the FB debugger and it pulled in the images and gave no warnings. But what was interesting is that I would then click the image and it would take to an access denied. I did get it sorted but could not figure out why FB could not load it but others could. I changed the permissions on the images from 775 to something else, then I changed them back to 775. Now it works fine.

The last mystery in the puzzle now is the Pinterist pins are not populating the images, but FB and Google both work fine.
The topic has been locked.
Support Specialist
11 years 10 months ago #46176 by alzander
Whew. Good sleuthing. No clue why that was necessary, but glad you found something to fix the problem.

As for Pinterest, I just went to your /features/aug-2014 page. The reason Pinterest isn't working on that page looks to be a bug with JFBConnect in how it's trying to find the first image. We scan through the HTML in the article and pull the first img tag we find. On your site, the first image tag is within a commented out block with the following image tag:
<img src="/prd/images/feature_images/grantphoto/showcase-image-right-block.grant.jpg" alt="image" />
That image doesn't exist, but JFBConnect found it (incorrectly) and is trying to use it. Can you remove that commented out text from the HTML? That should fix the issue on that page.

Of course let us know if that doesn't help, or if there's some other page that Pinterest isn't working on as well.

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

None
11 years 10 months ago #46177 by cocabang
Thank you. That was it. Removed the commented div and all is well. Would have never thought of that.
The topic has been locked.
Support Specialist
11 years 10 months ago #46178 by alzander
I'm glad to hear that got it going for you. We wouldn't have thought of that either. It's definitely a bug in JFBConnect as we shouldn't be scanning within HTML comments. We'll definitely look into that.

Either way, I'm glad to hear we could help get you going. Of course, if you run into anything else, or have any other questions, just let me know.

Finally, if you haven't already, please consider leaving a rating and review for JFBConnect, or our support, on the Joomla Extension Directory. It certainly isn't required, but is very appreciated:
extensions.joomla.org/extensions/social-...ook-integration/7215

Thanks,
Alex
The topic has been locked.