Forum is closed

Facebook Canvas Settings Issue

Facebook Canvas Settings Issue

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


http://www.sourcecoast.com/components/com_agora/img/members/13863/PlanetHop-Facebook-Tabs.png

http://www.sourcecoast.com/components/com_agora/img/members/13863/PlanetHop-Facebook-SSL-Error.png

http://www.sourcecoast.com/components/com_agora/img/members/13863/PlanetHop-Facebook-App-Settings.png

planethop
useravatar
Offline
49 Posts
Active Subscriptions:

None
Administrator has disabled public posting. Please login or register in order to proceed.

Re: Facebook Canvas Settings Issue

I re-checked with my host - apparently they have not installed the SSL certificate yet.  Let me wait and see what happens.
Thanks.

planethop
useravatar
Offline
49 Posts
Active Subscriptions:

None
Administrator has disabled public posting. Please login or register in order to proceed.

Re: Facebook Canvas Settings Issue

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,
Alex

If you use our extensions, please consider leaving a rating and review at the Joomla! Extension Directory:
JFBConnect | SCLogin

alzander
Alex
useravatar
Offline
24066 Posts
Support Specialist
Administrator has disabled public posting. Please login or register in order to proceed.

Re: Facebook Canvas Settings Issue

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?

https://www.facebook.com/planethop
https://www.facebook.com/planethop/app_118707988288432

Canvas settings are:
Canvas Height:Fluid
Canvas Width:Fluid

planethop
useravatar
Offline
49 Posts
Active Subscriptions:

None
Administrator has disabled public posting. Please login or register in order to proceed.

Re: Facebook Canvas Settings Issue

I'm going to call "not it" on this issue. In the HTML on your site, you have the following Javascript code:

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

If you use our extensions, please consider leaving a rating and review at the Joomla! Extension Directory:
JFBConnect | SCLogin

alzander
Alex
useravatar
Offline
24066 Posts
Support Specialist
Administrator has disabled public posting. Please login or register in order to proceed.

Re: Facebook Canvas Settings Issue

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

planethop
useravatar
Offline
49 Posts
Active Subscriptions:

None
Administrator has disabled public posting. Please login or register in order to proceed.

Re: Facebook Canvas Settings Issue

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

If you use our extensions, please consider leaving a rating and review at the Joomla! Extension Directory:
JFBConnect | SCLogin

alzander
Alex
useravatar
Offline
24066 Posts
Support Specialist
Administrator has disabled public posting. Please login or register in order to proceed.

Re: Facebook Canvas Settings Issue

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?

planethop
useravatar
Offline
49 Posts
Active Subscriptions:

None
Administrator has disabled public posting. Please login or register in order to proceed.

Re: Facebook Canvas Settings Issue

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

If you use our extensions, please consider leaving a rating and review at the Joomla! Extension Directory:
JFBConnect | SCLogin

alzander
Alex
useravatar
Offline
24066 Posts
Support Specialist
Administrator has disabled public posting. Please login or register in order to proceed.

Re: Facebook Canvas Settings Issue

You can't have everything.  Thanks!

planethop
useravatar
Offline
49 Posts
Active Subscriptions:

None
Administrator has disabled public posting. Please login or register in order to proceed.

Re: Facebook Canvas Settings Issue

No problem. As always, if you need anything else, just let us know.

Thanks,
Alex

If you use our extensions, please consider leaving a rating and review at the Joomla! Extension Directory:
JFBConnect | SCLogin

alzander
Alex
useravatar
Offline
24066 Posts
Support Specialist
Administrator has disabled public posting. Please login or register in order to proceed.
There are 0 guests also viewing this topic
There are 0 users also viewing this topic

Board Info

Board Stats
 
Total Topics:
11642
Total Polls:
0
Total Posts:
48913
Posts today:
10
User Info
 
Total Users:
47755
Newest User:
meda
Members Online:
2
Guests Online:
555

Online: 
djyann, marboe1
Social Stream
SourceCoast Joomla Social Extensions
Friday, 25 May 2018
JFBConnect 8.0 Coming Soon! Stay tuned.
Refer and Earn

Like our extensions? You're not alone! That's why they're used on tens of thousands of websites. Now you can earn 20% of any sale you refer to SourceCoast.com.

We provide excellent documentation, well laid out sales pages and great support. All you need to do is spread the word and we'll take care of the rest.

Learn About Our Affiliate Program