Cambie el botón de inicio de sesión de FaceBook a «Continuar con Facebook»

Un usuario preguntó 👇

Si vas a los documentos de Facebook, puedes ver que hay varias opciones diferentes para el botón «Continuar Facebook»:

https://developers.facebook.com/docs/facebook-login/web/login-button/

Por ejemplo:

Posibilidad de mostrar caras de amigos Incluya el nombre y la imagen de perfil cuando el usuario haya iniciado sesión en el texto del botón de cambio máximo de foto a «continu_with» y «login_with»

Quiero cambiar el inicio de sesión al diseño de Facebook para que se vea así:

https://scontent-lht6-1.xx.fbcdn.net/v/t39.2365-6/17629395_1326967620719254_3698419651668082688_n.png?oh=3cc35b960b7532b1768c25449d732775&oe=5A64E146

¿Cómo puedo hacer esto?

(@heateor)

Hace 3 años, 3 meses

Por ejemplo:

Capacidad para mostrar rostros de amigos Incluya el nombre y la imagen de perfil cuando el usuario haya iniciado sesión en el texto del botón de cambio máximo de foto a «continu_with» y «login_with»

Mantendremos esto para futuras versiones. Sin embargo, si desea personalizar el icono de inicio de sesión, podemos ayudarlo. Le enviaremos los detalles relevantes por su correo electrónico sin demora.

(@animalraw)

Hace 3 años, 3 meses

Hola, también me gustaría poder personalizar el icono de inicio de sesión. ¿Me pueden enviar el consejo también? Gracias de antemano, Adam

Lanzador de hilos

(@ anik786)

Hace 3 años, 2 meses

Encontré una manera de hacer esto, pero parece un poco trivial:

<script>
    (function(d, s, id) {
        var js, fjs = d.getElementsByTagName(s)[0];
        if (d.getElementById(id)) return;
        js = d.createElement(s); js.id = id;
        js.src = 'https://connect.facebook.net/en_GB/sdk.js#xfbml=1&version=v2.10&appId=<?php echo $fbAppId ?>';
        fjs.parentNode.insertBefore(js, fjs);
    }(document, 'script', 'facebook-jssdk'));
</script>

    <div class="fb-login-button" data-max-rows="2" data-size="large" data-button-type="login_with" data-auto-logout-link="false" data-use-continue-as="true" data-scope="public_profile,email"
         onlogin="theChampAuthUserFB"></div>

Mi mayor preocupación es el onlogin="theChampAuthUserFB parte. El código del plugin no está documentado y no está claro qué hace qué.

Yo también quería hacer una extensión window.fbAsyncInit para agregar un cargador, pero no puedo porque ya está usando el plugin.

Sería bueno mejorar el plugin JS para que sea más fácil de extender. Cosas como ganchos (tanto en PHP como en JS), documentos API, comentarios, etc. De lejos.

Esta respuesta fue modificada hace 3 años, 2 meses por.

(@heateor)

Hace 3 años, 2 meses

@ anik786, incluso si cambia correctamente el JS, estos cambios entrarán en vigor la próxima vez que actualice el plugin.

¿Solucionó tu problema??

SíNo

0 / 0