Integration with vBulletin - vB Nexus, Facebook & Google multiple login integration

vBulletin Nexus
Current project release: BETA
This works on vBulletin 3.7.X - 3.8.4

This product will allow visitors to join your community using their Facebook, Google, Yahoo or AIM account; and will allow your existing members to associate an existing forum account with one of the services - such as Facebook.

Please read the documentation and follow it exactly before requesting installation help. Please note, if you have heavily modified styles that are missing hooks - this product will not work and require additional installation steps.

DEMO: http://www.carblog.com/vbnexus

Basic Instructions for your forum's users: http://carblog.com/vbnexus/user-guide/

[wolfstream]

Originally Posted by cory_booth

Awesome, going to install... Yes I paid for the other one, but my point wasn't to compare yours to his

Do keep in mind that this is not mine, just a minor correction. This is just another (more efficient) mod to do the same thing, better.

With this mod, if you have problems connecting to facebook, the thread (or reply) still gets posted, you just get the blank screen everyone's talking about

There's other things, but that is a fairly decent change in and of itself.

[iflymyhelishigh]

On my site, http://www.undertherotor.com

The mod appears, but the facebook button doesn't, I've read through the thread and have seen this mentioned a couple of times, any idea why?

[webrats]

Originally Posted by iflymyhelishigh

On my site, http://www.undertherotor.com

The mod appears, but the facebook button doesn't, I've read through the thread and have seen this mentioned a couple of times, any idea why?

im with this guy

[Calash]

Originally Posted by iflymyhelishigh

On my site, http://www.undertherotor.com

The mod appears, but the facebook button doesn't, I've read through the thread and have seen this mentioned a couple of times, any idea why?

Looking at your page you appear to be missing the footer code. It attaches to the $template_hook[footer_links], so if your custom template does not have this hook the code will not be entered and you will not initialize the Facebook portion.

Easiest fix is to put that hook in your footer template. This will allow the init code to run and should fix the missing Facebook button problem.

[Calash]

Just so I have a reference, and for anybody else having similar problems I am going to post the issues and solutions I have found so far.


Facebook Button does not appear next to Google Login button:
Check your footer template and make sure the $template_hook[footer_links] hook is there. Add if it is missing.


Login buttons do not show up in external scripts or you want to relocate them
Create a new plugin with any name and set for global start. Add the following code.

global $vbulletin;
            if(!$vbulletin->userinfo['userid'])
{
global $vbnexus_request_uri;
$fb_login_button =
'<!-- fbconnect --><fb:login-button onlogin="window.location=\''.$vbulletin->options[bburl].'/index.php?product=vbnexus&product-mod=facebook&do=login&loc='.$vbnexus_request_uri.'\';"></fb:login-button><!-- / fbconnect -->';


$vbnex_login  = "
<div class=\"tborder\" style=\"padding:$stylevar[cellspacing]px; border-top-width:0px\">
<table cellpadding=\"3\" cellspacing=\"0\" border=\"0\" width=\"100%\">
  <tr align=\"right\">
    <td align=\"right\" valign=\"middle\"><span class=\"smallfont\">New! Use your <strong>Facebook, Google, AIM & Yahoo</strong> accounts to securely log into this site, <strong>click logo to login</strong></span></td>
    <td width=\"380px\" align=\"right\">$fb_login_button &nbsp<a href='#' onclick='isgooglesignin = true; google.friendconnect.requestSignIn()'><img src=\"/vb/vbnexus/images/nexus.gif\" border=\"0\"></a>
    </td>
  </tr>
</table></div>";

}

In your header or navbar template place $vbnex-login where you want the login buttons to appear

Disable Modify navbar template plugin.

Google Friend Connect login does not work outside of vBulletin directory.

Replace the Include facebook js after <body> template contents with the following to add the bburl path to Javascript.

$headinclude .= "
<script type=\"text/javascript\" src=\" ".$vbulletin->options[bburl]."/vbnexus/js/jquery.js\"></script>";

if(!$vbulletin->userinfo['userid'])
{
// Add google related stuff

$headinclude .= "
<!-- Load the Google AJAX API Loader -->
    <script type=\"text/javascript\" src=\"http://www.google.com/jsapi\"></script>

    <!-- Load the Google Friend Connect javascript library. -->
    <script type=\"text/javascript\">
      google.load('friendconnect', '0.8');
    </script>

    <!-- Initialize the Google Friend Connect OpenSocial API. -->
    <script type=\"text/javascript\">
    google.friendconnect.container.setParentUrl('".$vbulletin->options[bburl]."/vbnexus/google/' /* location of rpc_relay.html and canvas.html */);
    google.friendconnect.container.initOpenSocialApi({
      site: '" . $vbulletin->options['vbnexusconfig_google_apikey'] ."',
      onload: function(securityToken) { loadData(); }
    });
    var isgooglesignin = false;
    </script>
    ";

$headinclude .= "
<script type=\"text/javascript\">
    //google.friendconnect.requestSignOut();
 // load the data using open social 
    function loadData() {
    var req = opensocial.newDataRequest();
      req.add(req.newFetchPersonRequest('VIEWER'), 'viewer');
      req.send(onLoadCallback);
    }


    // called after data is loaded
     function onLoadCallback(data) {
     var ongoogle = ".
 (($_REQUEST['product-mod'] == 'gfconnect') ?"true": "false")."             
      if(data.get('viewer').getData()) {
        var viewer = data.get('viewer').getData();
        var name = viewer.getDisplayName();
        //alert('Viewer is ' + name + viewer.getId());
        if(isgooglesignin)
        {
            window.location = '".$vbulletin->options[bburl]."/index.php?product=vbnexus&product-mod=gfconnect&do=login&loc=".$vbnexus_request_uri."';
        }
        else if(ongoogle)
        {
            //document.getElementById('login_username').value = viewer.getDisplayName();
        }
        if(!ongoogle && !isgooglesignin)
        {
            google.friendconnect.requestSignOut();
        }
      } else {
        //alert('Viewer is anonymous');
        //google.friendconnect.renderSignInButton({ 'id': 'google-login-button', 'style': 'long' })
      }
    }
 </script>   
    ";
}
$header = '<script src="http://static.ak.connect.facebook.com/js/api_lib/v0.4/FeatureLoader.js.php" type="text/javascript"></script>' . $header;

Blank page appears in background when Facebook asks if you want to post to profile. Blank sometimes stays after you accept or deny.

Go to http://www.facebook.com/developers
Click on your App, then Edit Settings, the Canvas
For Render Method select FBML

Save, reload your site, and test.

[webrats]

i will make this work!! i still cant get buttons to show

[iflymyhelishigh]

OK, Footer code, what do you mean?

[Calash]

In your footer template look for a hook called $template_hook[footer_links] . If it is not there add it someplace. The plugin uses this hook to add code at the very bottom of the page. This inits the Facebook connect part of the mod.

Without it your button will be missing and parts of the Facebook connection will fail.

[iflymyhelishigh]

Alright the script is working!

Thank you so much!

[webrats]

can you look at mine

forums.webrats.com