Cómo hacer un botón para compartir de LinkedIn personalizado

82

Necesito poder agregar la funcionalidad de compartir a mi botón personalizado. No me interesa su generador , ya que no puedo cambiar la imagen de LinkedIn allí. Quiero usar mi propia imagen para el botón de compartir de LinkedIn.

api share linkedin Karol
fuente
1
No quieren que hagas un botón personalizado. De hecho, sus Términos de servicio probablemente lo prohíban porque quieren que sus botones se vean como sus botones.
msw
Pero, ¿no hay algún método como Twitter que puedas compartir usando solo el enlace? Y luego el usuario es redirigido a la página donde solo necesita confirmar ...
Karol
¿Qué tal un botón de inicio de sesión personalizado de LinkedIn?
DevDave
Tenga en cuenta que si LinkedIn no puede acceder a su sitio, ningún método basado en URL funcionará. Esto incluye si está detrás de una pared de BasicAuth
Matt Fletcher

Respuestas:

145

API oficial de LinkedIn para compartir:

https://developer.linkedin.com/docs/share-on-linkedin

¡Lea los términos de uso!

Enlace de ejemplo con el método "URL personalizada": http://www.linkedin.com/shareArticle?mini=true&url=/programming/10713542/how-to-make-custom-linkedin-share-button /10737122&title=How%20to%20make%20custom%20linkedin%20share%20button&summary=some%20summary%20if%20you%20want&source=stackoverflow.com

Solo necesita abrirlo en una ventana emergente usando JavaScript o cargarlo en iframe. Simple y funciona, ¡eso es lo que estaba buscando!

EDITAR: Video adjunto a una publicación:

Verifiqué que realmente no se puede incrustar ningún video en una publicación de LinkedIn, la única opción es agregar el enlace a la página con el video.

Puede lograrlo poniendo el enlace de YT en el urlparámetro:

https://www.linkedin.com/shareArticle?mini=true&url=https://www.youtube.com/watch?v=SBi92AOSW2E

Si especifica summaryy titleluego LinkedIn dejará de extraerlo del video, por ejemplo:

https://www.linkedin.com/shareArticle?mini=true&summary=youtube&title=f1&url=https://www.youtube.com/watch?v=SBi92AOSW2E

Funciona exactamente igual con Vimeo, y probablemente funcionará para cualquier sitio web. Espero que te ayude.

EDITAR 2: Tirando de imágenes a la publicación:

Cuando abra los enlaces anteriores, verá que LinkedIn carga algunas imágenes junto con la URL pasada (y, opcionalmente, el título y el resumen).

LinkedIn lo hace automáticamente, y puede leerlo aquí: https://developer.linkedin.com/docs/share-on-linkedin#opengraph

Sin embargo, es interesante como dice:

Si las etiquetas Open Graph están presentes, el rastreador de LinkedIn no tendrá que depender de su propio análisis para determinar qué contenido se compartirá, lo que mejora la probabilidad de que la información que se comparte sea exactamente lo que pretendía.

Me dice que incluso si la información de Open Graph no está adjunta, LinkedIn puede extraer estos datos basándose en su propio análisis. Y en el caso de YouTube, parece ser el caso, ya que no pude encontrar ninguna etiqueta de Open Graph agregada a las páginas de YouTube.

Karol
fuente
5
¿Hay alguna forma de sembrar el área de texto con texto? Probé un montón de parámetros diferentes, no pude hacer que nada funcionara.
Raphael
2
No es realmente @raphaelcm: en la nueva API puede agregar texto de resumen, pero no se mostrará en textarea.
Karol
1
El enlace de ejemplo debe abrirse en una ventana emergente; de ​​esta manera, después de compartir, cierre la ventana emergente y permanezca en el sitio web, por ejemplo, stackoverflow.com/a/14352248/571230
Karol
3
Los documentos se actualizan ahora, con la nueva API: docs.microsoft.com/en-us/linkedin/consumer/integrations/…
Himanshu Aggarwal
6
La /shareArticleURL ya no funciona como solía hacerlo. Redirige a https://www.linkedin.com/sharing/share-offsite/?url=..., perdiendo los otros argumentos.
Phil Gyford
52

Puede crear su propio botón para compartir utilizando la URL ShareArticle de LinkedIn, que puede tener los siguientes parámetros:

https://www.linkedin.com/shareArticle?mini=true&url={articleUrl}&title={articleTitle}&summary={articleSummary}&source={articleSource}

Puede encontrar la documentación aquí , simplemente elija "URL personalizada" para ver los detalles.

Tamer Shlash
fuente
2
si me pueden sugerir que donde puedo agregar la imagen?
galleta
@cracker de acuerdo con la documentación, no hay opción para una imagen personalizada.
Tamer Shlash
3
La URL ShareArticle de LinkedIn no funciona a partir de ahora. Puede compartirlo, pero no se mostró en el
suministro de
1
¿Cómo incluir la imagen en el enlace para compartir de arriba?
Jitendra Pancholi
Los documentos se actualizan ahora, con la nueva API: docs.microsoft.com/en-us/linkedin/consumer/integrations/…
Himanshu Aggarwal
25

Muchas de las respuestas aquí fueron válidas hasta hace poco. Por ahora, el ÚNICO parámetro admitido es url, y el nuevo enlace para compartir es el siguiente ...

https://www.linkedin.com/sharing/share-offsite/?url={url}

Fuente: Documentación oficial de Microsoft.com Linkedin Share Plugin . Todos los enlaces de LinkedIn.com para la documentación del desarrollador parecen ahora páginas en blanco, quizás relacionadas con la adquisición de LinkedIn por parte de Microsoft.

Había una vez, usted podría utilizar estos parametros: title, summary, source. Pero si observa detenidamente toda la documentación , ¡ todavía hay una manera de establecer el resumen, el título, etc.! Ponlos en el <head>bloque de la página que quieres compartir ...

  • <meta property='og:title' content='Title of the article"/>
  • <meta property='og:image' content='//media.example.com/ 1234567.jpg"/>
  • <meta property='og:description' content='Description that will show in the preview"/>
  • <meta property='og:url' content='//www.example.com/URL of the article" />

¡Entonces LinkedIn usará estos! Fuente: Documentos para desarrolladores de LinkedIn: Cómo hacer que su sitio web se pueda compartir en LinkedIn .

¿No estás seguro de haber hecho todo bien? Toma la URL de la página que estás compartiendo (es decir, example.com, no linkedin.com/share?url=example.com) e ingresa esa URL en lo siguiente: LinkedIn Post Inspector . ¡Esto le dirá todo sobre cómo se comparte su URL! Esto también extrae el caché actual de su página y luego lo actualiza (en caso de que tenga una versión bloqueada y en caché de su página en la base de datos de LinkedIn). Debido a que extrae el caché, a veces es mejor usar el Inspector de publicaciones de LinkedIn dos veces.

¿Todavía no estoy seguro? Aquí hay una demostración en línea que creé con más de 20 servicios para compartir en redes sociales. Inspeccione el código fuente y descubra por sí mismo cómo funciona exactamente el uso compartido de LinkedIn.

He estado manteniendo un Github Repo que ha estado rastreando los formatos de URL para compartir en redes sociales desde 2012, compruébelo: Github: Social Share URLs .

¿Por qué no unirse a todas las URL para compartir en redes sociales?

URL para compartir en redes sociales

HoldOffHunger
fuente
@ HoldOffHunger: estoy tratando de crear una publicación en LinkedIn y tengo éxito en eso. Cuando comienzo el proceso de publicación compartida, la URL se ve así: linkedin.com/sharing/share-offsite/?url=https://… of the record '. Pero cuando hago clic en la publicación (después de publicarla), solo me lleva a somedomain.cs73.force.com/s/stories?c__story y omito el ID del registro. La URL no lleva al registro exacto. ¿Pueden ayudarme a agregar una identificación
Rohit
Hola, Rohit: Esas URL son diferentes, terminan en diferentes parámetros GET. Si desea compartir una URL en LinkedIn, debe ser la URL que desea compartir.
HoldOffHunger
9

En abril de 2017, esta es la URL actual utilizada para compartir:

https://www.linkedin.com/shareArticle?mini=true&url=http://developer.linkedin.com&title=LinkedIn%20Developer%20Network & summary = My% 20favorite% 20developer% 20program & source = LinkedIn

Kittu
fuente
Sí, ha sido así por un tiempo, está en la sección de edición de la respuesta aceptada
Karol
3
Esto ya no funciona como solía hacerlo. Redirige a https://www.linkedin.com/sharing/share-offsite/?url=..., perdiendo los otros argumentos.
Phil Gyford
@PhilGyford, ¿encontró una manera de publicar el resumen y el título?
Mukus
@Mukus No, terminé pasando solo la URL y confiando en LinkedIn para recoger el título de la página.
Phil Gyford
@Mukus Estoy usando Wordpress y parece que el título está tomado de example.co.uk/example_post/feed . No soy un genio de ninguna manera, pero estoy tratando de encontrar una manera de editar / cambiar / sobrescribir el archivo "/ feed /". ¿Algunas ideas?
Phil
7

La API se actualiza ahora y la API anterior quedará obsoleta el 1 de marzo de 2019.

Para crear un botón Compartir personalizado para LinkedIn, debe realizar llamadas POST ahora. Puede leer la documentación actualizada aquí para hacerlo.

Himanshu Aggarwal
fuente
1
¿De qué estás hablando? La API de compartir artículo todavía funciona. ¿Puede compartir un enlace con información de depreciación real?
Michal
Desde developer.linkedin.com/plugins , será redirigido a la nueva API.
Himanshu Aggarwal
7

Es mejor utilizar el enfoque de URL personalizado . Y es el más fácil. Encontré este. Se abrirá una ventana emergente y no necesitará ningún problema de autenticación bs debido a w_sharetodo.

<a href="https://www.linkedin.com/shareArticle?mini=true&url=http://chillyfacts.com/create-linkedin-share-button-on-website-webpages&title=Create LinkedIn Share button on Website Webpages&summary=chillyfacts.com&source=Chillyfacts" onclick="window.open(this.href, 'mywin', 'left=20,top=20,width=500,height=500,toolbar=1,resizable=0'); return false;">
  <img src="http://chillyfacts.com/wp-content/uploads/2017/06/LinkedIN.gif" alt="" width="54" height="20" />
</a>
Expandir fragmento

Simplemente cambie el urlcon su propia URL. Aquí está el enlace http://chillyfacts.com/create-linkedin-share-button-on-website-webpages/

Kingshuk Deb
fuente
¿Cuál es el papel de mywin? Solo lo veo en un lugar.
Razvan Zamfir
@RazvanZamfir ese es el nombre de la ventana emergente. La abreviatura de my windowes mywin. Puede agregar cualquier nombre.
Kingshuk Deb
Hola, esto no funciona cuando agrego mi propio sitio web. Pero aún funciona con el tuyo. ¿Alguna razón para eso? Lo he intentado todo ... Muchas gracias
Jessicascn
Gracias. Esto fue mucho más útil y sencillo que los documentos oficiales de MS. La segunda opción para vincular sin la ventana emergente era exactamente lo que estaba buscando.
OXiGEN
4

LinkedIn revisó su sitio recientemente, por lo que hay un montón de enlaces antiguos que simplemente redireccionan a la página de inicio de soporte para desarrolladores. Aquí hay un enlace actualizado a la página relevante en el sitio de soporte de LinkedIn (al 16 de febrero de 2015): https://developer.linkedin.com/docs/share-on-linkedin

Ryan Francis
fuente
4

LinkedIn ha actualizado su api y la URL para compartir ya no funciona. Ahora solo puede usar el urlparámetro de consulta. Cualquier otro parámetro será eliminado de la URL por LinkedIn.

Ahora está obligado a utilizar oAuth e interactuar con la API de linkedin para compartir contenido en nombre de un usuario.

lcjury
fuente
¿De qué estás hablando? La API de compartir artículo todavía funciona. ¿Puede compartir un enlace con información de depreciación real?
Michal
1
@michal Ya no puede encontrar documentación oficial sobre métodos https://www.linkedin.com/shareArticleo https://www.linkedin.com/sharing/share-offsite/. La documentación oficial solo habla sobre el uso de oAuth como lo mencionó @lcjury. Si encuentra algo diferente, háganoslo saber. Entonces, aunque todavía funcionan, es solo el atributo de URL que están aceptando y quién sabe cuánto tiempo seguirán funcionando.
Brockenstein
2

Esto funciona para mi: 

https://www.linkedin.com/shareArticle?mini=true&url=articleUrl&title=YourarticleTitle&summary=YourarticleSummary&source=YourarticleSource

Puede usar este enlace reemplazándolo con su contenido. Funciona al 100%.

Abaybay De Abaycious
fuente
1

Puede personalizar el botón estándar de Linkedin así, después de la carga de la página:

$(".IN-widget span:first-of-type").css({
                'border': '2px solid #DCDCDC',
                '-webkit-border-radius': '3px',
                '-moz-border-radius': '3px',
                'border-radius': '3px'
                });
Vlad
fuente