× Joomla Facebook Connect support forum

Topic-icon Facebook Canvas Settings Issue

Active Subscriptions:

None
11 years 2 months ago #30151 by planethop
I have a SSL Certificate installed on my server for my site 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:
www.facebook.com/planethop

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:
Canvas Name:
planethop
Canvas URL:
planethop.com/
Secure Canvas URL:
planethop.com/
For more information, see Obtaining SSL Certificates for Facebook
Canvas Height:
Fluid
Canvas Width:
Fluid


File Attachment:


File Attachment:


File Attachment:
The topic has been locked.
Active Subscriptions:

None
11 years 2 months ago #30158 by planethop
I re-checked with my host - apparently they have not installed the SSL certificate yet. Let me wait and see what happens.
Thanks.
The topic has been locked.
Support Specialist
11 years 2 months ago #30161 by alzander
When I go to 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,
Alex
The topic has been locked.
Active Subscriptions:

None
11 years 2 months ago #30190 by planethop
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?

www.facebook.com/planethop
www.facebook.com/planethop/app_118707988288432

Canvas settings are:
Canvas Height:Fluid
Canvas Width:Fluid
The topic has been locked.
Support Specialist
11 years 2 months ago #30199 by alzander
I'm going to call "not it" on this issue. In the HTML on your site, you have the following Javascript code:
if(top.location!=self.location)top.location=self.location;
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,
Alex
The topic has been locked.
Active Subscriptions:

None
11 years 2 months ago #30207 by planethop
I don't see that code in the index.html file on my site. It just contains the following code:
<html><body bgcolor="#FFFFFF"></body></html>

And there is no such line in the following document:
/templates/PlanetHop_Template_1/index.php
The topic has been locked.
Support Specialist
11 years 2 months ago #30209 by alzander
Sorry, I didn't mean to imply it's in your template file(s). I don't know where that code is coming from. Probably another extension. In your browser, if you use the View Source command (sometimes named a little different in each browser menu), and search for what I posted, you'll see it. There's lots of other Javascript around it, which now that I look at it, seems to be coming from a Google Translate module.

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.

Alex
The topic has been locked.
Active Subscriptions:

None
11 years 2 months ago #30214 by planethop
I turned of the Google Translate module, now my site is loaded within Facebook - but the full page does not show. You have to scroll back and forth. Is there anyway to display the full site within the frame?
The topic has been locked.
Support Specialist
11 years 2 months ago #30255 by alzander
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.

Alex
The topic has been locked.
Active Subscriptions:

None
11 years 2 months ago #30259 by planethop
You can't have everything. Thanks!
The topic has been locked.