Ir al contenido principal

Botones y Widgets de Pinterest

Muchos somos los que estamos "enganchados" a Pinterest (www.pinterest.com), red social basada en el uso de la imagen y de la que ya nos habló Inés Andrés aquí en la nube TIC.
Pues bien, aunque algo oculto, Pinterest nos ofrece la posibilidad de crear botones y widgets que nos faciliten el compartir nuevas imágenes en los tableros, así como mostrar la actividad de cualquier tablero o usuario.

ACCESO
Pinterest tiene un espacio denominado "Widget Builder" que es accesible desde el menú desplegable ubicado arriba a la izquierda, y seleccionando la opción "desarrolladores". Nos abrirá una nueva pestaña en el navegador y seleccionaremos la última opción disponible en el menú lateral izquierdo llamado "Widget Builder". De todas maneras, mientras no cambien nada, la URL de acceso directo es http://business.pinterest.com/widget-builder/
Allí encontraremos las 5 posibilidades que nos ofrece Pinterest para añadir a nuestra web o blog.



BOTONES "PINT IT"
Dispuestos en una página web determinada (o entrada de blog) permiten disponer de un botón para lanzar la publicación en Pinterest de una imagen determinada (opción "One image") o bien de cualquiera de las imágenes contenidas en la página a añadir el botón (opción "Any image").
El botón "One image" es independiente de la página en la que se añada pues al crearlo hay que definir tanto la URL de donde está la imagen como su URL de acceso. También hay que definir la descripción que se cargará en la ventana de "pinear" y el aspecto del botón (si deseamos que aparezca un contador).

Pero la opción más interesante es la del botón "Any image" que permite que los visitantes compartan nuestra página en un tablero de Pinterest, cogiendo de manera automática la URL de nuestra página (incluído su título) y nos de la opción de escoger de entre todas las imágenes presentes en la página. Para un funcionamiento correcto, hay que añadir tanto el código HTML que nos proporciona (para mostrar el botón) como el código Javascript (que permite cargar los datos de la página y las imágenes disponibles).
Aquí añado un botón "Any image" para que veáis su funcionamiento (seleccionando la pestaña HTML del editor de blogger)


FOLLOW BUTTON
Podemos añadir a nuestra web o blog un botón que disponga un enlace a nuestro perfil de Pinterest. Basta con editar la URL con nuestro nombre de usuario y añadir el nombre a mostrar. Si deseamos ponerlo en nuestro blog por medio de un gadget en la columna, añadiremos un gagdet de "HTML/Javascript" y deberemos añadir el código HTML y el código Javascript que se nos proporciona.


Aquí añado un botón de mi perfil en Pinterest.


WIDGET
Además de los botones, podemos disponer de unos widgets que nos mostrarán diferentes elementos:

  • PinWidget: Nos muestra uno de nuestros pin. Es necesario añadir la URL del Pin a mostrar.
  • Profile Widget: Nos muestra los 30 últimos pines añadidos por un usuario, del cual hay que añadir la URL de su perfil.
  • Board Widget: Nos muestra los 30 últimos pines añadidos a un tablero, del cual hay que añadir su URL.
En los tres casos, como en los botones, se nos ofrecerá el código HTML y el Javascript para añadir a mi web o blog.
A modo de ejemplo, os dejo los últimos pines añadidos al tablero colaborativo "Citas Callejeras" creado por la amiga Maru Domenech.

Comentarios

  1. Muchas gracias, la verdad es que ya me tocaba actualizar el boton de Pinterest en el blog ;)

    ResponderEliminar
  2. Llevo no sé cuánto tiempo pensando en escribir este post. Gracias por hacerlo tú, Antonio ;)

    ResponderEliminar

Publicar un comentario

Entradas populares de este blog

descarga vídeos de cualquier web con #StreamTransport

Meses atrás os mostré un truco para descargar vídeos desde #Chrome  fuera cual fuese la web. Sin embargo, el método podía resultar un tanto farragoso, además del hecho de que para algunas webs, como la de EITB (TV autonómica vasca) no funciona.  Pero hace unos días Iñaki (no diré apellido) del Berritzegune de Irún me enseñó una manera de poder descargar vídeos de cualquier web sin tener que recurrir al "método largo" que os citaba en el post de hace unos meses, mediante un software gratuito: Stream Transport . Lo que hace Stream Transport es lo que os enseñé a hacer anteriormente de forma manual, pero de una forma rápida y sencilla: coge la extensión de vídeo oculto en el código de la página web y nos descarga el archivo de vídeo. Vídeo-tutorial vídeotutorial realizado por  obiwan2208 Características Descarga vídeos de webs bajo protocolos HTTP, RTMP, RTMPT, RTMPE, RTMPTE, lo que lo hace compatible casi con la totalidad de pági...

Fluky.io: Tu "ruleta de la fortuna" personalizada

¡Hoooola a todos! Hacía mucho que no escribía una entrada en la nube TIC, y ya tenía ganas. Hemos hablado de tantas herramientas, que ya casi no quedan sin repetir… En esta ocasión voy a presentaros una web suuuuuúper sencilla y en mi opinión muy práctica: Fluky.io . Son muchas las ocasiones en las que queremos hacer una elección aleatoria en clase (otras muchas nos interesa que la elección parezca aleatoria, pero no lo sea, jeje). Varios de los programas o apps que utilizamos en el aula tienen alguna opción que nos permite hacerlo: el software de la pizarra digital (Notebook, Active Inspire…), webs como ClassDojo, o la app que utilizamos como "cuaderno del profesor” (Additio, iDoceo, CuadernoProfesor…) por ejemplo. Pero esta que os presento hoy hace sencilla, exclusiva y perfectamente eso: elecciones aleatorias. Sin registros ni cosas raras. Cuando entras en fluky.io , solo tienes que pulsar el botón “START” y aparecerá una barra a la izquierda en la que pu...

5 claves de los entornos personales de aprendizaje (PLE's) en la práctica docente

A continuación os presento una colorida infografía que tiene el objetivo de introducir a los docentes profanos en el concepto de Entorno Personal de Aprendizaje o PLE . Mi intención ha sido mostrar de forma sencilla y amena sus principales características y ventajas, y proponer una serie de consejos para comenzar a construirlo y utilizarlo en la práctica docente. Pincha sobre la imagen para ampliar o descarga la infografía en Medium Quality o  High Quality . Cinco claves de los entornos personales de aprendizaje (PLE's) aplicados a la docencia Manuel Gil Mediavilla  (2012) ACTUALIZACIÓN (03/04/2012) Ya están disponibles las traducciones a varios idiomas: English (Traducción:  @Flor_Caucino )   MEDIUM - HIGH Catalá (Traducción:  @cpaez01 )   MEDIUM - HIGH Euskera (Traducción:  @alaznegonzalez )   MEDIUM - HIGH Galego (Traducción:  @blpires )   MEDIUM - HI GH