I've got everything up and running and it works... for me. I seem to be able to log in just fine, however my friend that is helping me test everything out can't. He is getting the following message:
The Facebook Connect cross-domain receiver URL (http://columbus-salsero.com/index.php?option=com_jfbconnect&view=xdreceiver&format=raw#fname=_opener&%7B%22t%22%3A3%2C%22h%22%3A%22fbCancelLogin%22%2C%22sid%22%3A%220.828%22%7D) must have the application's callback url (http://www.columbus-salsero.com/index.php?option=com_jfbconnect) as a prefix. You can configure the callback url in the application's settings.
I've also tried callback urls of "http://www.columbus-salsero.com" and "http://columbus-salsero.com/"
Does anyone know the magic that makes this part work? (I tried to search the forums but it tells me "callback url" is too common to actually search for)
Does it work for you in both configurations, and always not just him? It should be whatever page you're visiting from (with or without the www). So for our demo page, we use a callback of:
<!-- m --><a class="postlink" href="http://facebook.sourcecoast.com/">http://facebook.sourcecoast.com/</a><!-- m -->
If you can give more information about the times it works (with you) and times it doesn't (with or without you), we should be able to get to the bottom of this.
I have this error with IE - same situation - partner testing on ie.
Fine on FF and safari - go figure...
Here's a link. Help me out, please?
<!-- m --><a class="post … - m -->
This is really an issue of how you get to the website. For both of the sites below, if you go to 'http://k9athlete.com/' or 'http://columbus-salsero.com/' the login box works. If you put the www. at the beginning of either though, it will fail. This is because Facebook requires that the site's URL be the exact same as the callback URL in the application. The only way to fix this is to setup a redirect in your htaccess file (or your SEF component of choice) to always redirect users to the correct address... so if they go to <!-- m --><a class="postlink" href="http://www.k9athlete.com">http://www.k9athlete.com</a><!-- m --> it will redirect them to the 'correct' <!-- m --><a class="postlink" href="http://k9athlete.com">http://k9athlete.com</a><!-- m --> site.