Как сделать пользовательскую кнопку LinkedIn share

Мне нужно иметь возможность добавлять функции совместного доступа к пользовательской кнопке. Меня не интересует генератор, поскольку я не могу изменить изображение linkedin. Я хочу использовать свой собственный образ для кнопки LinkedIn share.

6 ответов


официальный LinkedIn API для обмена:

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

прочитайте условия использования!

пример ссылки с использованием метода "Customized URL": http://www.linkedin.com/shareArticle?mini=true&url=https://stackoverflow.com/questions/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

вам нужно просто открыть его во всплывающем окне с помощью JavaScript или загрузить его в iframe. Просто и работает - вот что я искал!

EDIT: видео, прикрепленное к сообщению:

I проверено, что вы не можете встроить видео в сообщение LinkedIn, единственный вариант-добавить ссылку на страницу с самим видео.

вы можете достичь этого, поставив ссылку YT в url param:

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

если указать summary и title тогда LinkedIn перестанет вытаскивать его из видео, например:

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

Он работает точно так же с Vimeo и, вероятно, будет работать для любого сайта. Надеюсь, это поможет.

EDIT 2: подтягивание изображений к сообщению:

при открытии выше ссылки вы увидите, что LinkedIn загружает некоторые изображения вместе с переданным URL (и, возможно, название и резюме.)

LinkedIn делает это автоматически, и вы можете прочитать об этом здесь: https://developer.linkedin.com/docs/share-on-linkedin#opengraph

Это интересно, хотя, как говорится:

Если Теги Open Graph присутствуют, искателю LinkedIn не придется полагаться на собственный анализ, чтобы определить, какой контент будет общий, что повышает вероятность того, что общая информация именно то, что вы предназначенный.

Он говорит мне, что даже если открытая информация о графике не прикреплена, LinkedIn может вытащить эти данные на основе собственного анализа. И в случае YouTube, похоже, это так, поскольку я не смог найти никаких открытых тегов графика, добавленных на страницы YouTube.


вы можете сделать свою собственную кнопку обмена с помощью URL-адреса ShareArticle LinkedIn, который может иметь параметры:

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

вы можете найти документацию здесь, просто выберите "настроенный URL", чтобы увидеть детали.


по состоянию на апрель 2017 года, это текущий URL, используемый для обмена:

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


LinkedIn недавно пересмотрели свой сайт, поэтому есть тонна старых ссылок, просто перенаправляющих на домашнюю страницу поддержки разработчиков. Вот обновленная ссылка на соответствующую страницу на сайте поддержки LinkedIn (по состоянию на февраль 16, 2015): https://developer.linkedin.com/docs/share-on-linkedin


это работает для меня:

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

вы можете использовать эту ссылку, заменив его содержимое. Это работает 100%.


вы можете настроить стандартную кнопку Linkedin, как это, после загрузки страницы:

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