So erstellen Sie eine benutzerdefinierte LinkedIn-Freigabeschaltfläche

80

Ich muss in der Lage sein, meiner benutzerdefinierten Schaltfläche Freigabefunktionen hinzuzufügen. Ich bin nicht an ihrem Generator interessiert , da ich dort das LinkedIn-Bild nicht ändern kann. Ich möchte mein eigenes Bild für die LinkedIn-Freigabeschaltfläche verwenden.

api  share  linkedin 
— Karol
quelle
1
Sie möchten nicht, dass Sie eine benutzerdefinierte Schaltfläche erstellen. In der Tat verbieten ihre Nutzungsbedingungen dies wahrscheinlich, weil sie möchten, dass ihre Schaltflächen wie ihre Schaltflächen aussehen.
— msw
Aber gibt es keine Methode wie bei Twitter, die Sie nur über den Link teilen können? Und dann wird der Benutzer zu der Seite weitergeleitet, auf der er nur bestätigen muss ...
— Karol
Wie wäre es mit einer benutzerdefinierten LinkedIn-Anmeldeschaltfläche?
— DevDave
Bitte beachten Sie, dass URL-basierte Methoden nicht funktionieren, wenn Ihre Website für LinkedIn nicht zugänglich ist. Dies schließt ein, wenn es sich hinter einer BasicAuth-Wand befindet
— Matt Fletcher,

Antworten:

143

Offizielle LinkedIn API zum Teilen:

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

Nutzungsbedingungen lesen!

Beispiellink mit der Methode "Benutzerdefinierte 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

Sie müssen es nur mit JavaScript im Popup öffnen oder in laden iframe. Einfach und funktioniert - das habe ich gesucht!

BEARBEITEN: Video an einen Beitrag angehängt:

Ich habe überprüft, dass Sie kein Video wirklich in den LinkedIn-Beitrag einbetten können. Die einzige Möglichkeit besteht darin, den Link zur Seite mit dem Video selbst hinzuzufügen.

Sie können dies erreichen, indem Sie den YT-Link in urlparam einfügen:

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

Wenn Sie angeben , summaryund titledann wird LinkedIn stoppen sie aus dem Video ziehen, zB:

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

Es funktioniert genauso mit Vimeo und wird wahrscheinlich für jede Website funktionieren. Hoffe es wird helfen.

EDIT 2: Bilder in den Beitrag ziehen:

Wenn Sie die obigen Links öffnen, sehen Sie, dass LinkedIn einige Bilder zusammen mit der übergebenen URL (und optional Titel und Zusammenfassung) lädt.

LinkedIn macht das automatisch und Sie können es hier lesen: https://developer.linkedin.com/docs/share-on-linkedin#opengraph

Es ist jedoch interessant, wie es heißt:

Wenn Open Graph-Tags vorhanden sind, muss sich der Crawler von LinkedIn nicht auf seine eigene Analyse verlassen, um festzustellen, welche Inhalte freigegeben werden. Dies erhöht die Wahrscheinlichkeit, dass die freigegebenen Informationen genau Ihren Vorstellungen entsprechen.

Es sagt mir, dass LinkedIn diese Daten basierend auf seiner eigenen Analyse abrufen kann, auch wenn keine Open Graph-Informationen angehängt sind. Und im Fall von YouTube scheint dies der Fall zu sein, da ich keine Open Graph-Tags finden konnte, die zu YouTube-Seiten hinzugefügt wurden.

— Karol
quelle
3
Gibt es eine Möglichkeit, den Textbereich mit Text zu versehen? Ich habe eine Reihe verschiedener Parameter ausprobiert und konnte nichts zum Laufen bringen.
— Raphael
2
Nicht wirklich @raphaelcm - in der neuen API können Sie zusammenfassenden Text hinzufügen, dieser wird jedoch nicht im Textbereich angezeigt.
— Karol
1
Der Beispiellink sollte im Popup-Fenster geöffnet werden - auf diese Weise schließen Sie nach dem Teilen das Popup und bleiben auf der Website, z. B. stackoverflow.com/a/14352248/571230
— Karol
3
Die Dokumente werden jetzt mit der neuen API aktualisiert: docs.microsoft.com/en-us/linkedin/consumer/integrations/…
— Himanshu Aggarwal
5
Die /shareArticleURL funktioniert nicht mehr wie früher. Es leitet zu weiter https://www.linkedin.com/sharing/share-offsite/?url=...und verliert die anderen Argumente.
— Phil Gyford
52

Sie können Ihre eigene Freigabeschaltfläche mithilfe der LinkedIn ShareArticle-URL erstellen, die folgende Parameter haben kann:

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

Die Dokumentation finden Sie hier . Wählen Sie einfach "Benutzerdefinierte URL", um die Details anzuzeigen.

— Tamer Shlash
quelle
2
Kannst du mir vorschlagen, wo ich das Bild hinzufügen kann?
— Cracker
@cracker Laut Dokumentation gibt es keine Option für ein benutzerdefiniertes Image.
— Tamer Shlash
3
Die LinkedIn ShareArticle-URL funktioniert derzeit nicht. Sie können es teilen, aber es wurde nicht im Newsfeed
— angezeigt
1
Wie füge ich ein Bild in den obigen Freigabelink ein?
— Jitendra Pancholi
Die Dokumente werden jetzt mit der neuen API aktualisiert: docs.microsoft.com/en-us/linkedin/consumer/integrations/…
— Himanshu Aggarwal
24

Juli 2020 - Social Sharing mit LinkedIn

Viele der Antworten hier waren bis vor kurzem gültig. Vorerst die NUR unterstützt param urlund die neue Aktie Link ist wie folgt ...

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

Quelle: Offizielle Microsoft.com Linkedin Share Plugin-Dokumentation . Alle LinkedIn.com-Links für Entwicklerdokumentationen scheinen jetzt leere Seiten zu sein - möglicherweise im Zusammenhang mit der Übernahme von LinkedIn durch Microsoft.

Es war einmal, könnten Sie diese params verwenden: title, summary, source. Wenn Sie sich jedoch die gesamte Dokumentation genau ansehen , gibt es tatsächlich immer noch eine Möglichkeit, Zusammenfassung, Titel usw. festzulegen! Fügen Sie diese in den <head>Block der Seite ein, die Sie teilen möchten ...

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

Dann wird LinkedIn diese nutzen! Quelle: LinkedIn Developer Docs: Machen Sie Ihre Website auf LinkedIn gemeinsam nutzbar .

Nicht sicher, ob du alles richtig gemacht hast? Nehmen Sie die URL der Seite, die Sie freigeben (z. B. example.com, nicht linkedin.com/share?url=example.com), und geben Sie diese URL in Folgendes ein: LinkedIn Post Inspector . Hier erfahren Sie alles darüber, wie Ihre URL geteilt wird!

Immernoch nicht sicher? Hier ist eine Online-Demo, die ich mit über 20 Social-Share-Diensten erstellt habe. Überprüfen Sie den Quellcode und finden Sie selbst heraus, wie genau die LinkedIn-Freigabe funktioniert.

Ich habe ein Github-Repo gepflegt, das seit 2012 URL-Formate für soziale Freigaben verfolgt. Schauen Sie sich das an: Github: URLs für soziale Freigaben .

Warum nicht an allen Social-Share-URLs teilnehmen?

Social Share URLs

— HoldOffHunger
quelle
@ HoldOffHunger- Ich versuche einen LinkedIn-Beitrag zu erstellen und bin dabei erfolgreich. Wenn ich den Sharing-Post-Prozess starte, sieht die URL folgendermaßen aus: linkedin.com/sharing/share-offsite/?url=https://… des Datensatzes '. Wenn ich jedoch auf den Beitrag klicke (nachdem ich ihn veröffentlicht habe), gehe ich nur zu somedomain.cs73.force.com/s/stories?c__story und lasse die ID des Datensatzes weg . Die URL nimmt nicht den genauen Datensatz an. Können Sie bitte helfen, wie Sie ID hinzufügen
— Rohit
Hallo Rohit: Diese URLs sind unterschiedlich, sie enden in verschiedenen GET-Parametern. Wenn Sie eine URL in LinkedIn freigeben möchten, muss dies die URL sein, die Sie freigeben möchten.
— HoldOffHunger
9

Ab April 2017 ist dies die aktuelle URL, die für die Freigabe verwendet wird:

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

— Kittu
quelle
Ja, es ist schon eine Weile so, es ist im Bearbeitungsbereich der akzeptierten Antwort
— Karol
2
Dies funktioniert nicht mehr wie früher. Es leitet zu weiter https://www.linkedin.com/sharing/share-offsite/?url=...und verliert die anderen Argumente.
— Phil Gyford
@PhilGyford hast du einen Weg gefunden, um Zusammenfassung und Titel zu veröffentlichen?
— Mukus
@ Mukus Nein, am Ende habe ich nur die URL übergeben und mich auf LinkedIn verlassen, um den Titel von der Seite selbst zu übernehmen.
— Phil Gyford
@ Mukus Ich verwende Wordpress und es sieht so aus, als ob der Titel aus example.co.uk/example_post/feed stammt . Ich bin keineswegs ein Zauberer, aber ich versuche einen Weg zu finden, um die Datei "/ feed /" zu bearbeiten / ändern / überschreiben. Irgendwelche Ideen?
— Phil
7

Die API wird jetzt aktualisiert und die vorherige API wird am 1. März 2019 nicht mehr unterstützt.

Um eine benutzerdefinierte Freigabeschaltfläche für LinkedIn zu erstellen, müssen Sie jetzt POST-Anrufe tätigen. Sie können die aktualisierte Dokumentation lesen hier für so tun.

— Himanshu Aggarwal
quelle
1
Wovon redest du? Die Artikel-API zum Teilen funktioniert immer noch. Können Sie bitte einen Link mit den tatsächlichen Abschreibungsinformationen teilen?
— Michal
Von developer.linkedin.com/plugins werden Sie zur neuen API weitergeleitet.
— Himanshu Aggarwal
7

Es ist am besten, den URL- Ansatz anzupassen . Und es ist das einfachste. Fand diesen. Es wird ein Popup-Fenster geöffnet und Sie benötigen keine und keine bs-Authentifizierungsprobleme 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>
Erweitern Sie das Snippet

Ändern urlSie einfach die mit Ihrer eigenen URL. Hier ist der Link http://chillyfacts.com/create-linkedin-share-button-on-website-webpages/

— Kingshuk Deb
quelle
Was ist die Rolle von mywin? Ich sehe es nur an einem Ort.
— Razvan Zamfir
@RazvanZamfir das ist der Name des Popup-Fensters. Abkürzung für my windowist mywin. Sie können einen beliebigen Namen hinzufügen.
— Kingshuk Deb
Hallo, das funktioniert nicht, wenn ich meine eigene Website hinzufüge. Funktioniert aber immer noch mit deinem. Irgendein Grund dafür? Ich habe alles versucht .. Vielen Dank
— Jessicascn
Vielen Dank. Dies war weitaus hilfreicher und unkomplizierter als die offiziellen MS-Dokumente. Die zweite Option zum Verknüpfen ohne Popup war genau das, wonach ich gesucht habe.
— OXiGEN
4

LinkedIn hat seine API aktualisiert und die Freigabe-URL funktioniert nicht mehr. Jetzt können Sie nur den urlAbfrageparameter verwenden. Alle anderen Parameter werden von LinkedIn aus der URL entfernt.

Jetzt müssen Sie oAuth verwenden und mit der Linkedin-API interagieren , um Inhalte für einen Benutzer freizugeben .

— lcjury
quelle
Wovon redest du? Die Artikel-API zum Teilen funktioniert immer noch. Können Sie bitte einen Link mit den tatsächlichen Abschreibungsinformationen teilen?
— Michal
1
@michal Sie können keine offiziellen Dokumentationen https://www.linkedin.com/shareArticleoder https://www.linkedin.com/sharing/share-offsite/Methoden mehr finden . In der offiziellen Dokumentation wird nur über die Verwendung von oAuth gesprochen, wie @lcjury erwähnt. Wenn Sie etwas anderes finden, lassen Sie es uns wissen. Während sie noch arbeiten, ist es nur das URL-Attribut, das sie akzeptieren und wer weiß, wie lange sie weiterarbeiten werden.
— Brockenstein
2

Das funktioniert bei mir: 

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

Sie können diesen Link verwenden, indem Sie ihn durch Ihren Inhalt ersetzen. Es funktioniert zu 100%.

— Abaybay De Abaycious
quelle
1

Sie können die Standard-Linkedin-Schaltfläche nach dem Laden der Seite folgendermaßen anpassen:

$(".IN-widget span:first-of-type").css({
                'border': '2px solid #DCDCDC',
                '-webkit-border-radius': '3px',
                '-moz-border-radius': '3px',
                'border-radius': '3px'
                });
— Vlad
quelle
Durch die Nutzung unserer Website bestätigen Sie, dass Sie unsere Cookie-Richtlinie und Datenschutzrichtlinie gelesen und verstanden haben.
Licensed under cc by-sa 3.0 with attribution required.