Barras de herramientas de redes sociales para sitios web - Lo mejor de

La adición de una barra de herramientas de medios sociales a su sitio web puede proporcionar una experiencia de usuario maravillosa y una gran exposición de marketing. La conexión entre sus visitantes se puede reforzar, ya que podrán compartir las noticias directamente entre sí. La revolución de las redes sociales ha dado un giro radical a lo mejor con estos fantásticos nuevos paquetes de software de barra de herramientas..

Fácil de implementar y personalizar, una barra de herramientas de redes sociales es la manera perfecta de ganar más atención y páginas vistas de tus usuarios. Si ya ejecuta una poderosa campaña de marketing en redes sociales, es muy probable que tenga una cuenta personal de Facebook y Twitter. Del mismo modo, sus visitantes estarán ansiosos por verlos y compartir su contenido..

He profundizado con tres de los barras de herramientas web más populares en la red. Todos estos incluyen enlaces compartidos estándar con información de perfil y posibles personalizaciones. En última instancia, la elección es suya para qué software funcionaría mejor en su sitio web.

Pasa un poco de tiempo jugando con ellos y ve si puedes encontrar el que más te guste!

Características de redes sociales explicadas

Si vamos a pasar primero a compartir barras de herramientas, puede ser conveniente explicar cómo estas características pueden beneficiarlo. Como webmaster tu contenido es verdaderamente el rey. Y como más personas pueden encontrar y ver su contenido en línea, está seguro de que crecer una base de seguidores leales.

La capacidad de conectarse con otros en línea hoy en día es diferente a todo lo que se ha visto antes. Sus visitantes ahora tienen la opción de ejecutar chats de grupo completos en el navegador y conversaciones de mensajes instantáneos directamente desde su barra de herramientas. No solo esto, sino que los ejemplos más destacados también incluyen funciones para compartir para acortar los enlaces de las páginas y difundirlas en las redes más grandes para un marketing verdaderamente viral..

Su usuario promedio disfrutará de esta interconectividad ya que elimina el tiempo de su visita. Con una barra de intercambio de redes sociales tan poderosa, ya no es necesario requerir registros de cuentas ni formularios de aduanas. Podrás cargar las características de la barra de herramientas de página a página sin ningún conocimiento de programación!

Si ya usas algunas insignias para compartir en las publicaciones de tu blog, eso está bien. Después de todo, debe concluir que solo se agrega una barra de herramientas para compartir aumenta El número total de acciones para tus artículos. Los usuarios están dispuestos a compartir en Facebook y re-twittear tus mejores publicaciones, pero no si requiere mucho trabajo para su final. En diseño web y diseño de experiencia de usuario, las soluciones más rápidas son a menudo las mejores.

Instalaciones ventosas

Junto con una descripción general de cada barra de herramientas, ofreceré un protocolo estándar para instalar cada una. Las barras de herramientas más populares son totalmente compatibles con los grandes sistemas de CMS de hoy. En particular, WordPress y Google Blogger son los dos CMS más grandes y ampliamente aceptados para blogs en línea..

Si ejecuta un sitio web estándar, también es posible instalar cualquier barra de herramientas que desee. Los requisitos para cada barra de herramientas no son tan estrictos como para que no pueda trabajar con HTML personalizado. De hecho, me resulta mucho más fácil personalizar y mover el código a mi propio sitio web. Si tiene un sitio HTML / CSS directo sin CMS, no debería requerir mucho trabajo para comenzar a usarlo, pero debe tener al menos conocimientos básicos de etiquetas y scripts HTML antes de implementar cualquiera de estos.

Las características de integración son fenomenales entre el conjunto completo de opciones de la barra de herramientas. Twitter y Facebook son los componentes estándar para el lanzamiento de una barra de herramientas y a menudo se incluyen con cualquier marca en línea, pero también encontrará importaciones directas de RSS y soporte de video de YouTube..

Esto significa que sus visitantes pueden rastrear las últimas publicaciones e incluso ver videos incrustados de YouTube directamente desde su sitio web!

1. Meebo Bar

Meebo es uno de mis servicios favoritos en la web 2.0. Ofrecen una conexión directa con un gran número de cuentas de chat IM, como AIM, Yahoo !, MSN, ICQ, Jabber y Facebook Chat. Por lo tanto, es importante tener en cuenta que su barra de herramientas también es compatible con estas características, y muchas más!

Los componentes sociales de su sitio web son amplios y cambiantes. Si ha sido usuario de Meebo, entonces comprenderá cómo la compañía se ha transformado durante muchos años. Sus funciones de chat son tan avanzadas que le será difícil encontrarlas en cualquier otro servicio. Además, la capacidad de compartir directamente enlaces y videos en el chat no tiene precedentes en los estándares actuales.

Opciones de instalación y personalización

Para obtener su propia barra de herramientas personalizada, visite Meebo para sitios o haga clic enPara sitios En la parte superior de navegación de la página principal de Meebo. Esto lo llevará directamente a la página de la barra de herramientas, que explica algunas características y ofrece un breve clip de demostración de cómo se ve la barra de herramientas. Debes ver un gran botón amarillo-naranja que lee Consiguelo ahora.

Haga clic y será redirigido a una página de registro o inicio de sesión. Si ya tiene una cuenta en Meebo, simplemente inicie sesión y avanzará al siguiente paso. Sin embargo, para aquellos que no tienen una cuenta de usuario, solo toma unos segundos completar los datos y confirmar sus reglas. Ni siquiera es necesario que valide la dirección de correo electrónico de inmediato. De nuevo otro pequeño pero conveniente titbit.

El segundo paso del registro requiere el nombre de su sitio web y la URL. Esto se almacena en el registro y en su Tablero personalizado para asegurarse de no mezclar barras de herramientas. Si desea ejecutar una única barra de herramientas en muchos sitios web, esto también es posible desde su panel de control del administrador..

Ahora, para implementar su nueva barra de herramientas en vivo, deberá seleccionar un CMS. Si usted es un usuario de WordPress, Meebo ha tomado las cosas en sus propias manos con un personalizado Plugin WP. Después de descargar su archivo .zip, simplemente instale los archivos como cualquier complemento estándar de WordPress. Desafortunadamente, si estás en cualquier otro sistema de blogs, incluido TypePad, Blogger o Movable Type, tendrás que agregar manualmente el código HTML en tu plantilla.

Esto puede asustar a aquellos que no son exactamente expertos en la web, ¡pero no se desanimen! Meebo realmente ha ofrecido pasos para guiarlo a través de la línea de procesos necesarios para editar cada CMS personalizado o incluso su propia página web HTML personal. Después de esto, todo debería estar funcionando correctamente en su sitio web..

Ahora podemos pasar a las personalizaciones y personalizar tu barra de herramientas. Inicialmente, trabajará desde una pizarra en blanco sin íconos ni conexiones, pero al elegir entre muchas opciones de redes sociales, Meebo actualizará sus configuraciones y las aplicará automáticamente en su script..

He enumerado algunas de las insignias posibles oscuras:

• Fotos recientes de un feed de Flickr
• Cualquier actualización de un feed RSS
• Colección de videos de YouTube de cualquier canal.
• Enviar artículo o votar sobre Digg
• Me gusta y comparte la URL en StumbleUpon

Compartir colectivamente

Si está habilitado, puede dar a sus visitantes la opción de compartir su contenido en sus propias cuentas. Esto significa que su barra de herramientas de Meebo funcionará tanto para mostrar los contenidos como para compartirlos a través de la World Wide Web. Sus usuarios que pueden iniciar sesión en Meebo pueden agregar personalmente sus cuentas para Twitter, Facebook, Google Buzz o chat de MI.

El código JavaScript de la barra de herramientas de Meebo permite que los objetos web se puedan arrastrar. Si está activado, sus visitantes pueden hacer clic y arrastrar imágenes, videos y otros medios desde su página directamente a la aplicación de su elección para compartir. Esto incluirá automáticamente un nuevo enlace corto a su artículo y actualizará su cuenta con solo presionar un botón.

A medida que comiences a construir una base de seguidores leales, deberás notar que cada vez más contenido se vuelve viral. La cantidad de redes compartidas es ilimitada y representa una amplia selección de oportunidades. Solo con Facebook y Twitter, su sitio web podría ganar decenas de cientos de vínculos de retroceso en un solo artículo con su propia barra de herramientas Meebo. Para ver una demostración en vivo, visite su página de demostración de negocios con insignias sociales que funcionan e incluso anuncios..

2. Barra de herramientas de Wibiya

(Este servicio ha sido descontinuado.)

La barra de herramientas de Wibiya tiene muchas características similares a las de Meebo. Puede personalizar aplicaciones individuales en su barra de herramientas y seleccionar servicios de integración como Twitter y Facebook.

La barra también se muestra hacia la parte inferior de su página web en todos los navegadores. El código JavaScript es de hecho también muy similar. Sus visitantes podrán compartir enlaces y acceder a sus servicios sociales o feeds RSS. Un área que Wibiya no tiene es el soporte para una base de chat más grande. Aunque la barra de herramientas es compatible con las aplicaciones de chat grupal, Meebo alberga una gran red de usuarios que supera ampliamente lo que Wibiya podría ofrecer..

Pero la barra de herramientas de Wibiya va más allá para demostrar las redes más populares en las redes sociales. Puedes instalar una versión básica gratuita sin ningún compromiso. Sin embargo, si está buscando marca y soporte personalizados, le recomiendo uno de sus planes premium de $ 10 a $ 23 por mes..

Proceso de instalación

El proceso de instalación se ofrece nuevamente en un formato paso a paso para aquellos con una mentalidad menos técnica. Encuentra el Consiguelo ahora enlace en su navegación superior o se puede encontrar alternativamente como un botón directamente desde la página de inicio de Wibiya. Esto abrirá una página con un pequeño registro para mantener los detalles de su nueva barra de herramientas.

Si todo está aceptado y se ve bien, entrará en la etapa 2. Aquí debe seleccionar una opción para el tema de su barra de herramientas personalizada. Wibiya tirará automáticamente del favicon.ico archivo de su sitio web e intente utilizar esto para su logotipo. Dado que la barra de herramientas en sí no es muy alta, este icono es el gráfico de marca perfecto, pero si desea utilizar otra imagen, Wibiya le permite cargar una alternativa..

Después de elegir el estilo de tu barra de herramientas, vamos al paso 3 donde las cosas se ponen jugosas. Wibiya cuenta con una tienda de aplicaciones completamente surtida para tu barra de herramientas. En la página de registro, inicialmente solo se le ofrecerán 12 aplicaciones populares para elegir. Sin embargo, después de eso, podrá editar la configuración de su cuenta y agregar algunas funciones muy interesantes, pero por ahora solo seleccione algunas y presione Siguiente.

Para algunas de las aplicaciones, deberás ingresar nombres de usuario o URL. Por ejemplo, para incluir tweets recientes o videos de YouTube, Wibiya necesitará conocer su nombre de usuario de Twitter y la identificación del canal de YouTube, respectivamente. Si prefiere agregar esta información más adelante, elija 1 o 2 aplicaciones por ahora, ya que siempre puede personalizar las aplicaciones de la barra de herramientas desde el panel de su cuenta..

Finalmente, después de que todo haya sido aceptado, se te llevará a la página de inserción. Una vez más, los usuarios de WordPress tienen suerte con un complemento Wibiya personalizado compatible con la versión 2.9, pero, sorprendentemente, también ofrecen complementos para algunos de los principales CMS, incluidos Drupal y Joomla !. Para los usuarios de Blogger, Wibiya realmente se redireccionará al Tablero de su blog y agregará un nuevo widget para usted!

Se requerirá cualquier otra cosa, como vBulletin, Tumblr, TypePad, o HTML personalizado para instalar el código manualmente. Este proceso no es tan malo y funciona de manera similar a como lo haría la barra de herramientas de Meebo. Simplemente busque un lugar en su código donde JavaScript pueda residir (idealmente antes del cierre etiqueta) y copiar / pegar el bloque de inserción. Una vez que hayas terminado haz click Hecho y serás enviado a tu cuenta recién creada.

Configuración del panel de Wibiya

Inicialmente, el sitio web de Wibiya puede parecer un poco desalentador. Hay muchos ajustes que cumplir, pero realmente no se puede desordenar jugando. Así que pase algo de tiempo en su panel de administración y vea con qué funciones puede trabajar..

El primer lugar que recomiendo detenerse es el directorio de aplicaciones web. En sus enlaces superiores encontrarán. Añadir aplicaciones y haga clic en él. Esto lo llevará a una nueva página con docenas de posibles aplicaciones web para elegir. Simplemente pase el cursor sobre un bloque y verá aparecer un enlace Instalar.

Pase algún tiempo jugando con cada una de las aplicaciones en su barra de herramientas. Solo a través de prueba y error podrá encontrar una combinación angelical para adaptarse perfectamente a su sitio web. Además, intente reunir los comentarios de sus visitantes para ver qué aplicaciones encuentran más útiles para compartir e interactuar con otros..

De vuelta en la página de inicio de Dashboard, verá una nueva pestaña para los datos de Analytics. Haga clic aquí y se le presentarán actualizaciones diarias de sus estadísticas de tráfico. No solo esto, sino que Wibiya también registra el tráfico y el uso de aplicaciones individuales desde su barra de herramientas. Esto significa que puedes ver quién comparte tus enlaces y qué redes (Twitter, Foursquare, Facebook) en tiempo real. Tecnología asombrosa que inicialmente me tomó por sorpresa..

Desde su navegación superior, haga clic. Barra de herramientas de edición y serás llevado a una página de configuración general. Aquí es donde se pueden realizar la mayoría de las ediciones para personalizar el aspecto, los colores, la ubicación y la interacción con la barra de herramientas de Wibiya. Si no puede encontrar el enlace en cualquier lugar, haga clic aquí para ser redirigido (debe iniciar sesión).

Hay muchas características posibles para editar y agregar a Wibiya. Si tiene la conveniencia de pasar algún tiempo en una caja de arena, instálela en un sitio web o blog de prueba. Esto le dará la oportunidad de familiarizarse con el proceso de instalación de Wibiya y la personalización con nuevas aplicaciones. Tenga en cuenta que el personal de soporte está abierto las 24 horas del día, los 7 días de la semana, para los nuevos boletos, y son muy rápidos con las respuestas.

3. Barra de herramientas BumpIn

El tercer y último software de la barra de herramientas para su sitio web proviene de BumpIn. Su sitio web explica mucho de qué trata la barra de herramientas social y por qué se construyó. Incluyen todas las características estándar que esperaría de una barra de herramientas de redes sociales que incluye la integración de Twitter y Facebook, chat en vivo, búsquedas en Google y un montón más..

Específicamente, los grupos de mensajería instantánea y chat son muy populares entre BumpIn. Su red fue diseñada de una manera social donde los usuarios pueden compartir invitaciones de chat entre ellos fácilmente. El código de la barra de herramientas es súper ligero y se ejecuta muy rápidamente de una página a otra. Una de las mejores características que disfruto son las notificaciones instantáneas para todos sus visitantes.

Esto significa que si tiene una nueva publicación o una nueva información para compartir, se puede enviar directamente a todo su tráfico actual y entrante en el sitio web. A los visitantes que navegan por su página se les mostrará instantáneamente una ventana emergente de notificación con detalles y un enlace, si así lo desea. La ventana emergente no es intrusiva y fácil de cerrar si sus visitantes simplemente no están interesados.

Instalar BumpIn Social Media

Para empezar, haga clic en el botón naranja grande etiquetado Consigue un bar social ahora. Del mismo modo, simplemente puede hacer clic aquí, lo que lo lleva a su proceso de compra. La barra de herramientas de BumpIn es completamente gratuita para registrarse y usar, pero han diseñado un sistema de registro que utiliza el registro de una nueva cuenta en forma de “revisa”.

De manera inversa, primero elegirá las aplicaciones que desea ejecutar. En la barra lateral izquierda puede ordenar la lista de aplicaciones por opciones populares, sociales, de chat y otras. Para agregar una aplicación, simplemente haga clic en el icono y se le pedirá que proporcione más información de la cuenta si es necesario. Este puede ser el paso más largo del proceso, pero bien vale un gran resultado.

Obviamente, las opciones más comunes, como Twitter y Facebook, están disponibles para ser seleccionadas, pero lo que es más interesante es que BumpIn proporciona algunas características nuevas que pueden vincularse a su propio feed RSS.

He añadido mis favoritos personales a continuación.

• Publicaciones en ascenso - Muestra el contenido más popular y más visto de su sitio web o blog.
• Notificaciones - Notifica a sus visitantes las actualizaciones y noticias directamente desde la barra de herramientas. Una excelente manera de introducir nuevas funciones de sitio web o detalles de lanzamiento.
• Traducir - Transfiera inmediatamente el texto de la página de su sitio web a una selección de docenas de opciones de idioma diferentes.
• Parte superior de la página - Una selección pasada por alto pero popular para los desarrolladores web. Este botón proporciona un efecto de desplazamiento de jQuery que lleva al usuario a la parte superior de su página actual sin desplazamiento.

Después de que hayas elegido algunas aplicaciones seleccionadas, pulsa Siguiente para encontrar un cuadro de diálogo modal emergente. En su interior puede personalizar el color, la opacidad, el conjunto de iconos y la posición de su barra de herramientas. Si se da cuenta, en la parte inferior de la misma página en la que se encuentra está una demostración de la configuración de la barra de herramientas. Este es un paso muy claro en el proceso de registro que no se ha duplicado en ningún otro lugar..

Si ingresa una URL para su sitio web, se puede cargar en la parte inferior de la ventana de la página. Esto se superpone a la barra de medios sociales BumpIn y muestra una demostración de cómo se vería su sitio web dados sus estilos actuales. Si todo se ve bien golpeado Siguiente para editar algunos ajustes adicionales. Aquí puede cambiar algunas configuraciones de pantalla más avanzadas, pero el valor predeterminado es generalmente correcto. Hacer clic Guardar y continuar para guardar sus cambios y avanzar al proceso de registro.

Registro de cuenta y código HTML

Ahora que las personalizaciones están completas, tendrás que registrar una nueva cuenta en BumpIn. No requieren muchos más detalles que las otras opciones, por lo que el formulario no debería tomar mucho tiempo. No hay ningún requisito para el proceso de aceptación o revisión. Una vez que hayas completado todo haz click Hecho.

Si no hubo errores en su informe, debe dirigirse a la página de código de inserción. A diferencia de las otras barras de herramientas, BumpIn muestra el bloque de código HTML incrustado directamente en la parte superior de la pantalla. Las instrucciones dicen copiar y pegar su código directamente antes del cierre. etiqueta de la plantilla de su sitio web.

Nuevamente, si eres WordPress, Drupal o Joomla! el usuario considera descargar el archivo de complemento adecuado en su lugar. Para acceder a estos, simplemente haga clic en el icono de CMS correspondiente y se le mostrará un botón de descarga. Esto le ahorra mucho tiempo a su instalación y le simplifica mucho las cosas. Además, los usuarios de Blogger tienen la capacidad de importar automáticamente un nuevo widget directamente desde la página de registro de BumpIn.

En última instancia, BumpIn es una opción fantástica para su sitio web. Las tres barras de herramientas de las redes sociales son realmente fantásticas a su manera. Como mencioné antes, pase un poco de tiempo jugando con cada sistema para ver cuál puede satisfacer mejor sus necesidades. En general, todos pueden admitir el mismo estilo de uso compartido de las redes sociales, por lo que, en última instancia, la barra de herramientas de su elección se reduce a las opciones de preferencia y usabilidad..

Plugins de terceros de WordPress

Toda esta charla sobre las barras de herramientas de los medios sociales me ha llevado a explorar los archivos de complementos de WordPress en busca de algunas alternativas. Aunque estas barras de herramientas de redes sociales no son completamente escalables, los tres complementos a continuación son excelentes para cualquier blog de WP. Incluso si eres un webmaster estándar, puedes disfrutar probando estos complementos con tu nueva barra de herramientas para compartir y ver cómo se combinan..

La barra de WordPress

La barra de WordPress crea una solución para aquellos que intentan capitalizar las vistas de página para enlaces externos. Esta función se creó primero en Digg.com, donde los usuarios podían hacer clic en un enlace que conducía fuera del sitio y dirigirse a la página con un Diggbar agregado en la parte superior. Bueno, con este complemento, sus visitantes serán dirigidos desde la página de su blog a enlaces externos, pero aún así, mantenga una pequeña barra de herramientas en la parte superior de cada página..

Además, puede incluir hasta 16 enlaces para compartir en redes sociales en esta nueva barra de herramientas. Esto hace que sea mucho más fácil para los visitantes compartir sus enlaces en vivo y mantenerse al día con los artículos de su sitio web mientras navega por la web. Las estadísticas de Analytics también se rastrean y pueden mostrarse en el panel de administración de WordPress.

Mira el breve video a continuación para ver un resumen de las funciones de la barra de WordPress. Sus capturas de pantalla de complementos están cargadas con algunas excelentes fotos de la interfaz de usuario. Echa un vistazo si estás interesado..

BuzzGrowl

La barra de herramientas de BuzzGrowl es muy similar a las barras de herramientas de medios sociales que se mencionaron anteriormente. Una vez instalado, se mostrará un pequeño bloque en la esquina de su sitio web que se desplaza hacia abajo en la página como lo hacen sus visitantes. Proporciona una fuente de un solo clic para compartir enlaces en muchas redes sociales populares.

La personalización de los estilos y la visualización de los iconos sociales también es una brisa. El complemento viene con archivos de soporte que puede editar usted mismo para que coincida con el tema de su sitio web. El soporte para compartir en Facebook y Twitter con un solo clic es enorme en estos días, y la posibilidad de personalizar la apariencia solo aumenta la credibilidad de este complemento. BuzzGrowl ha sido probado y está trabajando para WordPress 3.1.3.

Solo se le han otorgado dos clasificaciones en el sistema de complementos de WordPress y se ha descargado menos de 1000 veces al momento de escribir este artículo. Todavía es un módulo bastante menos conocido para los usuarios de WordPress que puede reemplazar por completo la funcionalidad de la barra de herramientas de las redes sociales. Echa un vistazo a las capturas de pantalla de sus complementos para tener una mejor idea de cómo funciona esto.

Sharebar

Sharebar es un complemento mucho más popular de WordPress y se ha probado hasta la versión 3.x. Esto agrega una barra de herramientas para compartir vertical completamente personalizable en cada una de las publicaciones de su blog. Esta tendencia comenzó en Mashable y TechCrunch hace uno o dos años y ahora aparece en muchos blogs web populares.

Tiene la opción de cambiar la configuración de Sharebar de vertical a horizontal, que también cambia entre iconos grandes y pequeños. Puedes editar datos PHP en bruto para implementar el código donde quieras. También la capacidad de limitar las redes compartidas solo a las soluciones que necesita. Esto puede incluir Twitter, StumbleUpon, Google Buzz, Digg, Reddit u otros.

Si ejecuta un blog web o una revista en línea bastante popular, le recomiendo encarecidamente Sharebar. Es un complemento fantástico que requiere casi ningún mantenimiento para seguir funcionando, tal vez una actualización ocasional. Y aún así, WordPress generalmente puede manejar esto desde el panel de administración.

Los archivos son ligeros y están compuestos correctamente de HTML / CSS con código en línea de JavaScript para compartir credenciales. También tienen una gran cantidad de capturas de pantalla que puedes consultar en la página del complemento WP. Si ejecuta un blog y planea instalar una barra de herramientas de redes sociales personalizadas, también debería revisar la barra de herramientas de WP..

Conclusión

El panorama de las redes sociales se ha vuelto cada vez más popular en los últimos años. Nos enfrentamos a una creciente población de Internet más poderosa que nunca en la historia. Por lo tanto, es comprensible que cada día se compartan más contenido e información en docenas de redes..

Estas pocas barras de herramientas de redes sociales son una gran adición a cualquier página web. Pueden mejorar las tasas de experiencia del usuario para sitios web de contenido estático, revistas digitales, blogs en línea o comunidades de noticias sociales. ¡La lista parece interminable con tantas posibilidades para personalizar tus funciones para compartir! Y con el chat en vivo sus visitantes están más conectados que nunca.

Si tienes tiempo para jugar con cada uno y dinos lo que piensas. No dude en Comparte tus pensamientos en las tres barras de herramientas que revisamos, o enlaces adicionales para otros recursos para compartir en las redes sociales. Y para aquellos que actualmente ejecutan una barra de herramientas en su sitio web Háganos saber cómo ha funcionado para ti y tus visitantes.