¿Me recomiendan usar "Acceder con Facebook"?

Pcx89 · 29 Jun 2015

Hola!, vengo a hacerles una consulta. He visto que cada vez son mas las Web que dan la opción de "Acceder con facebook", además del registros que ya conocemos.

He estado leyendo mucho, y practicando, en la sección Facebook Developers. Pero no he logrado llevarlo a la marcha.
¿Alguien de por aquí lo ha podido lograr?, ¿Hay alguna guía en el foro (busqué pero no encontré 🙁 )?

Aclaro que no busco que me hagan todo el trabajo, si no una guía para poder entender un poco como funciona.

Mas que agradecido de toda ayuda! 😀

Ivannoob · 29 Jun 2015

No se como se hace amigo, pero el titulo está mal. Porque preguntas algo y en el post dices otra cosa. Respecto al titulo creo que es recomendable porque se registran mas personas de esa manera si no me equivoco, ya que es mas fácil y rápido. Saludos :encouragement:

garedat · 29 Jun 2015

Super recomendado, sobretodo si necesitas usuarios, ojo que no es lo mismo a visitantes. Útil en ecommerce y sistemas Saas o para ofrecer un demo free de alguna aplicación.
:encouragement:

Jose Canul · 29 Jun 2015

Yo en varias paginas me tengo registrado así, obviamente veo todo antes de hacerlo, si es una tienda con buena reputación si lo hago de lo contrario no, pero hasta ahora no he tenido problema alguno, un saludo!

Programarte · 29 Jun 2015

Te dejo uno que hice hace ya varios años, trate de extraer lo que es sólo del login, espero no haberla regado.

Necesitas en la página esto

Insertar CODE, HTML o PHP:

<script src="http://tupagina.com/simpleFacebookGraph.js"></script>
<script type="text/javascript">
function login() {
  fb.login(function(){ 
    if (fb.logged) {
       //lo que quieras que haga si se loguea
    } else {
      alert("Login with Facebook failed. Please try again");
    }
  })
};
</script>

En el cuerpo del HTML

<div id="conectar_facebook"><img src="imagenes/face.jpg" width="158" height="24" style="cursor😛ointer;" onclick="login(); return false;" />    </div>

y en el archivo que se llama simpleFacebookGraph.js

Insertar CODE, HTML o PHP:

var fb = {
  config :{
  // CONFIG VARS: 

    app_id : '183847489202', //aquí pones la id de tu aplicación de FB (no recuerdo ni de donde saqué el número pero por ahí debe estar)
    use_xfbml : false,

    extendPermissions : 'email' , 
    // info: http://developers.facebook.com/docs/reference/api/permissions/

    locale : 'da_DK' 
    // all locales in: http://www.facebook.com/translations/FacebookLocales.xml

  // END CONFIG VARS
  },
  perms : [],
  hasPerm : function (perm) { for(var i=0, l=fb.perms.length; i<l; i++) { if(fb.perms[i] == perm) {return true;}} return false; },
  logged : false,
  user : false, // when login, is a user object: http://developers.facebook.com/docs/reference/api/user
  login : function (callback){
    FB.login(function(r) {
      if (r.status == 'connected') {
        FB.api('/me/permissions',function(perm){
          fb.logged = true;
		  fb.perms = [];
		  for(i in perm.data[0])
		  {
			if (perm.data[0][i] == 1)
			{
				fb.perms.push(i);
			}
		  }
        });	   
		fb.getUser(callback);
      } else {
        fb.logged = false;
        fb.perms = [];
		callback();
      }
    },{scope:fb.config.extendPermissions});
    return false;
  },
  syncLogin : function (callback){
    if (!callback) callback = function(){};
    FB.getLoginStatus(function(r) {
      if (r.status == 'connected' ) { 
        FB.api('/me/permissions',function(perm){
          fb.logged = true;
		  fb.perms = [];
		  for(i in perm.data[0])
		  {
			if (perm.data[0][i] == 1)
			{
				fb.perms.push(i);
			}
		  }
        });	   
        fb.getUser(callback);
        return true;
      } else {
        fb.logged = false;
        callback();
        return false;
      }
    });
  },
  logout : function(callback) {FB.logout(callback);},
  getUser : function(callback){
    FB.api('/me', function(r){
      var user = r;
      user.picture = "https://graph.facebook.com/"+user.id+"/picture";
      fb.user=user; callback(user); 
    }); 
  },
  publish : function (publishObj,callback,noReTry) {
  // publishObj: http://developers.facebook.com/docs/reference/api/post   
    if (fb.logged && fb.hasPerm('publish_stream'))
    { 
      FB.api('/me/feed', 'post', publishObj, function(response) {
      if (!response || response.error) {
        callback(false);
      } else {
        callback(true);
      }
      });
      return true;
    }
    else
    { 
      if (!noReTry)
      	return fb.login(function() { return fb.publish(publishObj,callback,1)});
      else
      {
        callback(false);
        return false;
      }
    }
  },
  readyFuncs : [],
  ready: function(func){fb.readyFuncs.push(func)},
  launchReadyFuncs : function () {for(var i=0,l=fb.readyFuncs.length;i<l;i++){fb.readyFuncs[i]();};}
}
window.fbAsyncInit = function() { 
  if (fb.config.app_id) FB.init({appId: fb.config.app_id, status: true, cookie: true, xfbml: fb.config.use_xfbml});
  fb.syncLogin(fb.launchReadyFuncs);
};
var oldload = window.onload;
window.onload = function() {
  var d = document.createElement('div'); d.id="fb-root"; document.getElementsByTagName('body')[0].appendChild(d);
  var e = document.createElement('script'); e.async = true; e.src = document.location.protocol + '//connect.facebook.net/'+fb.config.locale+'/all.js';
  document.getElementById('fb-root').appendChild(e);
  if (typeof oldload == 'function') oldload();
};

Según yo con eso era, espero que si. El script se hizo para una página en Dinamarca por lo que veas ahí como de pasar a danés.

Suerte.

danielig · 30 Jun 2015

Es muy recomendado, facilita a los usuarios a registrarse antes en tu web sin pasar por un proceso largo.

Eso sí, recomiendo que luego el Email lo puedan cambiar más adelante, porque normalmente te pilla el email con el que tienes la cuenta de facebook y no suele ser el más utilizado por la gente.

¿Me recomiendan usar "Acceder con Facebook"?

Pcx89

Ivannoob

garedat

Jose Canul

Programarte

danielig

Temas similares