Як зробити власну кнопку спільного доступу LinkedIn

Мені потрібно мати можливість додати функцію спільного використання до моєї користувацької кнопки. Мене не цікавить їх генератор , оскільки я не можу змінити там зображення LinkedIn. Я хочу використовувати своє власне зображення для кнопки спільного доступу LinkedIn.

Офіційний API LinkedIn для обміну:

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

Прочитайте Умови використання!

Приклад посилання за допомогою методу "Індивідуальна URL-адреса": http://www.linkedin.com/shareArticle?mini=true&url=/programming/10713542/how-to-make-custom-linkedin-share-button /10737122&title=How%20to%20ma%20custom%20linkedin%20share%20button&summary=some%20summary%20if%20you%20want&source=stackoverflow.com

Вам просто потрібно відкрити його у спливаючому вікні за допомогою JavaScript або завантажити в iframe. Просто і працює - ось що я шукав!

EDIT: Відео, додане до публікації:

Я перевірив, що ви не можете вбудувати будь-яке відео в публікацію LinkedIn, єдиний варіант - додати посилання на сторінку з самим відео.

Ви можете досягти цього, вставивши посилання YT у urlпараметр:

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 не доведеться покладатися на власний аналіз, щоб визначити, яким вмістом буде спільний доступ, що покращує ймовірність того, що інформація, що надається, є саме такою, яку ви задумали.

Це говорить мені, що навіть якщо інформація Open Graph не додається, LinkedIn може отримувати ці дані на основі власного аналізу. А у випадку з YouTube це здається так, оскільки я не міг знайти жодного тегу Open Graph, доданого на сторінки YouTube.

Ви можете створити власну кнопку спільного доступу, використовуючи URL-адресу LinkedIn ShareArticle, яка може мати такі параметри:

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

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

Багато відповідей тут були справедливими до недавнього часу. Наразі підтримується ТІЛЬКИ параметр url, а нове посилання для спільного доступу таке:

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

Джерело: Офіційна документація щодо плагіна Share Linkedin Share . Зараз усі посилання LinkedIn.com для документації для розробників є порожніми сторінками - можливо, пов’язаними із придбанням LinkedIn корпорацією Microsoft.

Одного разу, ви могли б використовувати цей Params: title, summary, source. Але якщо ви уважно подивитесь на всю документацію , насправді ще є спосіб встановити резюме, заголовок тощо! Помістіть їх у <head>блок сторінки, якою ви хочете поділитися ...

• <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" />

Тоді LinkedIn використовуватиме їх! Джерело: Документи розробника LinkedIn: Надання спільного доступу до вашого веб-сайту в LinkedIn .

Не впевнені, що все зробили правильно? Візьміть URL-адресу сторінки, якою ви ділитесь (наприклад, example.com, а не linkedin.com/share?url=example.com), і введіть цю URL-адресу в таке: LinkedIn Post Inspector . Це розповість вам все про те, як ваша URL-адреса ділиться! Це також витягує поточний кеш вашої сторінки, а потім оновлює його (у випадку, якщо у вас застрягла кешована версія вашої сторінки в базі даних LinkedIn). Оскільки це тягне кеш, іноді найкраще двічі використовувати LinkedIn Post Inspector.

Все ще не впевнені? Ось онлайн-демонстрація, яку я створив із 20+ послугами соціальних ресурсів. Перевірте вихідний код і переконайтесь, як саме працює спільний доступ LinkedIn.

Я підтримую Github Repo, який відстежує формати URL-адрес соціальних ресурсів з 2012 року, перевірте: Github: URL-адреси соціальних ресурсів .

Чому б не приєднатися до всіх URL-адрес соціальних ресурсів?

Станом на квітень 2017 року ця поточна URL-адреса використовується для обміну:

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

API оновлено зараз, і попередній API буде припинено 1 березня 2019 року.

Щоб створити власну кнопку «Поділитися» для LinkedIn, вам потрібно зробити дзвінки POST зараз. Ви можете прочитати оновлену документацію тут .

Найкраще використовувати підхід до налаштування url . І це найпростіше. Знайшов цей. Він відкриє спливаюче вікно, і вам не потрібні будь-які проблеми автентифікації bs через w_shareі все.

<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>

Просто змініть urlвласний URL. Ось посилання http://chillyfacts.com/create-linkedin-share-button-on-website-webpages/

Нещодавно LinkedIn переглянув свій сайт, тому є маса старих посилань, які просто переспрямовують на домашню сторінку підтримки розробників. Ось оновлене посилання на відповідну сторінку на сайті підтримки LinkedIn (станом на 16 лютого 2015 р.): Https://developer.linkedin.com/docs/share-on-linkedin

LinkedIn оновив свій API, і URL-адреса спільного доступу більше не працює. Тепер ви можете використовувати лише urlпараметр запиту. Будь-який інший параметр буде видалено з URL-адреси LinkedIn.

Тепер ви змушені використовувати oAuth та взаємодіяти з API 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'
                });