it-swarm.com.de

Wie erstellt man einen benutzerdefinierten LinkedIn Share-Button?

Ich muss in der Lage sein, Freigabefunktionalität zu benutzerdefinierten Schaltflächen hinzuzufügen. Ich interessiere mich nicht für ihren Generator , da ich das LinkedIn Image dort nicht ändern kann. Ich möchte mein eigenes Bild für den LinkedIn Share-Button verwenden.

57
Karol

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=https://stackoverflow.com/questions/10713542/how-to-make-custom-linkedin-share -button/10737122 & title = Wie% 20to% 20m% 20custom% 20linkedin% 20share% 20button & summary = einige% 20summary% 20if% 20you% 20want & source = stackoverflow.com

Sie müssen es lediglich mit JavaScript in einem Popup öffnen oder in den iframe laden. Einfach und funktioniert - danach habe ich gesucht!

BEARBEITEN: Video an einen Beitrag angehängt:

Ich habe überprüft, dass Sie kein Video wirklich in LinkedIn-Posts einbetten können. Die einzige Option ist, den Link zu der Seite mit Video selbst hinzuzufügen.

Sie können dies erreichen, indem Sie den Link YT in url param setzen:

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

Wenn Sie summary und title angeben, wird LinkedIn es nicht mehr aus dem Video ziehen, z.

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

Es funktioniert genauso wie Vimeo und wird wahrscheinlich für jede Website funktionieren. Ich hoffe es wird helfen.

BEARBEITEN 2: Bilder zum Beitrag ziehen:

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

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

Es ist interessant, wie es heißt:

Wenn Open Graph-Tags vorhanden sind, muss der Crawler von LinkedIn nicht verlassen Sie sich auf seine eigene Analyse, um zu bestimmen, welche Inhalte freigegeben werden. Dies erhöht die Wahrscheinlichkeit, dass die gemeinsam genutzten Informationen .__ sind. genau das, was Sie vorhatten.

Es sagt mir, dass LinkedIn diese Informationen auch dann abrufen kann, wenn Open Graph-Informationen nicht angehängt sind. Bei YouTube scheint dies der Fall zu sein, da ich keine Open Graph-Tags auf YouTube-Seiten finden konnte.

109
Karol

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

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

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

44
Tamer Shlash
6
Satyadev

LinkedIn hat seine Website kürzlich überarbeitet, so dass eine Unmenge alter Links auf die Homepage des Entwickler-Supports umgeleitet wird. Hier ist ein aktualisierter Link zu der entsprechenden Seite auf der Support-Site von LinkedIn (Stand vom 16. Februar 2015): https://developer.linkedin.com/docs/share-on-linkedin

3
Ryan Francis

Es ist am besten, den Ansatz anpassen URL zu verwenden. Und das ist am einfachsten. Fand das hier. Es öffnet sich ein Popup-Fenster und Sie benötigen keine bs-Authentifizierungsprobleme wegen w_share und allem. 

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

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

1
Kingshuk Deb

Das funktioniert für mich: 

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

Sie können den Standard-Linkedin-Button 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'
                });
0
Vlad

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

Um eine benutzerdefinierte Share-Schaltfläche für LinkedIn zu erstellen, müssen Sie jetzt POST aufrufen. Sie können die aktualisierte Dokumentation hier dazu lesen.

0