Cómo agregar Facebook Conéctese con su sitio web - dummies

Una de las tendencias más populares en el diseño web es la integración de las conversaciones en los medios sociales y el contenido generado por el usuario en los sitios web de la empresa. Además, más sitios web se están alejando de un proceso distinto de registro de usuarios; en su lugar, están utilizando las cuentas de las redes sociales existentes de las personas como una manera indolora y transparente de "iniciar sesión" en sus sitios. De esta forma, los usuarios no tienen que recordar un grupo de nombres de usuario y contraseñas diferentes, y los propietarios de los sitios web aún pueden recopilar datos de los usuarios sobre sus clientes.

Facebook Connect es un conjunto de API que Facebook ofrece para que los miembros de Facebook puedan iniciar sesión en sitios web y dispositivos móviles simplemente usando sus identidades de Facebook. Desde la perspectiva de los usuarios, el primer paso es compartir sus datos personales de Facebook con un sitio al que desean acceder. El sitio web puede recopilar una cantidad de puntos de datos. Usando la API de Facebook Connect, los desarrolladores pueden configurar estos puntos de datos para que coincidan con lo que quieres saber sobre tus clientes. Después de que los usuarios acepten compartir los datos personales solicitados (como se muestra en la siguiente figura), pueden interactuar con los módulos de Facebook en el sitio web como si estuvieran en el sitio de Facebook.

El primer paso para conectarse a un sitio web con Facebook es acordar el lanzamiento de cierta información al sitio.

Este módulo de sitio web muestra los feeds de Facebook recientes de los amigos del usuario.

Entre las funciones más rápidas de Facebook que puede integrar en su sitio web se encuentran los complementos sociales, como el omnipresente botón Me gusta. Este botón permite a los visitantes de la web compartir su página con sus amigos de Facebook con un solo clic. Esta característica es fácil de implementar utilizando el siguiente HTML:

Título del sitio web

Puede personalizar esta función un poco más al agregar los nombres y las caras de las personas que recientemente hicieron clic en su botón Me gusta. Puede usar la herramienta en línea de Facebook que se encuentra en la siguiente URL para generar el código necesario:

// developers. Facebook. com / docs / reference / plugins / like /

Desde la perspectiva de un desarrollador web, agregar Facebook Connect a su sitio es un proceso de tres pasos:

1. Registra su sitio web con Facebook y obtiene un ID de aplicación <. Esta identificación asegura una conexión segura entre el usuario de Facebook y su sitio web. Agrega el JavaScript adecuado a su página HTML que hace referencia a su ID y procesa la solicitud de inicio de sesión.

2. Agrega el botón Iniciar sesión con Facebook en su propia etiqueta, y el SDK de JavaScript representa el botón en su página.

3. Después de que un usuario haya iniciado sesión en su sitio a través de sus credenciales de Facebook, puede personalizar la experiencia web de esa persona con la

Graph API , una característica de la lógica central de Facebook que conecta personas con otras personas y sus intereses. Por ejemplo, si Jane Doe se ha "registrado" en su restaurante favorito, su sitio web tiene acceso a esa información. Hay todo tipo de cosas creativas que puede hacer con esa información, como sugerir otras cosas interesantes para hacer cerca de su ubicación.