Как сделать пользовательскую кнопку «Поделиться»

Question

Как сделать пользовательскую кнопку «Поделиться»

57

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

Karol 23 май 2012, в 04:13

Источник

1

Они не хотят, чтобы вы сделали пользовательскую кнопку. Действительно, их Условия обслуживания, вероятно, запрещают это, потому что они хотят, чтобы их кнопки выглядели как их кнопки.
msw 23 май 2012, в 04:44
0

Но разве нет способа, подобного Twitter, которым вы можете поделиться, используя только ссылку? И тогда пользователь перенаправляется на страницу, где ему нужно только подтвердить ...
Karol 23 май 2012, в 08:07
0

как насчет пользовательской кнопки входа в LinkedIn?
DevDave 13 май 2013, в 13:32

Показать ещё 1 комментарий

Теги:

share

api

7 ответов

41

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

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

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

Tamer Shlash 18 нояб. 2012, в 11:28

0

если вы можете предложить мне, где я могу добавить изображение?
cracker 27 нояб. 2014, в 08:32
0

@cracker в соответствии с документацией, нет опции для пользовательского изображения.
Tamer Shlash 27 нояб. 2014, в 19:28
2

битая ссылка сейчас
weaveoftheride 13 май 2016, в 15:50
2

URL LinkedIn ShareArticle не работает на данный момент. Вы можете поделиться этим, но это не показывалось в новостной ленте
jhedm 28 фев. 2017, в 02:48
0

Как включить изображение в ссылку выше?
Jitendra Pancholi 24 окт. 2018, в 07:40
0

Документы теперь обновляются с помощью нового API: docs.microsoft.com/en-us/linkedin/consumer/integrations/…
Himanshu Aggarwal 18 фев. 2019, в 15:30

Показать ещё 4 комментария

6

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

https://www.linkedin.com/shareArticle?mini=true&url=http://developer.linkedin.com&title=LinkedIn %20Developer %20Network & Амп; резюме = My %20favorite %20developer %20program & источник = LinkedIn

Satyadev 15 апр. 2017, в 16:09

0

Да, это было так уже давно, это в разделе редактирования принятого ответа
Karol 17 апр. 2017, в 10:53

2

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

Ryan Francis 16 фев. 2015, в 23:14

1

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

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

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

Abaybay De Abaycious 22 март 2018, в 13:49

0

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

Kingshuk Deb 14 дек. 2018, в 15:27

0

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

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

Vlad 01 июнь 2013, в 01:45

Ещё вопросы

Они не хотят, чтобы вы сделали пользовательскую кнопку. Действительно, их Условия обслуживания, вероятно, запрещают это, потому что они хотят, чтобы их кнопки выглядели как их кнопки.
Но разве нет способа, подобного Twitter, которым вы можете поделиться, используя только ссылку? И тогда пользователь перенаправляется на страницу, где ему нужно только подтвердить ...
как насчет пользовательской кнопки входа в LinkedIn?
если вы можете предложить мне, где я могу добавить изображение?
@cracker в соответствии с документацией, нет опции для пользовательского изображения.
URL LinkedIn ShareArticle не работает на данный момент. Вы можете поделиться этим, но это не показывалось в новостной ленте
Как включить изображение в ссылку выше?
Документы теперь обновляются с помощью нового API: docs.microsoft.com/en-us/linkedin/consumer/integrations/…
Да, это было так уже давно, это в разделе редактирования принятого ответа

Karol · Accepted Answer · 2012-05-24T12-22-00.000Z

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

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

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

Пример ссылки с использованием метода "Пользовательский URL": https://stackoverflow.com/questions/10713542/how-to-make-custom-linkedin-share-button

Вам просто нужно открыть его во всплывающем окне с помощью 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.

Есть ли способ заполнить текстовую область текстом? Я пробовал кучу разных параметров, не мог заставить что-либо работать.
Не совсем @raphaelcm - в новом API вы можете добавить сводный текст, но он не будет отображаться в textarea.
Спасибо @Carlos за этот ответ. Это мне очень помогло. Можно ли вставить видео в общий пост в linkedin? Я пытался установить метатег og: video. Но, похоже, он не работает? ты можешь помочь мне с этим?
Вы можете установить только то, что есть в официальной документации. Я проверил это для вас и отредактировал мой ответ. Единственный вариант - разместить прямую ссылку на сайт, содержащий ваше видео.
Это открывается на новой странице. Вернется ли к предыдущей странице после публикации? Если нет, есть ли способ автоматизировать это?
Ссылка на пример должна быть открыта во всплывающем окне - таким образом, после публикации вы закрываете всплывающее окно и остаетесь на сайте, например stackoverflow.com/a/14352248/571230
Я заметил, что этот метод не обязательно уважает og:image , в то время как простое удаление URL в новом посте LinkedIn делает. Кто-нибудь знает, почему это будет?
@ACJ только что заметил, что мои ссылки устарели и указал на клип на YouTube, который не существует. Я отредактировал их, и я вижу, что изображения вытягиваются
@ACJ немного прочитал и отредактировал мой ответ, чтобы немного рассказать об этих тегах og.
Спасибо @Karol, но мы уже все это сделали. Когда я вставляю URL с нашего веб-сайта в новую запись LinkedIn, он всегда получает соответствующее изображение из наших тегов OpenGraph, но когда я нажимаю кнопку общего доступа LinkedIn на нашем веб-сайте, он никогда не получает изображение (или любое другое). У меня сложилось впечатление, что это на самом деле ошибка LinkedIn.
Согласен, должно быть ошибка. Хотите знать, если есть способ сообщить об этом ... Надеюсь, вы решите это!
Документы теперь обновляются с помощью нового API: docs.microsoft.com/en-us/linkedin/consumer/integrations/…