Cómo agregar la insignia y el widget de StumbleUpon a su sitio web

  1. Medios de comunicación social
  2. StumbleUpon
  3. Cómo agregar la insignia y el widget de StumbleUpon a su sitio web

Libro Relacionado

StumbleUpon para tontos

Por Steve Olenski, Nick Robinson

¿Quieres que sea súper fácil ver y compartir tu contenido en StumbleUpon directamente desde tu blog o sitio web? Si es así, StumbleUpon ha creado una insignia y un widget para compartir fácilmente.

Cómo añadir la insignia de StumbleUpon

Para añadir la insignia de StumbleUpon, introduce www.stumbleupon.com/dt/badges en la barra de direcciones de la parte superior de tu navegador. Después de llegar a la página de la insignia, haga clic en el botón ¡Empieza – Es gratis!

En la página siguiente, usted puede elegir el tamaño y tipo de tarjeta de identificación que desea. Después de especificar lo que quieres, StumbleUpon genera automáticamente el código HTML necesario para tu sitio web en el cuadro a la derecha de la flecha azul.

Ahora que tienes el código, puedes colocar el código tú mismo o hacer que un desarrollador web coloque el código donde quieres que aparezca la insignia.

Normalmente, encontrarás botones Compartir de otras redes sociales que acompañan a la insignia de StumbleUpon. Abajo, por ejemplo, puedes ver cómo se ve la insignia de StumbleUpon dentro del grupo de botones Compartir.

Cómo añadir el widget StumbleUpon

Después de empezar a añadir contenido a StumbleUpon, tienes la opción de añadir un widget a tu blog o sitio web para mostrar tu contenido más popular. El proceso de configuración es bastante fácil, pero asegúrese de tener a mano un desarrollador web si no está familiarizado con la codificación de sitios web.

En primer lugar, introduzca www.stumbleupon.com/dt/widgets en la barra de direcciones web situada en la parte superior de su navegador. Después de llegar a la página Widget, haga clic en el botón Iniciar ahora – ¡Es gratis!

En la página siguiente, tiene dos opciones cuando se trata de rellenar el widget en su sitio web con contenido: Puedes mostrar contenido de cuentas individuales de StumbleUpon o de otros sitios web.

Para mostrar el contenido de los usuarios de StumbleUpon en el widget de tu sitio web, escribe el nombre de usuario de la cuenta que quieres mostrar. Por ejemplo, si escribe socialrobinson, todo el contenido compartido desde esa cuenta se mostrará en el panel de vista previa.

Para mostrar el contenido de los sitios web, escriba el nombre de dominio del sitio web que desea mostrar. Por ejemplo, si escribe techcrunch.com, verá todo el contenido de StumbleUpon compartido desde TechCrunch.

Para agregar varios sitios web, por ejemplo, escriba techcrunch.com, pulse Entrar y escriba business2community.com, y verá el contenido de ambos sitios. Lo que se ve en ambos sitios web depende de la fecha de publicación. Todo el contenido compartido de los sitios web que escriba se mostrará en el panel de vista previa.

Después de elegir si quieres mostrar el contenido de los usuarios de StumbleUpon o de los sitios web, haz clic en el botón Siguiente. En la página siguiente, usted elige el tamaño del widget. Tiene tres opciones de tamaño:

  • Rectángulo horizontal pequeño (300 x 250 píxeles)
  • Rectángulo horizontal grande (600 x 250 píxeles)
  • Rectángulo vertical grande (160 x 600 píxeles)

Asegúrese de elegir la opción de tamaño que mejor se adapte al diseño de su sitio web.

A continuación, elija un título para el widget. StumbleUpon genera automáticamente un título basado en la dirección del sitio web. Por ejemplo, si la dirección de su sitio web es myblogrocks.com, el título sería “myblogrocks.com on StumbleUpon”. Puede editar el título a su gusto.

Muy bien, ya casi terminas. Ten en cuenta que, después de tomar tus decisiones de tamaño y nombre, StumbleUpon genera el código que necesitas y lo coloca en un cuadro a la derecha de las opciones de tamaño y título. Copie ese código y péguelo usted mismo en el código de su sitio web o entréguelo a un desarrollador de sitios web para que lo haga por usted. ¡Eso es todo!

Si estás usando WordPress, puedes usar varios plug-ins para realizar esta misma tarea. La opción anterior es más personalizable si eres experto en código.

ADD YOUR COMMENT