Как сделать собственную кнопку публикации в LinkedIn

82

Мне нужно добавить функцию общего доступа к моей настраиваемой кнопке. Меня не интересует их генератор , так как я не могу там изменить изображение LinkedIn. Я хочу использовать собственное изображение для кнопки «Поделиться» в LinkedIn.

api  share  linkedin 
— Кароль
источник
1
Они не хотят, чтобы вы делали пользовательскую кнопку. Действительно, их Условия обслуживания, вероятно, запрещают это, потому что они хотят, чтобы их кнопки выглядели так же, как их кнопки.
— msw
Но разве нет такого метода, как Twitter, которым можно было бы поделиться, используя только ссылку? А затем пользователя перенаправляют на страницу, где ему нужно только подтвердить ...
— Кароль
как насчет настраиваемой кнопки входа в LinkedIn?
— DevDave
Помните, что если ваш сайт недоступен для LinkedIn, никакие методы на основе URL не будут работать. В том числе, если он находится за стеной BasicAuth
— Мэтт Флетчер

Ответы:

145

Официальный 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%20make%20custom%20linkedin%20share%20button&summary=some%20summary%20if%20you%20want&source=stackoverflow.com

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

РЕДАКТИРОВАТЬ: видео, прикрепленное к сообщению:

Я проверил, что вы действительно не можете встроить какое-либо видео в сообщение 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 и, вероятно, будет работать для любого веб-сайта. Надеюсь, это поможет.

РЕДАКТИРОВАТЬ 2: Добавление изображений в сообщение:

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

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

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

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

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

— Кароль
источник
5
Есть ли способ заполнить текстовую область текстом? Перепробовал кучу разных параметров, ничего не получилось.
— Рафаэль
2
Не совсем @raphaelcm - в новом API вы можете добавить текст сводки, но он не будет отображаться в текстовом поле.
— Karol
1
Ссылка в качестве примера должна быть открыта во всплывающем окне - таким образом, после того, как вы поделитесь, вы закроете всплывающее окно и останетесь на веб-сайте, например stackoverflow.com/a/14352248/571230
— Karol
3
Документы обновлены с новым API: docs.microsoft.com/en-us/linkedin/consumer/integrations/…
— Химаншу Аггарвал
6
/shareArticleURL больше не функционирует , как раньше. Он перенаправляет на https://www.linkedin.com/sharing/share-offsite/?url=..., теряя другие аргументы.
— Фил Гайфорд
52

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

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

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

— Укротитель Шлаш
источник
2
если вы можете предложить мне это, где я могу добавить изображение?
— взломщик
@cracker согласно документации, нет возможности для кастомного изображения.
— Тамер Шлаш
3
URL-адрес LinkedIn ShareArticle сейчас не работает. Вы можете поделиться им, но этого не было в
— ленте
1
как включить изображение в ссылку выше?
— Джитендра Панчоли
Документы обновлены с новым API: docs.microsoft.com/en-us/linkedin/consumer/integrations/…
— Химаншу Аггарвал
25

Многие ответы здесь были действительны до недавнего времени. На данный момент ЕДИНСТВЕННЫЙ поддерживаемый параметр url, а новая ссылка на общий доступ выглядит следующим образом ...

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

Источник: Официальная документация подключаемого модуля Linkedin Share для Microsoft.com . Все ссылки 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 Developer Docs: Making Your Website Shareable on LinkedIn .

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

Все еще не уверены? Вот онлайн-демонстрация, которую я создал с более чем 20 социальными службами. Изучите исходный код и убедитесь сами, как работает совместное использование LinkedIn.

Я поддерживаю репозиторий Github, который отслеживает форматы URL-адресов социальных сетей с 2012 года, проверьте это: Github: URL-адреса социальных сетей .

Почему бы не присоединиться ко всем URL-адресам социальных сетей?

URL-адреса социальных сетей

— HoldOffHunger
источник
@ HoldOffHunger - Я пытаюсь создать сообщение в LinkedIn и преуспеваю в этом. Когда я запускаю процесс публикации-обмена, URL-адрес выглядит так: linkedin.com/sharing/share-offsite/?url=https://… записи '. Но когда я нажимаю на сообщение (после его публикации), я попадаю только на somedomain.cs73.force.com/s/stories?c__story и опускаю идентификатор записи. URL-адрес не соответствует точной записи. Не могли бы вы помочь, как добавить id
— Rohit
Привет, Рохит: Эти URL-адреса разные, они заканчиваются разными параметрами GET. Если вы хотите поделиться URL-адресом в linkedin, это должен быть URL-адрес, которым вы хотите поделиться.
— HoldOffHunger
9

По состоянию на апрель 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

— Китту
источник
Да, так уже давно, это в разделе редактирования принятого ответа
— Кароль
3
Это больше не работает, как раньше. Он перенаправляет на https://www.linkedin.com/sharing/share-offsite/?url=..., теряя другие аргументы.
— Фил Гайфорд
@PhilGyford Вы нашли способ опубликовать резюме и заголовок?
— Мукус
@Mukus Нет, в итоге я просто передавал URL и полагался на LinkedIn, чтобы забрать заголовок с самой страницы.
— Фил Гайфорд
@Mukus Я использую Wordpress, и похоже, что заголовок взят из example.co.uk/example_post/feed . Я ни в коем случае не гений, но я пытаюсь найти способ отредактировать / изменить / перезаписать файл "/ feed /". Есть идеи?
— Фил
7

API обновлен сейчас, и предыдущий API будет прекращен с 1 марта 2019 года.

Чтобы создать настраиваемую кнопку «Поделиться» для LinkedIn, вам необходимо сделать POST-вызовы прямо сейчас. Для этого вы можете прочитать обновленную документацию здесь .

— Химаншу Аггарвал
источник
1
О чем ты говоришь? API статей для публикации по-прежнему работает. Не могли бы вы поделиться ссылкой с актуальной информацией о амортизации?
— Михал
Со страницы developer.linkedin.com/plugins вы будете перенаправлены на новый API.
— Himanshu Aggarwal
7

Лучше всего использовать индивидуальный подход к 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/

— Кингшук Деб
источник
Какая роль mywin? Я вижу это только в одном месте.
— Разван Замфир
@RazvanZamfir - имя всплывающего окна. Сокращение my window- mywin. Вы можете добавить любое имя.
— Кингшук Деб,
Привет, это не работает, когда я добавляю свой собственный сайт. Но все равно работает с твоим. По какой-то причине? Я все перепробовал .. Большое спасибо
— Jessicascn
Спасибо. Это было намного проще и проще, чем официальные документы MS. Второй вариант ссылки без всплывающего окна был именно тем, что я искал.
— OXiGEN
4

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

— Райан Фрэнсис
источник
4

LinkedIn обновил свой api, и URL-адрес для совместного использования больше не работает. Теперь вы можете использовать только urlпараметр запроса. Любой другой параметр будет удален из URL-адреса LinkedIn.

Теперь вы вынуждены использовать oAuth и взаимодействовать с linkedin API, чтобы делиться контентом от имени пользователя.

— lcjury
источник
О чем ты говоришь? API статей для публикации по-прежнему работает. Не могли бы вы поделиться ссылкой с актуальной информацией о амортизации?
— Михал
1
@michal Вы больше не можете найти официальную документацию по https://www.linkedin.com/shareArticleили https://www.linkedin.com/sharing/share-offsite/методам. В официальной документации говорится только об использовании oAuth, о котором упоминал @lcjury. Если вы найдете что-то другое, дайте нам знать. Таким образом, хотя они все еще работают, это единственный атрибут url, который они принимают, и кто знает, как долго они будут продолжать работать.
— Брокенштейн
2

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

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

Вы можете использовать эту ссылку, заменив ее своим контентом. Работает на 100%.

— Абайбай Де Абайкиус
источник
1

Вы можете настроить стандартную кнопку Linkedin после загрузки страницы следующим образом:

$(".IN-widget span:first-of-type").css({
                'border': '2px solid #DCDCDC',
                '-webkit-border-radius': '3px',
                '-moz-border-radius': '3px',
                'border-radius': '3px'
                });
— Влад
источник
Используя наш сайт, вы подтверждаете, что прочитали и поняли нашу Политику в отношении файлов cookie и Политику конфиденциальности.
Licensed under cc by-sa 3.0 with attribution required.