[Guide] XenForo and Facebook Integration

Status
Not open for further replies.

Hagai

OMG Member
Joined
Oct 9, 2010
Messages
207
How to integrate Facebook and XenForo
written by Hagai for XenFans.com

This guide containes video version and Step-By-Step Version.

The Video version:

The “Step-By-Step” version:

To integrate you XenForo based forum and facebook you need to the following:

Login into your “Admin Control Panel”, then go to options.
options.png



In the option list search for “facebook”, click on it.
facebook.png



In the “facebook” options you will see 2 fields, “Application ID” and “Application secret”.
facebookpage.png



Then press on the link:
Facebook application
it will redirect to the “create an application” page on facebook developers.
Enter the application name and check the “agree” in the terms.
creatanapplication.png

After pressing “Create Application” it will ask for a security check, pass it.
Then you will need to set some setting for the application, go to the “Web site” in the side of the page, Enter you site URL e.g: “http://www.myxf.com/” add “/” at the end of the URL.
setting.png

Then click Save changes.


You've just finished creating your Facebook application.
fbapp.png



copy the “Application ID” and the “Application secret” in the options in your Admin CP.
Click “Save Changes” and you are done :)
 

Floris

I'm just me :) Hi.
Staff member
Joined
Jan 1, 2001
Messages
60,100
Good job! Thanks for posting. I love how it has video and screenshots included :)
 

erich37

OMG Member
Joined
Oct 31, 2010
Messages
72
same Error at my website !

when a user tries to sign-up via FaceBook, then he gets an error-message at the FaceBook Proxy e-mail.

It is working fine here at xenfans.com

What is the trick, Floris ?

Many thanks !
 

CurveGotti

OMG Member
Joined
Oct 6, 2010
Messages
264
Nice job on the tutorial for the people who haven't had to do this before :-)
 

Floris

I'm just me :) Hi.
Staff member
Joined
Jan 1, 2001
Messages
60,100
You have to not use the proxy.facebook.com email - change it to a real one, and it will work with xenforo.
 

Floris

I'm just me :) Hi.
Staff member
Joined
Jan 1, 2001
Messages
60,100
Here are some inf:wave:screens regarding facebook proxied emails.

http://wiki.gigya.com/035_Socialize_Setup/020_Facebook_Settings

The problem is that the mail field probably is 64 in length, but facebook proxied_emails are over 64, a varchar(320) being 64 + 1 + 255 as per rfc could fix this.

Anyway, that's for the xenforo developers to consider, but you as a developer on facebook could change the proxy email.
 

George G Halstead

OMG Member
Joined
Oct 24, 2010
Messages
436
How do i fix this error ?
Code:
{
   "error": {
      "type": "OAuthException",
      "message": "Invalid redirect_uri: Given URL is not allowed by the Application configuration."
   }
}
 

Floris

I'm just me :) Hi.
Staff member
Joined
Jan 1, 2001
Messages
60,100
How can i add the facebook login like here floris ?

Go into the admin.php and under options > facebook integration.

Click on the link to create an app, set the details as facebook wants, and give xenforo's options page the details from facebook it asks for.

It should then show facebook login/register button.
 

George G Halstead

OMG Member
Joined
Oct 24, 2010
Messages
436
Grrr i figured it out.. LOL Just gotta read some and know my own site settings. Pardon my lack of searching
 

Floris

I'm just me :) Hi.
Staff member
Joined
Jan 1, 2001
Messages
60,100
Grrr i figured it out.. LOL Just gotta read some and know my own site settings. Pardon my lack of searching
Don't worry. This is why there's a community where we can all help - and learn. Once you know now, you can help others with the same questions.
 

Ahmed Nawaz

OMG Member
Joined
Nov 25, 2010
Messages
24
Still This Problem..
An error occurred while connecting with Facebook. Please try again later.
 

George G Halstead

OMG Member
Joined
Oct 24, 2010
Messages
436
It works fine for me even in the profile. Just check your app to be sure your secret and app numbers match and your domain is set correctly.
 
Status
Not open for further replies.
Top