I have a SSL Certificate installed on my server for my site http://planethop.com , but I cannot show parts of my site in Facebook, even though the Canvas is setup properly in my Joomla Backend for JFBConnect and I’ve created a Facebook Application. I’ve also run Autotune.
To see this issue, go to:
Expand the tabs. For example, click on Travel Desk; and you will see:
SSL connection error
Unable to make a secure connection to the server. This may be a problem with the server, or it may be requiring a client authentication certificate that you don't have.
Error 107 (net::ERR_SSL_PROTOCOL_ERROR): SSL protocol error.
But if you are logged into Facebook and execute the above steps, the page from my site shows up. Do you have to be logged into Facebook for the external web page to load within the Canvas area?
The Canvas settings for the site are:
Secure Canvas URL:
For more information, see Obtaining SSL Certificates for Facebook
When I go to https://planethop.com/ , I get an SSL error in Chrome as well. Are you sure you haven't ever clicked a "Allow certificates" link or something similar for your website, which would allow non-authenticated SSL certificates to work? You can also try going to the https version of your site in other browsers. If you get any popups telling you that the certificate isn't valid and verifying that you want to proceed, that's bad.
From what I can tell, it seems that SSL isn't correctly installed on your server. Before we can debug any possible Canvas issues, we'd need to be able to visit your actual site over a secure connection (which is most likely the underlying issue anyways).
Hope that helps get you started,
The SSL certificate is now correctly installed on the server and my site pages show up in Facebook - however, the pages show up briefly and then the user is re-directed to my site.
If I wanted to, how could I just have the page load within Facebook, without the redirect?
Canvas settings are:
That is meant to intentionally break your site out of any other site that may be framing your content, like Facebook. If you want to use the Facebook Canvas stuff, you'll have to remove that code.
Best of luck,
I don't see that code in the index.html file on my site. It just contains the following code:
And there is no such line in the following document:
Not sure why it's breaking out of frames like that, but I'd try disabling that extension and testing the canvas again. If that works, narrow down if you can disable that pop-out feature.
You can't expand the frame for your page anymore than you see. The Facebook Page Tab has a restricted width of something like 810px. You'd need to use the Template Override option of JFBConnect to set a different template (that's slimmer and meant for the narrower page width) when viewed in a Page Tab.
It's not the optimal answer, but Facebook has no method of increasing that width. The best consolation I can offer is that a year ago, the width was fixed at 520px, which was positively ridiculous.