Cómo habilitar fácilmente la colaboración en tiempo real en su sitio

Si es un webmaster, es posible que esté pensando en cómo puede hacer que su sitio web sea más interactivo, o incluso permitir que sus visitantes colaboren entre sí. La mayoría de las veces, implementar una función colaborativa en su sitio puede ser un proceso que requiere mucho tiempo y trabajo. Sin embargo, con TogetherJS, ahora puede agregar fácilmente una función de colaboración en tiempo real a su sitio con una habilidad técnica / de codificación mínima.

TogetherJS es una herramienta de colaboración de código abierto y gratuita creada por Mozilla (el equipo detrás del navegador Firefox). Toda la herramienta de colaboración está incluida en una biblioteca de Javascript y todo lo que necesita hacer es agregar el código de Javascript a su sitio para habilitar la función de colaboración en tiempo real para su sitio.

Instalación

Para comenzar, todo lo que tiene que hacer es agregar la siguiente línea de código al tema / plantilla de su sitio web, preferiblemente al final de la página, antes de la </body>etiqueta:

Para permitir que los usuarios inicien una sesión de colaboración, simplemente agregue un botón «Iniciar colaboración» en su sitio. Pegue el código en la posición donde desea que aparezca el botón.

Alternativamente, puede agregar una clase CSS al botón para que pueda diseñarlo para que se adapte a su tema.

Eso es todo lo que necesitas hacer. Veamos cómo funciona.

Uso

Cuando alguien hace clic en el botón «Iniciar colaboración», aparecerá una ventana emergente.

Al hacer clic en la flecha hacia la derecha en la ventana emergente, se mostrará un campo para que el usuario ingrese su nombre y, opcionalmente, cargue su foto de perfil.

La siguiente pantalla a la derecha muestra el enlace que el usuario puede compartir con sus amigos para que se unan a la sesión.

Por último, haga clic en el botón «Estoy listo» para iniciar la sesión.

Cuando los invitados hagan clic en el enlace para ir a su sitio, verán un cuadro emergente «Unirse a la sesión». Una vez que se unen a la sesión y configuran su perfil, su avatar aparecerá en la barra lateral.

Las cosas que puede hacer incluyen:

Charla

Chat de audio

El chat de audio es una función experimental y está sujeta al soporte del navegador.

Movimiento sincronizado del mouse y cambios en tiempo real

A continuación se muestra un screencast donde coloco dos navegadores uno al lado del otro y veo cómo el movimiento del mouse de un usuario se muestra en la pantalla de otro usuario. También escribí en el campo de comentarios y el texto aparece inmediatamente en el otro navegador.

Conclusión

Las funciones que se muestran arriba son solo una pequeña parte de lo que puede hacer con TogetherJS. Puede consultar su documentación para conocer más formas de ampliar su funcionalidad. Hay muchas cosas que puede hacer en su sitio con TogetherJS y con una implementación tan simple, solo está restringido por su propia creatividad.

¡Si te ha gustado vota con 5 Estrellas!
(Votos: 0 Promedio: 0)

Escribe Aquí Tu Comentario