web-dev-qa-db-fra.com

Comment créer un bouton de partage linkedin personnalisé

Je dois pouvoir ajouter une fonctionnalité de partage à la partie personnalisée. Je ne suis pas intéressé par leur générateur , car je ne peux pas changer l’image linkedin ici Je veux utiliser ma propre image pour le bouton de partage linkedin.

apisharelinkedin
57
Karol

API LinkedIn officielle pour le partage:

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

Lisez les conditions d'utilisation!

Exemple de lien utilisant la méthode "URL personnalisée": http://www.linkedin.com/shareArticle?mini=true&url=https://stackoverflow.com/questions/10713542/how-to-make-custom-linkedin-share -button/10737122 & title = Comment% 20à% 20make% 20custom% 20linkedin% 20share% 20button & summary = du% 20summary% 20if% 20you% 20want & source = stackoverflow.com

Vous avez juste besoin de l'ouvrir en popup en utilisant JavaScript ou de le charger dans iframe. Simple et fonctionne - c'est ce que je cherchais!

EDIT: Vidéo jointe à un message:

J'ai vérifié que vous ne pouvez pas vraiment intégrer de vidéo à LinkedIn, la seule option est d'ajouter le lien vers la page avec la vidéo elle-même.

Vous pouvez y parvenir en mettant le lien YT dans le paramètre url:

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

Si vous spécifiez summary et title, alors LinkedIn cessera de le extraire de la vidéo, par exemple:

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

Cela fonctionne exactement de la même façon avec Vimeo et fonctionnera probablement pour n’importe quel site Web. J'espère que ça va aider.

EDIT 2: Tirer des images à la poste:

Lorsque vous ouvrez les liens ci-dessus, vous verrez que LinkedIn charge certaines images avec l'URL transmise (et éventuellement le titre et le résumé).

LinkedIn le fait automatiquement, et vous pouvez en savoir plus ici: https://developer.linkedin.com/docs/share-on-linked##fengraph

C'est intéressant comme il est dit:

Si des tags Open Graph sont présents, le robot d'exploration de LinkedIn n'aura pas à compter sur sa propre analyse pour déterminer quel contenu sera partagé, ce qui améliore la probabilité que les informations partagées soient exactement ce que vous vouliez.

Cela me dit que même si aucune information Open Graph n’est jointe, LinkedIn peut extraire ces données en fonction de sa propre analyse. Et dans le cas de YouTube, cela semble être le cas, car je ne pouvais trouver aucun tag Open Graph ajouté aux pages YouTube.

109
Karol

Vous pouvez créer votre propre bouton de partage à l'aide de l'URL LinkedIn ShareArticle, qui peut avoir des paramètres:

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

Vous pouvez trouver la documentation ici , il suffit de choisir "URL personnalisée" pour voir les détails.

44
Tamer Shlash

LinkedIn a récemment révisé son site, il existe donc une tonne d'anciens liens redirigeant simplement vers la page d'accueil du support pour développeurs. Voici un lien mis à jour vers la page correspondante du site d'assistance de LinkedIn (à compter du 16 février 2015): https://developer.linkedin.com/docs/share-on-linkedin

3
Ryan Francis

Il est préférable d’utiliser l’approche personnaliser l’URL. Et c'est le plus facile. Trouvé celui-ci. Cela ouvrira une fenêtre popup et vous n’aurez plus besoin de problèmes d’authentification bs à cause de w_share et de tous. 

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

Il suffit de changer la url avec votre propre URL. Voici le lien http://chillyfacts.com/create-linkedin-share-button-on-website-webpages/

1
Kingshuk Deb

Cela fonctionne pour moi: 

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

Vous pouvez utiliser ce lien en le remplaçant par votre contenu. Cela fonctionne à 100%.

1
Abaybay De Abaycious

Vous pouvez personnaliser le bouton Linkedin standard comme ceci après le chargement de la page:

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

L'API est mise à jour maintenant et l'ancienne API sera obsolète le 1er mars 2019.

Pour créer un bouton de partage personnalisé pour LinkedIn, vous devez effectuer des appels POST maintenant. Vous pouvez lire la documentation mise à jour ici pour le faire.

0
Himanshu Aggarwal