Botón para compartir entradas en LinkedIn | Oloblogger Crédito imagen Este no es un servicio que utilice mucho, pero es indudable que LinkeIn se encuentra hoy en día en el top 10 de las redes...

1 de noviembre de 2012

Botón para compartir entradas en LinkedIn

Crédito imagen
Este no es un servicio que utilice mucho, pero es indudable que LinkeIn se encuentra hoy en día en el top 10 de las redes sociales más importantes.

Apodado el Facebook de los profesionales,  desde 2003 ha ido sumando adeptos teniendo en la actualidad más de 175 millones de usuarios procedentes de más de 200 países. Su plataforma se encuentra traducida en 19 idiomas distintos entre los que se incluye el español.

Su principal objetivo es relacionar profesionales de cualquier ámbito, bien entre ellos, bien con empresas. Para particulares es básicamente un lugar dónde dejar el currículo expuesto al resto del mundo, pero como decía, también resulta interesante el poder interactuar con personas con la misma afinidad laboral.

Una particularidad del servicio es que los empleadores disponen de un buscador de recursos humanos que les permite encontrar el perfil deseado.



Pero hay algunas cosas más.

En la parte social, además de grupos con intereses comunes en los que se puede intercambiar información de cualquier tipo, también se pueden compartir enlaces de artículos que pienses puedan interesar a tus contactos. Esta es la parte que vamos a ver hoy: cómo añadir un botón en el blog para que los lectores puedan compartir entradas en LinkeIn... y que funcione bien.

Las instrucciones que el servicio nos indica para conseguir el gadget son las siguientes, pero también podréis acceder directamente al generador mediante este enlace:

  1. Haz clic en Desarrolladores en la parte inferior de tu página de inicio.
  2. Mueve el cursor sobre Documentation en el menú superior.
  3. Selecciona Plugins de la lista desplegable.
  4. Haz clic en Share on LinkedIn en el menú izquierdo.
  5. Elige el botón que más te guste y haz clic en Get it.
  6. Haz clic en Get Code.
  7. Copia y pega el código HTML en tu sitio web.


Según el formato que hayamos seleccionado el código tendrá una guisa similar a esta:

<script src="//platform.linkedin.com/in.js" type="text/javascript"></script>
<script type="IN/Share" data-counter="top"></script>


Pero Blogger es Blogger -realmente no sé si ocurrirá lo mismo en otras plataformas- y si añadimos esto sin más, siempre, estemos en la página que estemos, el cacharrito enviará la dirección principal del blog.

La solución es forzar el envío de la página en que nos encontremos, utilizando para ello nuestras amadas variables data.

Así debería quedar el código para que funcionara como queremos:

<script src='//platform.linkedin.com/in.js' type='text/javascript'/>
<script data-counter='top' expr:data-title='data:post.title' expr:data-url='data:post.canonicalUrl' type='IN/Share'/>

Marcado en rojo podéis ver el cambio que hace esto posible y a continuación, como es costumbre, una demo en vivo (algo modificada por necesidades técnicas).

Fin de la transmisión.




Actualización

Una segunda opción con la que podremos controlar todo sería con un enlace como este:

<a expr:href='&quot;http://www.linkedin.com/shareArticle?mini=true&amp;title=&quot; + data:post.title + &quot;&amp;url=&quot; + data:post.url + &quot;&amp;source=&quot; + data:blog.title + &quot;&amp;summary=&quot; + data:post.snippet' target='_blank' >LINKEDIN</a></div>

Evidentemente podríamos cambiar el texto por una imagen del logo de la red o lo que gustemos. El inconveniente es que no dispondremos de contador. La ventaja que podremos personalizar el botón como queramos.


¿Vemos otro post al azar por si le encuentras utilidad o quizás prefieres ser más metódico y suscribirte a nuestras entradas por correo? También puedes imprimir este artículo y por supuesto compartirlo en redes sociales si fue de tu agrado.

Compartir
Copy URL

Y muchos más artículos interesantes si nos sigues en...

follow us in feedly

31 comentarios :

  1. Muchas gracias Oloman, busqué en Internet la solución para Blogger y no la encontré, eres un crack :) pero no olvides de añadir la "d" LinkedIn, no vaya a ser que los buscadores hagan una mala pasada a esta entrada maestra, gracias de nuevo. Un abrazo amigo! Ahora mismo lo pongo en práctica.

    ResponderEliminar
    Respuestas
    1. Espero que te funcione, que esta vez no hice demasiadas pruebas para publicarlo cuanto antes ;)

      Eliminar
    2. Ayuda Oloman, continua sin funcionarme, sale la pagina principal, lo puedes probar, he dejado el botón puesto, ¿puedes mirar la vista de código? me parece que lo he puesto como indicas.

      Eliminar
    3. Lo he estado probando en varias entradas y parece que funciona, pero sin salir el titulo de la entrada.

      Eliminar
    4. Debe tener algo que ver con metadatos porque en otro blog si me publica bien el título. Lo malo es que no sé exactamente cuáles de entre todos los posibles que hay (schema, Facebook, etc.) toma esta plataforma.

      Eliminar
  2. Hola Oloman.
    Interesante, se podría colocar el botón al lado de los otros enlaces sociales?, en mi caso al final de cada entrada.
    Un saludo.

    ResponderEliminar
    Respuestas
    1. Sin ningún problema y con cualquiera de los dos códigos publicados.

      Eliminar
    2. ... de forma automática?, sin tener que hacerlo manualmente en cada una.

      Eliminar
    3. Claro, para eso incluí la variable DATA, para que en cada post se incluya lo que tiene que incluirse.

      Eliminar
    4. ... ya perdonarás mi ignorancia, pero no he sabido dónde colocar el código :(

      Eliminar
    5. Eso no hay que perdonarlo.

      Dónde mismo tengas los otros botones sociales. Normalmente los verás sólo con artilugios expandidos.

      Eliminar
    6. Ahora sí!!, no expandía los artilugios, creo que no aprenderé en la vida...
      Muchas gracias Oloman y hasta otra (seguro ;)

      Eliminar
    7. Menos mal que ya voy yo aprendiendo tambien... ¡a adivinar dónde puede estar el problema! :D

      Eliminar
    8. ... la verdad es que si lo miras desde tu punto de vista, tiene que ser estresante topar con ciegunos como yo ;)

      Eliminar
    9. Estresante no, didáctico desde el punto de vista de la psicología. Algunos lo llaman percepción extrasensorial XD

      Eliminar
  3. Oloman he mirado en LinkedIn, cómo se publicaban los post y he visto que con tu entrada pasa lo mismo, no se publican los títulos, si el post, pero con el nombre del blog. Mi última entrada la he publicado, editando a mano el titulo de la entrada, espero haya una solución para Blogger, buenas noches.

    ResponderEliminar
  4. Muchas gracias de nuevo Oloman, por todas las posibilidades que ofreces, un abrazo!

    ResponderEliminar
    Respuestas
    1. Mientras no se me ocurre algo eficaz para el título, al menos tenemos una solución.

      Eliminar
  5. Si, pero, aun sin acabar de funcionar de forma automática, me quedo con el contador, al menos podre ver si se utiliza y dependiendo del uso que se haga lo mantendré o cambiare por la segunda opción. Pero es curioso Oloman, dentro del mismo blog en algunas entradas funciona lo del titulo de la entrada, fíjate que en el recopilatorio de gadgets/widgets sale de forma automática el titulo, no se si tiene que ver que fue compartida en LinkedIn más de 20 veces, y no me había dado cuenta hasta poner el botón. Bueno, a ver si con el tiempo encuentras la solución, me da rabia que con Blogger, siempre hay problemas. Hace tiempo que me ronda por la cabeza cambiarme a WordPress, pero supongo que también será otra guerra y me da mucho respeto el alojamiento,...

    ResponderEliminar
    Respuestas
    1. ¿Y si tiene que ver con el propio título? Me refiero a que no tome bien los que tienen acentos y otros símbolos...

      Eliminar
    2. No lo se, haré comprobaciones, Blogger soluciono el problema de los acentos en las url, ¿hasta que punto puede afectar esto al titulo?, estaré atento, pues voy a compartir a partir de ahora las entradas en LinkedIn, así que no será difícil comprobarlo, ya que le doy al botón de compartir manualmente.

      Eliminar
  6. Haces lo complicado, sencillo. Increible: me ha salido a la primera, gracias a tus clarísimas explicaciones.
    ¡Gracias!.

    ResponderEliminar
  7. Buenas noches, he puesto el boton, de momento solo en la sidebar para compartir solo el blog y me pasa lo contrario de lo que dices, no comparte el blog sino siempre la misma entrada..sabes porque puede ser, el boton es de la pagina de linkedin

    ResponderEliminar
    Respuestas
    1. Prueba con este código, pero si no funciona ya no sabría qué más hacer:
      <script src='//platform.linkedin.com/in.js' type='text/javascript'/>
      <script data-counter='top' data-title='El Sahara de los olvidados' data-url='http://teo.resistenciasaharaui.com' type='IN/Share'/>

      Eliminar
  8. Hola de nuevo, he puesto el codigo que me has dejado y ni siquiera aparece en la sidebar, no se que hago mal..
    gracias de todas formas

    ResponderEliminar
    Respuestas
    1. Al final he puesto estos botones debajo de cada entrada para compartirlas, pero comparte el blog en general, ¿me podrias decir que tengo que agregarle o quitar y donde para que comparta solo cada entrada?
      <!-- AddThis Button BEGIN -->
      <div class='addthis_toolbox addthis_default_style addthis_16x16_style'>
      <a class='addthis_button_facebook'/>
      <a class='addthis_button_twitter'/>
      <a class='addthis_button_blogger'/>
      <a class='addthis_button_skyrock'/>
      <a class='addthis_button_digg'/>
      <a class='addthis_button_sonico'/>
      <a class='addthis_button_tuenti'/>
      <a class='addthis_button_taringa'/>
      <a class='addthis_button_google'/>
      <a class='addthis_button_myspace'/>
      <a class='addthis_button_linkedin'/>
      <a class='addthis_button_gmail'/>
      <a class='addthis_button_email'/>
      <a class='addthis_button_favorites'/>
      <a class='addthis_button_hotmail'/>
      <a class='addthis_button_google_plusone_share'/>
      <a class='addthis_button_delicious'/>
      <a class='addthis_button_compact'/>
      </div>
      <script src='//s7.addthis.com/js/300/addthis_widget.js#pubid=undefined' type='text/javascript'/>
      <!-- AddThis Button END -->

      Gracias

      Eliminar
    2. Creo que el error es de concepto, Teo. Los botones funcionan bien, lo que pasa es que en entradas individuales comparten las correspondientes direcciones y en sitios como el Home, pues comparten eso, la página principal.
      Lo que hacen sus correspondientes códigos es buscar la dirección en la que se está y compartirla.

      Eliminar
    3. Soy bastante torpe y no te entiendo bien, ¿entonces no se pueden poner para que compartan solo las entradas?

      Eliminar
    4. Si vas a una entrada y pinchas uno de esos botones, verás que se comparte la dirección de la entrada, pero cuando estás en portada (Home, Inicio), la dirección que se comparte es esa precisamente, la principal del blog. Por eso decía que el error era de concepto.

      Los botones funcionan bien, pero no pueden compartir la dirección de una entrada desde el Home.

      Eliminar
    5. Pues si que es un error de concepto, no me querias creer lo torpe que soy jajaaa, pues ya lo he demostrado, muchas gracias ya lo entendi jja

      Eliminar
  9. WOWWWW jajajajaja me emociono por que soy cero cero en informática y tu ayuda me ha servido super en mi blog!!!
    mil gracias!!
    saludos

    ResponderEliminar