Consejos útiles

Cómo vincular Facebook y Twitter a un sitio web

Pin
Send
Share
Send
Send


Si usa varias redes sociales, probablemente quiera ahorrar algo de tiempo automatizando la publicación de la misma información en diferentes servicios. Al agregar una nueva publicación, por ejemplo, en Instagram, el sistema le permite elegir la ubicación de la foto también en Facebook y Twitter. Pero, ¿cómo vincular estos proyectos? Ambos, en principio, se utilizan para publicar notas personales sobre la vida, por lo que la tarea de duplicar registros puede surgir con bastante frecuencia. En esta publicación, consideraremos las direcciones directas e inversas de publicación + varias opciones de implementación.

Facebook vuelve a publicar a través de Twitter a través de IFTTT

Ya hablé sobre el servicio IFTTT, algo extremadamente útil y versátil. Puede configurar un activador que lea una determinada condición de un servicio (Facebook) y realice una acción específica (publicación) en otro sitio (Twitter). En realidad, ahora estoy volviendo a publicar de Facebook a Twitter se configura a través de este mecanismo.

Si observa detenidamente la imagen de arriba, notará que la condición de activación es publicar enlaces en Facebook. Es decir, publico en mi Twitter solo aquellas publicaciones donde hay enlaces. En este pequeño detalle reside la principal ventaja de usar IFTTT: puede configurar todo tipo de filtros y condiciones para el alojamiento cruzado, y no solo transmitir todo. Por ejemplo, puede habilitar la ejecución de una tarea solo si hay un cierto hashtag #fortwitter, etc.

A través de IFTTT, el reenvío de Twitter a Facebook y viceversa se configura fácilmente. Si ingresa la solicitud "facebook twitter" en la barra de búsqueda del servicio, le devolverá cientos de recetas (opciones de trabajo). Solo tienes que encontrar los correctos. Aquí hay un par de ellos:

Tweets automáticos con estados FB

Comparte nuevos enlaces de Facebook en Twitter

Publicar en Twitter al subir nuevas imágenes

Transmitir Tweets y Retweets en FB

Publicación automática de Facebook basada en un hashtag

Publicar información de Twitter en páginas de Facebook

Las recetas se pueden crear de forma independiente sin opciones preparadas; para ello, haga clic en el enlace / botón "Crear una receta" y configure paso a paso todas las configuraciones.

Cómo conectar twitter y facebook

Ambos servicios tienen la capacidad de vincular las redes sociales Twitter y Facebook entre sí mediante las funciones básicas integradas. Para comenzar, veamos cómo conectar Twitter con Facebook. Esto publicará automáticamente tus tweets y retweets en el muro en el FB. El algoritmo es el siguiente:

1. Vaya a la configuración "Configuración" de su cuenta de Twitter.
2. Allí selecciona la sección de aplicación "Aplicaciones".
3. En la página verá el botón "Conectar a Facebook". Haz clic en él

4. Si no ha iniciado sesión en Facebook, deberá ingresar un nombre de usuario / contraseña. Luego, una ventana emergente mostrará información sobre qué datos lee la aplicación (información del perfil, fecha de nacimiento). Haz clic en Continuar.
5. En el siguiente paso, deberá seleccionar la categoría (grupo) de usuarios que verán sus tweets: "amigos", "todos" u otras listas.
6. Haga clic en "Aceptar" y verá el resultado de conectar Twitter con Facebook.

Hay configuraciones marcadas para publicar tweets y reenvíos al perfil de Facebook. Las respuestas no se envían. Por cierto, a continuación encontrará la opción "Permitir publicación en una de sus páginas", con la que puede configurar la publicación de información en las páginas de Facebook. Si se produjo algún error durante el proceso de integración, puede consultar la ayuda. (Se han resuelto algunas situaciones típicas).

Cómo vincular Facebook y Twitter

Finalmente, intentemos conectar Facebook a Twitter. Para estos fines, el FB tiene una página especial.

Aquí, haga clic en el botón "Vincular mi perfil con Twitter", después de lo cual aparecerá una clásica solicitud de autorización de Twitter con información sobre el funcionamiento de la aplicación. Podrá leer tweets de la cinta, publicar nuevos, ver a los seguidores. Al mismo tiempo, el acceso a mensajes directos está naturalmente cerrado. Debe hacer clic en el botón "Autorizar aplicación".

El siguiente paso muestra el formulario de configuración (como en la imagen de arriba), donde indica los tipos de publicaciones que se publicarán en Twitter: estados, enlaces, fotos, notas, eventos, etc. Es importante tener en cuenta que solo se publican las publicaciones públicas ("para todos").

Parece que no es difícil, pero desafortunadamente, personalmente no pude adjuntar Facebook a Twitter de esta manera. Después de completar todas las acciones, aparece un mensaje de error. No encontré ninguna información sobre este tema en la red, y la mayoría de los registros sobre cómo conectar las redes sociales Twitter y Facebook han existido durante varios años. Quizás desde entonces esta función ha tenido algunos problemas. Por lo tanto, por ahora, utilizaré el servicio IFTTT para volver a publicar de Facebook a Twitter.

Es interesante leer sobre su experiencia al conectar los datos de dos redes sociales. Quizás no tomé en cuenta algunos matices.

Instalar gadgets

Un escenario común para este tipo de integración de redes sociales es insertar bloques de Twitter y Facebook en aplicaciones web. Otro escenario común es insertar botones para que pueda suscribirse al contenido, compartirlo con otros y hacerle saber si le gusta.

Facebook y Twitter parecen ser similares solo en lo que te permiten hacer. Facebook es más fácil de usar que Twitter, ya que todavía ofrece algunos complementos que puede usar sin recurrir a la autenticación. Para usar el módulo de Facebook, visite el sitio web para desarrolladores de Facebook (developers.facebook.com/), seleccione el complemento que desea insertar de la lista, configúrelo y luego obtenga el HTML para insertarlo en su página.

Por ejemplo, para insertar un gadget Like Box, solo necesita saber el nombre de la página. Tenga en cuenta que el gadget Like Box solo se admite en páginas públicas de Facebook y no funciona en páginas personales. Configurar el widget Like Box es simple: todo lo que tiene que hacer es seguir las indicaciones del asistente y seleccionar algunas casillas de verificación. Obtiene un elemento HTML de marco flotante para insertar en cualquier lugar de la plantilla Razor o HTML que utilice. Tenga en cuenta en el siguiente ejemplo que al ocultar sus rostros y permitir el flujo de mensajes, puede convertir fácilmente Me gusta en una lista de mensajes de Facebook. Esta versión del código ha sido modificada para facilitar su lectura.

Like Box debe estar asociado con la ID de la aplicación, es decir, debe tener una cuenta de Facebook para crear aplicaciones dentro de ella. Para habilitar Like Box, debe seleccionar la ID de la aplicación al iniciar el asistente. Además, puede agregar botones Me gusta o Compartir y obtener un iframe para hacer inserciones.

Tenga en cuenta que la API de Facebook tiene algunos otros complementos en reserva que requieren que JavaScript y HTML5 se inserten en la página principal. Este es el caso de la ventana Comentarios. En la página, especifique el JavaScript SDK de Facebook de JavaScript lo antes posible, como se muestra en el Listado 1.

En una solución ASP.NET MVC, considere colocar el código en la estructura de la página para que pueda compartir diferentes páginas. Aquí está el diseño de la ventana Comentarios:

La Figura 1 muestra todos los complementos de Facebook mencionados anteriormente en acción utilizando la página Bootstrap como ejemplo.

Pantalla 1. Complementos

Durante mucho tiempo, Twitter ha proporcionado una API de búsqueda que simplemente "pasó" llamando a las URL públicas para recuperar datos en formato JSON. Hace un año, Twitter abandonó la API, o mejor dicho, la forma de obtener acceso sin autenticación. Al igual que Facebook, Twitter proporciona al usuario un feed temporal incrustable, pero para usarlo, primero debe crearlo estáticamente y vincularlo con el usuario de Twitter. En la página de la cuenta de Twitter donde se usa la API, puede crear un gadget y adjuntarlo al usuario de Twitter cuyo feed le interese. Obtiene alguna adición que se ve así:

Curiosamente, el sitio web de Twitter proporciona un marcado más amplio, incluido un atributo href que indica al usuario de Twitter que se muestre en la ventana. Resulta que lo único que importa es la identificación del widget para trabajar con datos, se ignora el contenido del atributo href. La pantalla 2 muestra la línea de tiempo incrustada del usuario de Twitter. La ventana de alimentación de Twitter contiene botones de seguimiento, tweet, así como "subir más mensajes". He visto informes de que la ventana de alimentación de Twitter no funciona correctamente en algunas versiones de Internet Explorer (IE), pero no en otros navegadores. En cuanto a mí, no uso la cinta en aplicaciones industriales, pero a veces tuve dificultades con IE al revisar las páginas de demostración.

Pantalla 2. Ventana de Twitter

En el proyecto donde se usó el bloque Me gusta de Facebook, tuve que abandonar el feed de Twitter, porque el feed estáticamente temporal está asociado con la cuenta de usuario de Twitter. Al trabajar en el proyecto, tuve que mostrar dinámicamente las fuentes de Twitter y Facebook. Puedes hacer esto fácilmente con Facebook, a diferencia de Twitter, que encontré incontrolable. En cambio, decidimos construir un feed de Twitter mediante programación.

Acceso de software a cinta temporal

En 2013, Twitter retrasó la versión 1 de la aplicación pública REST API utilizada para buscar mensajes a fin de evitar que usuarios malintencionados utilicen la API. Con API v1.1, debe autenticarse para recibir información de mensajes mediante programación. El primer paso es, por supuesto, crear una cuenta de Twitter y obtener claves secretas. Después de recibir las claves, envía la primera solicitud a Twitter para autenticación. El siguiente código crea un encabezado de autorización que incluye parámetros de autenticación.

El encabezado de autorización debe almacenarse en el encabezado HTTP en la solicitud POST para el nombre "https://api.twitter.com/oauth2/token". El código del Listado 2 ilustra la solicitud real.

En el cuerpo de la solicitud, escribe la siguiente línea como una secuencia de bytes:

Twitter convertirá la respuesta JSON que reciba a la siguiente clase C # (el nombre de la clase es arbitrario).

Estas dos piezas de información, el token de acceso y el tipo, deben combinarse en la siguiente solicitud para utilizar realmente el feed de este usuario. Aquí está la URL para llamar al acceso al feed temporal:

El argumento screen_name es el nombre de la cuenta de Twitter para acceder, el argumento de recuento indica el número máximo de mensajes a devolver. Tenga en cuenta que esta URL solo devuelve el feed del usuario, si desea recibir todos los mensajes por hashtag, use diferentes URL. Consulte la documentación de Twitter (dev.twitter.com/docs/api/1.1) para más detalles. Sin embargo, el código para configurar la solicitud de autenticación es el mismo. A diferencia de JSON devuelto, que debe analizarse correctamente. A continuación se muestra el código necesario para preparar una solicitud de acceso a la cinta.

Volverá con una lista de objetos JSON que puede convertir fácilmente a una clase C # utilizando los servicios del sitio http://json2csharp.com. El Listado 3 ilustra un diseño de muestra de Razor para mostrar mensajes en una página.

Puede hacer mucho más cuando renderiza Twitter o incluso Facebook se alimenta mediante programación. En particular, puede encontrar hipervínculos y hashtags o desea expandir sus imágenes. También hay varias bibliotecas de JavaScript disponibles para representar feeds de Twitter y Facebook. Los creadores de Facebook prefieren insertar el feed a través de Like Box. El método del software es problemático sin la impersonalización del usuario.

Autenticación social

ASP.NET MVC 5 viene con una plantilla lista para usar que simplifica el procedimiento necesario para que los usuarios autentiquen su sitio usando una cuenta de Facebook o Twitter. Al final del procedimiento, Facebook y Twitter (así como LinkedIn, Instagram y Google+) devuelven el token de acceso utilizado como clave para impersonalizar al usuario que acaba de autenticarse. En otras palabras, a través de la autenticación en el sitio a través de su cuenta de red social, el usuario proporciona los derechos necesarios para su impersonalización y trabajar en su nombre. El código en el Listado 4 muestra cómo publicar una publicación de Facebook con una imagen adjunta. El código forma el punto final ASP.NET MVC proporcionado por la clase de controlador.

El código en el Listado 4 se basa en las clases definidas en el SDK de C # de Facebook. Para la solicitud, utiliza el lenguaje Graph API y, de acuerdo con la documentación, es posible que deba PUBLICAR o llamar al método GET en el objeto de cliente de Facebook. Por ejemplo, para obtener una foto de este usuario, debe ingresar el siguiente código:

De acuerdo con la documentación de Facebook, obtienes un flujo de datos JSON para el análisis. Tenga en cuenta que la información solicitada está estrictamente relacionada con la configuración confidencial del usuario, incluido el caso en que el usuario es usted.

Para publicar en Twitter mediante programación, también necesitará bibliotecas externas que tengan muchos de sus laberintos OAuth. Hay TweetSharp para esto (www.nuget.org/packages/TweetSharp/).

Desarrolla tus habilidades sociales

Para el desarrollador web, Twitter y Facebook son las dos redes sociales más importantes en términos de integración en aplicaciones web. Muchas de las acciones que los usuarios pueden realizar en el sitio lo acercan a las redes sociales, por ejemplo, proporcionan miniaplicaciones para compartir, así como recomiendan contenido o acceso más controlado a la cinta utilizando herramientas de software.

La provisión de tales opciones programáticas ahora se organiza de manera mucho más estricta que hace un par de años. Hoy en día, casi ninguna tarea se puede realizar sin autenticación a través de una aplicación y usuario especiales. La única excepción es el uso de gadgets si el gadget está disponible para el tipo de función que tiene en mente. La autenticación aumenta el nivel de complejidad del código, pero puede ser indispensable al construir su propia red de usuarios. En cualquier caso, las redes sociales son más productivas gracias a los usuarios autenticados. Si realmente está activo en una red social, no puede evitar la autenticación.

Listado 1. Especificación del SDK de Facebook de JavaScript

Listado 2. Solicitud POST con encabezado de autorización

Listado 3. Un ejemplo de marcado Razor para mostrar mensajes en una página

Listado 4. Uso de ASP.NET MVC 5 para publicar en Facebook

Comparta material con colegas y amigos.

¿Cómo vinculo un blog LiveJournal a mis cuentas de Twitter y Facebook?

Buen día, queridos lectores y lectores. No hace mucho tiempo escribí un artículo sobre cómo agregar un blog a LJ en el panel de webmasters. A juzgar por el constante tráfico de búsqueda de este artículo, estas cosas aparentemente elementales son muy interesantes para muchas personas. Hoy quiero hablar sobre otra operación primaria, que aumentará la asistencia de su blog en LiveJournal.

Creo que no es un secreto para nadie que muchas personas usan cuentas de Twitter y Facebook para atraer tráfico. Y cumplen perfectamente este objetivo. Pero, ¿por qué no simplificar la publicación de sus publicaciones y comentarios de LiveJournal en estas redes sociales, en lugar de hacer todo a mano?

Este procedimiento se realiza de manera elemental, no más complicado que en el ejemplo anterior sobre el panel de webmasters. Para comenzar, inicie sesión en sus cuentas de LJ, Twitter y Facebook. Después de eso, vaya a la configuración de la cuenta LiveJournal:

Luego seleccionamos la pestaña "Complementos" y, para empezar, vinculamos las cuentas en los sistemas haciendo clic en los botones apropiados (1), estoy seguro de que las encontrará fácilmente

Una vez que se complete el enlace, debe elegir si publicará sus publicaciones y comentarios en Twitter y Facebook de forma predeterminada. Es muy simple hacer esto, solo marque los campos necesarios (2). Lo principal aquí es decidir qué es exactamente lo que necesita. Solo verifiqué la publicación de una nueva publicación en Twitter, porque en Facebook tengo publicaciones nuevas publicadas automáticamente usando la aplicación, y publico automáticamente todos los comentarios que no veo, no es necesario que comentes sobre eso. Además, para enviar un comentario realmente interesante a la red social seleccionada, solo tiene que poner una marca en el formulario de envío.

Eso es todo Como puede ver, no hay nada sobrenatural en esta operación.

Pin
Send
Share
Send
Send