Servicios de community management, dinamización de redes sociales, generación de contenidos, fidelización de usuarios, diseño y mantenimiento de sitios web, posicionamiento SEO, comunicación externa e interna. Servicios en la nube: consultoria, migración y formación de usuarios. Servicios de soporte a empresas y usuarios.

Como añadir el botón de Pinterest en Blogger

La red social de moda, Pinterest también permite añadir un botón de enlace a nuestro blog. De esta manera ayudamos a nuestros visitantes a compartir en esta nueva red social algún contenido que se encuentre alojado en Blogger. El procemiento es muy sencillo y a continuación lo resumiré en unos sencillos pasos:

1.- Tendremos que crear el botón para obtener el código y añadirlo luego a nuestra página. Para ello, haz click aquí, y busca la sección "Pin It Button for Web Sites", tal como aparece en la imagen siguiente:



Y rellenas los campos de tu página:
  • La URL que deseas que se adjunte al Pin. Si dejas este campo en blanco, Pinterest tomará por defecto la página donde esté ubicado el botón. 
  • La URL de la imagen que deseas mostrar en el Pin. En principio, si dejas este campo en blanco, Pinterest también debería tomar la imagen de la página donde está botón para el Pin.
  • Description, aunque no es un parámetro obligatorio (de hecho ninguno loes) servirá para ayudar a tus lectores a 'pinear' los artículos.

Ahora que ya tenemos el código, vamos a ver dónde y cómo lo colocamos.

2.- En Blogger, vamos a "Plantilla" y escogemos la opción "Edición de HTML". Se hace caso omiso de la advertencia de edición y, con los artilugios expadidos, localizamos el siguiente código:  </body> y antes él, pegamos:
<script type="text/javascript" src="//assets.pinterest.com/js/pinit.js"></script>

3.- Por último, sólo nos queda pegar el código siguiente allá donde queramos que aparezca el botón. En mi caso, lo he colocado al pie, junto los otros botones sociales. Para ello, busca: <div class='post-footer-line post-footer-line-3'> y antes de esa línea, pega:

<a href="http://pinterest.com/pin/create/button/?url=www.midominio.com&media=www.midominio.com/img/logo.jpg&description=La_descripcion_es_opcional_pero_siempre_es_recomendable_para_ayudar_a_que_los_usuarios_pineen" class="pin-it-button" count-layout="horizontal"><img border="0" src="//assets.pinterest.com/images/PinExt.png" title="Pin It" /></a>

Sustituyendo, 'midominio' por el tuyo propio y descripción por tu propia descripción, aunque no es un parámetro obligatorio.

4.- Ya puedes disfrutar de tu botón Pinterest!

12 comentarios:

  1. Muchas gracias¡¡¡¡ He conseguido insertar el botón de Pinterest¡¡

    ResponderEliminar
  2. Por cierto...he querido incluir este articulo en Pinterest...y no he podido¡¡¡¡¡ja, ja...o está el botón y no lo he visto??? Saludos¡¡

    ResponderEliminar
  3. Jajajaja!!! Pues no lo habia advertido. No, no está el botón, se lo añadiré bien pronto!
    Gracias por el comentario y por el aviso!!

    ResponderEliminar
  4. Simplemente me topé con su sitio web y quería decir que realmente he disfrutado de la lectura de su blog.
    destacar una imagen

    ResponderEliminar
    Respuestas
    1. Muuuuuuuchas gracias!! Siempre son de agradecer palabras como estas que compensan el esfuerzo!!!

      Eliminar
  5. quiero poner el boton de pinterest al pie de cada post al lado de los demas botones, perdona mucho nose pero donde dices mi dominio que es lo que tengo que poner yo, la url exacto de mi blog en bloger ??? e leido otro tutorial y en vez de ubicar este codigo arriba de esa lines tambien me dice abajo por favor me lo aclaras gracias

    ResponderEliminar
  6. Gracias con tu ayuda ya tengo mi boton y este quedo sobre las imagines mucho mas facil.
    Aqui lo puedes ver como me quedo
    http://versospoesiaspoemas.blogspot.com/

    Un abrazo y nuevamente un millon de gracias.

    Ahh y te encontre en la 2a posicion en Google...

    ResponderEliminar
  7. Pues de nada! Esa es la idea: ayudar! Me alegra de verdad.

    ResponderEliminar
  8. Tengo este error:
    El parámetro 'source_url' (value http:/dominio/buscar/cliente/alquiler/_operacion) no es un formato de URL válido.
    Alguien me puede indicar como solucionar o donde dice las reglas de cada parametro.
    GRacias

    ResponderEliminar
  9. Muchas gracias, mas facil!

    ResponderEliminar
  10. ¡Bendiciones!

    Muchas gracias por el post. Creo que ya que ofreces servicios web para PyME y autónomos quizá podría ser un buen tema pinterest y el comercio electrónico ya que es algo que está de moda y puede ser que varios lectores les interese.

    ¡Saludos!

    ResponderEliminar