Jak utworzyć niestandardowy przycisk udostępniania LinkedIn

82

Muszę mieć możliwość dodania funkcji udostępniania do mojego przycisku niestandardowego. Nie jestem zainteresowany ich generatorem , ponieważ nie mogę tam zmienić zdjęcia na LinkedIn. Chcę użyć własnego obrazu jako przycisku udostępniania LinkedIn.

api share linkedin Karol
źródło
1
Nie chcą, abyś tworzył niestandardowy przycisk. Rzeczywiście, ich Warunki korzystania z usługi prawdopodobnie tego zabraniają, ponieważ chcą, aby ich przyciski wyglądały jak ich przyciski.
msw
Ale czy nie ma metody, jak w przypadku Twittera, którą można udostępniać za pomocą tylko linku? A potem użytkownik zostaje przekierowany na stronę, na której musi tylko potwierdzić ...
Karol
co powiesz na niestandardowy przycisk logowania na LinkedIn?
DevDave
Pamiętaj, że jeśli Twoja witryna nie jest dostępna dla LinkedIn, żadne metody oparte na adresach URL nie będą działać. Obejmuje to, jeśli znajduje się za ścianą BasicAuth
Matt Fletcher

Odpowiedzi:

145

Oficjalny interfejs API LinkedIn do udostępniania:

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

Przeczytaj Warunki użytkowania!

Przykładowy link wykorzystujący metodę „Customized 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

Wystarczy otworzyć go w wyskakującym okienku za pomocą JavaScript lub załadować do iframe. Prosty i działa - tego szukałem!

EDYCJA: Film dołączony do posta:

Sprawdziłem, że tak naprawdę nie możesz osadzić żadnego wideo w poście na LinkedIn, jedyną opcją jest dodanie linku do strony z samym wideo.

Możesz to osiągnąć, umieszczając link YT w urlparametrze:

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

Jeśli określisz, summarya titlenastępnie LinkedIn przestanie wyciągać go z wideo, np .:

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

Działa dokładnie tak samo z Vimeo i prawdopodobnie będzie działać na każdej stronie internetowej. Mam nadzieję, że to pomoże.

EDYCJA 2: Pobieranie obrazów do posta:

Po otwarciu powyższych linków zobaczysz, że LinkedIn ładuje niektóre obrazy wraz z podanym adresem URL (i opcjonalnie tytułem i podsumowaniem).

LinkedIn robi to automatycznie, o czym możesz przeczytać tutaj: https://developer.linkedin.com/docs/share-on-linkedin#opengraph

Jest to jednak interesujące, ponieważ mówi:

Jeśli obecne są tagi Open Graph, robot indeksujący LinkedIn nie będzie musiał polegać na własnej analizie, aby określić, jakie treści zostaną udostępnione, co zwiększa prawdopodobieństwo, że udostępniane informacje są dokładnie takie, jakie zamierzałeś.

Mówi mi, że nawet jeśli informacje Open Graph nie są dołączone, LinkedIn może pobrać te dane na podstawie własnej analizy. A w przypadku YouTube wydaje się, że tak jest, ponieważ nie mogłem znaleźć żadnych tagów Open Graph dodanych do stron YouTube.

Karol
źródło
5
Czy istnieje sposób na zapełnienie obszaru tekstowego tekstem? Wypróbowałem kilka różnych parametrów, ale nic nie działało.
Raphael
2
Niezupełnie @raphaelcm - w nowym API możesz dodać tekst podsumowania, ale nie pojawi się on w obszarze tekstowym.
Karol
1
Przykładowy link należy otworzyć w wyskakującym okienku - w ten sposób po udostępnieniu zamknij wyskakujące okienko i pozostań na stronie, np. Stackoverflow.com/a/14352248/571230
Karol
3
Dokumenty są teraz aktualizowane z nowym interfejsem API: docs.microsoft.com/en-us/linkedin/consumer/integrations/…
Himanshu Aggarwal,
6
/shareArticleURL nie funkcjonuje jak dawniej. Przekierowuje do https://www.linkedin.com/sharing/share-offsite/?url=..., tracąc pozostałe argumenty.
Phil Gyford,
52

Możesz stworzyć własny przycisk udostępniania, korzystając z adresu URL LinkedIn ShareArticle, który może mieć następujące parametry:

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

Dokumentację można znaleźć tutaj , wystarczy wybrać opcję „Dostosowany adres URL”, aby wyświetlić szczegółowe informacje.

Tamer Shlash
źródło
2
jeśli możesz mi zasugerować, gdzie mogę dodać obraz?
cracker
@cracker zgodnie z dokumentacją, nie ma opcji na niestandardowy obraz.
Tamer Shlash
3
Adres URL LinkedIn ShareArticle nie działa w tej chwili. Możesz to udostępnić, ale nie
pojawiło się w kanale
1
jak dołączyć obraz w powyższym linku udostępniania?
Jitendra Pancholi
Dokumenty są teraz aktualizowane z nowym interfejsem API: docs.microsoft.com/en-us/linkedin/consumer/integrations/…
Himanshu Aggarwal,
25

Wiele z przedstawionych tu odpowiedzi było aktualnych do niedawna. Na razie JEDYNYM obsługiwanym parametrem jest url, a nowy link udostępniania jest następujący ...

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

Źródło: Oficjalna dokumentacja wtyczki Microsoft.com Linkedin Share . Wszystkie linki LinkedIn.com do dokumentacji programistów wydają się być teraz pustymi stronami - być może związane z przejęciem LinkedIn przez Microsoft.

Dawno, dawno temu, można użyć tych params: title, summary, source. Ale jeśli przyjrzysz się uważnie całej dokumentacji , nadal istnieje sposób, aby ustawić podsumowanie, tytuł itp.! Umieść je w <head>bloku strony, którą chcesz udostępnić ...

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

Wtedy LinkedIn ich użyje! Źródło: LinkedIn Developer Docs: Making Your Website Shareable on LinkedIn .

Nie jesteś pewien, czy wszystko zrobiłeś dobrze? Weź adres URL udostępnianej strony (np. Example.com, a nie linkedin.com/share?url=example.com) i wprowadź ten adres URL w następujący sposób: LinkedIn Post Inspector . Dzięki temu dowiesz się wszystkiego o sposobie udostępniania adresu URL! Spowoduje to również pobranie aktualnej pamięci podręcznej strony, a następnie jej odświeżenie (na wypadek, gdybyś zablokował wersję swojej strony w pamięci podręcznej w bazie danych LinkedIn). Ponieważ pobiera pamięć podręczną, czasami najlepiej jest dwukrotnie użyć Inspektora postów LinkedIn.

Nadal nie jestem pewien? Oto demo online, które stworzyłem przy użyciu ponad 20 usług udostępniania społecznościowego. Sprawdź kod źródłowy i przekonaj się, jak dokładnie działa udostępnianie na LinkedIn.

Utrzymuję repozytorium Github, które śledzi formaty adresów URL udostępniania społecznościowego od 2012 r., Sprawdź to: Github: adresy URL udostępniania społecznościowego .

Dlaczego nie dołączyć do wszystkich adresów URL udostępniania społecznościowego?

Adresy URL udziału społecznościowego

HoldOffHunger
źródło
@ HoldOffHunger - próbuję stworzyć post na LinkedIn i odnieść sukces. Kiedy zaczynam proces udostępniania-postu, adres URL wygląda następująco - linkedin.com/sharing/share-offsite/? url= https : //... rekordu '. Ale kiedy klikam post (po jego opublikowaniu), przenosi mnie tylko do somedomain.cs73.force.com/s/stories?c__story i pomijam identyfikator wpisu. Adres URL nie prowadzi do dokładnego rekordu. Czy możesz pomóc, jak dodać identyfikator
Rohit
Cześć, Rohit: Te adresy URL są różne, kończą się różnymi parametrami GET. Jeśli chcesz udostępnić adres URL w serwisie linkedin, musi to być adres URL, który chcesz udostępnić.
HoldOffHunger
9

Od kwietnia 2017 r. Jest to obecny adres URL używany do udostępniania:

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

kittu
źródło
Tak, tak jest już od jakiegoś czasu, jest w sekcji edycji zaakceptowanej odpowiedzi
Karol
3
To już nie działa tak, jak kiedyś. Przekierowuje do https://www.linkedin.com/sharing/share-offsite/?url=..., tracąc pozostałe argumenty.
Phil Gyford
@PhilGyford Czy znalazłeś sposób na opublikowanie podsumowania i tytułu?
Mukus
@Mukus Nie, skończyło się na tym, że przekazałem tylko adres URL i polegałem na LinkedIn, aby odebrać tytuł z samej strony.
Phil Gyford
@Mukus Używam Wordpress i wygląda na to, że tytuł pochodzi z example.co.uk/example_post/feed . W żadnym wypadku nie jestem mistrzem, ale próbuję znaleźć sposób na edycję / zmianę / nadpisanie pliku „/ feed /”. Jakieś pomysły?
Phil
7

Interfejs API jest teraz zaktualizowany, a poprzedni interfejs API zostanie wycofany 1 marca 2019 r.

Aby utworzyć niestandardowy przycisk Udostępnij na LinkedIn, musisz teraz wykonywać połączenia POST. Aby to zrobić, możesz przeczytać zaktualizowaną dokumentację tutaj .

Himanshu Aggarwal
źródło
1
O czym mówisz, API udostępniania artykułów nadal działa. Czy możesz udostępnić łącze z aktualnymi informacjami o amortyzacji?
Michał
Ze strony developer.linkedin.com/plugins nastąpi przekierowanie do nowego interfejsu API.
Himanshu Aggarwal
7

Najlepiej jest użyć metody dostosowywania adresu URL . I to jest najłatwiejsze. Znalazłem ten. Otworzy się wyskakujące okienko i nie potrzebujesz żadnych problemów z uwierzytelnianiem bs z tego powodu 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>
Rozwiń fragment

Po prostu zmień urlswój własny adres URL. Oto link http://chillyfacts.com/create-linkedin-share-button-on-website-webpages/

Kingshuk Deb
źródło
Jaka jest rola mywin? Widzę to tylko w jednym miejscu.
Razvan Zamfir
@RazvanZamfir to nazwa wyskakującego okienka, skrót od my windowto mywin. Możesz dodać dowolną nazwę.
Kingshuk Deb
Cześć, to nie działa, gdy dodaję własną witrynę internetową. Ale nadal działa z twoim. Jakiś powód? Próbowałem wszystkiego ...
Wielkie
Dziękuję Ci. Było to o wiele bardziej pomocne i proste niż oficjalne dokumenty MS. Druga opcja linkowania bez wyskakującego okienka była dokładnie tym, czego szukałem.
OXiGEN
4

LinkedIn niedawno zmienił swoją witrynę, więc istnieje mnóstwo starych linków przekierowujących tylko do strony głównej pomocy dla programistów. Oto zaktualizowany link do odpowiedniej strony w witrynie pomocy LinkedIn (stan na 16 lutego 2015 r.): Https://developer.linkedin.com/docs/share-on-linkedin

Ryan Francis
źródło
4

LinkedIn zaktualizował swój interfejs API i adres URL udostępniania przestał działać. Teraz możesz używać tylko urlparametru zapytania. Wszelkie inne parametry zostaną usunięte z adresu URL przez LinkedIn.

Teraz jesteś zmuszony do korzystania z protokołu OAuth i interakcji z interfejsem API linkedin w celu udostępniania treści w imieniu użytkownika.

lcjury
źródło
O czym mówisz, API udostępniania artykułów nadal działa. Czy możesz udostępnić łącze z aktualnymi informacjami o amortyzacji?
Michał
1
@michal Nie możesz już znaleźć żadnej oficjalnej dokumentacji https://www.linkedin.com/shareArticleani https://www.linkedin.com/sharing/share-offsite/metod. Oficjalna dokumentacja mówi tylko o używaniu oAuth, jak wspomniano @lcjury. Jeśli znajdziesz coś innego, daj nam znać. Więc chociaż nadal wykonują swoją pracę, jest to jedyny atrybut adresu URL, który akceptują i kto wie, jak długo będą działać.
Brockenstein
2

To działa dla mnie: 

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

Możesz użyć tego łącza, zastępując go swoją treścią. Działa w 100%.

Abaybay De Abaycious
źródło
1

Możesz dostosować standardowy przycisk Linkedin w następujący sposób po załadowaniu strony:

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