NorfiPC
NorfiPC » Diseño y edición web » Botones de compartir

Insertar botones de compartir en blogs y sitios web con AddToAny


Como usar AddToAny para compartir nuestras páginas en Facebook, Twitter, Google+ y otras redes sociales de internet. Como obtener el código, personalizarlo e insertarlo. Ventajas de usar el servicio.
Insertar botones de compartir en blogs y sitios web con AddToAny
Existen varias formas de insertar botones en nuestras páginas que faciliten a los lectores compartir lo que publicamos en las principales redes sociales y sitios de nuestra preferencia.
Las plataformas como WordPress o Blogger lo facilitan usando determinados plugins.
También podemos obtener directamente el código de los scripts en los servicios de Facebook, Twitter, Google+, Pinterest y otras redes y pegarlo en nuestra plantilla, que es el método más directo.
Otra opción es usar enlaces o imágenes estáticas, método recomendado para no interferir en la velocidad de carga de las páginas como explicamos en el siguiente artículo: Como hacer los vínculos para compartir una página en Facebook, Twitter y Google+
También existen varios servicios de internet que facilitan todo lo anterior ya que solo es necesario obtener un solo código y pegarlo en nuestra plantilla, para mostrar todos los botones de compartir que necesitamos.
De estos servicios que hemos revisado, el más sencillo, fácil de usar, que proporciona una interface elegante y que podemos usar sin tener que registrarnos, es AddToAny.



Como usar los botones de AddToAny en las páginas de nuestro blog o sitio web


AddToAny facilita la inserción de todo tipo de botones para compartir en varias redes sociales y sitios populares y hace muy sencilla la tarea.
Para usar el servicio no es necesario registrarse ni ofrecer ninguna dirección de email, salvo que se desee recibir notificación de actualizaciones y mejoras en el servicio.
Para obtener el código de los botones que necesitas para tu blog o sitio web haz lo siguiente:
1- Accede a la página de AddToAny para sitios web.
Verás un panel similar a la siguiente imagen:
Página de AddToAny para obtener el código de los botones de compartir.
Página de AddToAny para obtener el código de los botones de compartir
De forma predeterminada se ofrece el código para mostrar los botones de compartir en Facebook, Twitter y Google+, además de un botón con el signo de + que permite mostrar otros sitios.
2- Si usas WordPress, Blogger, Tumblr u otras plataformas, selecciona el botón que les corresponde.
3- Presiona el botón "Get Button Code" y copia el código en el cuadro inferior.



Usar botones con otros estilos en AddToAny


Da un clic en "More" para ver botones con otros estilos, incluso enlaces de solo texto.
Diferentes estilos de botones que ofrece AddToAny.
Diferentes estilos de botones que ofrece AddToAny



Usar botones de más redes sociales y sitios de internet


Para mostrar botones de más sitios da un clic en el enlace: "Choose Services".
AddToAny permite mostrar botones de una gran cantidad de sitios y redes sociales entre ellos Pinterest, Linkedin, Tumblr, Reddit, Whatsapp, StumbleUpon, Baidu, etc.
Selecciona los botones que deseas agregar y usa el botón "Done, go back".
Botones de AddToAny para compartir en varias redes sociales y sitios de internet.
Botones de AddToAny para compartir en varias redes sociales y sitios de internet
En esta página de ejemplo o demostrativa hemos insertado los botones para compartirla en Facebook, Twitter, Google+, Tumblr y Linkedin, pero es posible usar otros botones, de acuerdo al contenido de la página.
Se puede comprobar que los botones cargan de forma casi instantánea.



Opciones avanzadas de AddToAny para personalizar el código


Al usar el enlace "More Options" podemos especificar opciones avanzadas en el código que necesitamos.
Podemos escoger el lenguaje Español ya que el predeterminado es el inglés.
También podemos agregar la dirección principal de nuestro sitio.
Esta última opción es muy útil, porque AddToAny usa JavaScript para obtener la dirección URL de referencia de la página.
Los que tienen JavaScript deshabilitado o usan aplicaciones que bloquean los scripts en su navegador no podrán compartir. En caso de especificarse una dirección en las opciones, si la obtendrán.
Para eso también podemos marcar la casilla "No script".

Mostrar botones de mayor tamaño


Es posible especificar que los botones de compartir se muestren en un tamaño mayor, para eso simplemente debemos modificar el numero 32 predeterminado usado en la la etiqueta de estilo del contenedor DIV del script.
Se pueden usar valores como 48 o 64, que indican el tamaño en pixeles de los botones.
En la parte inferior de esta página usamos botones de 48 pixeles.



Insertar el código de los botones de AddToAny en nuestro sitio


El siguiente paso es insertar el código de los botones en nuestras páginas.
Podemos hacerlo insertándolo manualmente en cada página seleccionada, insertarlos en una plantilla o referenciarlos en un archivo INCLUDE mediante en PHP.



Ventajas y desventajas de usar AddToAny


Según W3Tech (referencia en analítica de recursos web), AddToAny es de los servicios que brindan botones y widgets para compartir, el de más crecimiento, debido a la facilidad de su uso, estilo atractivo y rápida carga de los botones.
AddToAny a diferencia de sus principales competidores en el mercado AddThis y ShareThis. no precisa de registro alguno y los iconos que emplea son imágenes vectoriales SVG que cargan a toda velocidad.
Al usar el servicio de AddToAny nos beneficiamos porque los botones cargan más rápido en las páginas, disminuye el número de peticiones necesarias, que si usamos los scripts que proporcionan los sitios originales.
Los botones son imágenes vectoriales en varias medidas, compatibles con todos los equipos y dispositivos tanto computadoras tradicionales como teléfonos de cualquier gama, tabletas y pantallas que usan la tecnología Retina.
Si usamos Google Analytics, podemos obtener las estadísticas del uso de los botones en nuestra cuenta, debido a la integración del servicio.
La desventaja es que no se muestran los contadores o sea la cantidad de personas que han compartido las páginas, como se puede ver al usar los scripts originales.
No obstante puede ser conveniente para sitios que recién comienzan y aun no son populares.

Para compartir una página en Facebook ya sea usando los botones de AddToAny o de cualquier otra forma, este servicio requiere que se especifique un título, descripción y una imagen.
La única forma de lograrlo satisfactoriamente es usar las etiquetas de "Open Graph" en todas las páginas.
Lee mas información detallada: Como usar las etiquetas de Open Graph de Facebook en los sitios web
Los botones que inserta AddToAny son imágenes vectoriales en formato SVG.
En otro artículo de nuestro sitio puedes obtener el código de ellas para impregnarlas directamente en el HTML, crear tus propios botones y así acelerar la carga de las páginas:
Iconos vectoriales SVG y PNG de las redes sociales de internet

Páginas relacionadas



Comparte esta página




 
Inicio | Mapa del sitio | Sobre mí | RSS