/ Tools

Implementa Widgets Para Compartir Tu Contenido Con AddThis

Implementar widgets para compartir tu contenido es extremadamente fácil gracias a AddThis, este servicio nos permite implementar botones de las redes sociales más populares en la actualidad y mucho más.

AddThis esta disponible en dos versiones tanto de paga premium y gratis free, en este tutorial vamos a utilizar la versión free ya que con esta categoría es más que suficiente para implementar widgets para poder compartir nuestros contenidos.

Si aun no te convences o no sabes de que se trata por favor lee el post hasta el final, pude que resulte que sea lo que tu estabas buscando.

Pagina oficial

Ingresa a la página oficial y crea tu cuenta, el cual te brindara un panel de control agradable para que puedas manipular tus widgets.

AddThis te crea un perfil por defecto el cual tiene por nombre My Site, pero recuerda que puedes crear múltiples perfiles y así poder administrar widgets en diferentes sitios webs.

AddThis

Una ves registrado en AddThis nos redirigirá a la siguiente página, pero si por algún motivo te saltas esta opción puedes acceder a esta pagina desde tu panel principal en el menú > opción TOOLS + ADD NEW TOOLS.

Seleccionar una opción AddThis

Esta página nos brinda los enlaces a los diferentes servicios que ofrece AddThis.

Implementación

Una vez registrado y creado nuestros widgets, lo que queda por hacer es implementarlo en nuestra página.

Recuerda que cada vez que crees un widgets en AddThis, al finalizar te mostrara un tutorial de como implementarlo en tu página.

Código HTML

<!DOCTYPE html>
<html lang="es">
<head>
	<meta charset="UTF-8">
	<title>Implementar AddThis</title>
</head>
<body>

	<!-- 
	Muestra el widget de tu preferencia este ejemplo es de un (Inline Share Buttons)
	===OJO==
	El nombre de la clase varia dependiendo del widget que quieras mostrar. Esto es solo un ejemplo
	 --> 
	<div class="addthis_inline_share_toolbox"></div>

	<!--Recuerda cambiar el pubid por el tuyo-->
	<!-- Ir a www.addthis.com/dashboard para personalizar tus herramientas --> 
	<script type="text/javascript" src="//s7.addthis.com/js/300/addthis_widget.js#pubid=ra-5a077ddc2d24df29"></script> 
</body>
</html>

Tipos de Widgets

Ahora vamos a mencionar los tipos de widgets que ofrece AddThis.

Share Buttons

Es una forma de facilitar a nuestros visitantes compartir nuestro contenido en linea.

Floating

Botones flotante

Inline

Botones en linea

Expanding

Botones expansibles

Image Sharing

Sirve para que tus visitantes compartan las imágenes de tu sitio.

Botones para compartir imágenes

Botones popup

Boton en banner

Slider

Botones en un slider


Follow Buttons

Sirve para hacer crecer tu audiencia en tus redes sociales.

Botones seguir tipo cabecera

Inline

Botones seguir en linea


Estos widgets sirven para mostrar al visitante los artículos relacionados en tu página.

Slider

Artículos relacionados en un slider

Artículos relacionados en el píe de página

Inline

Artículos relacionados en linea


Website Tip Jar

Estos widgets permiten recolectar donaciones de tus visitantes de manera más fácil.

Botones para donar


Bueno amigos hay más widgets para implementar, te recomiendo investigarlo, hasta pronto.

Luis Rene Mas Mas

Luis Rene Mas Mas

Hola, soy desarrollador Frontend, me encanta las tecnologías web, mi pasatiempo favorito es administrar este blog.

Leer Más