Boutons de partage sur les Reseaux Sociaux

Par Matho13, il y a 4 ans

Les bases HTML/CSS

Salut tout le monde !
Je sais que ça fait un bon moment que je ne me connecte plus sur ce site mais j'espère y trouver une aide parce que la passion que j'ai envers le web c'est grace à Grafikart.

Ce que je veux, c'est arriver à inserer les boutons de partage des resaux sociaux sur mon site

Après quelques recherches sur le net, je suis tombé sur les plateform Sharethis et addtoany qui fonctionnement correctement jusque là. Mais mon grand problème se trouve au niveau du partage: je veux à ce que le message partagé soit accompagné d'une image comme ça se passe dans la plupart des sites.
Avec mes deux plateforms, je suis en train de partage le lien seulement sans image et pourtant ça serait mieux que le lien soit accompagné de l'image .

Sur ce, je me tourne vers vous tout en espérant trouver un guide sur les plateforms cités ci-haut, parce que ça peut arriver qu'il y a quelque chose qui est en train de m'échapper jusqu'à présent ou me proposer une autre plateform. Dans les deux cas; je vous serai reconnaissant.

Merci pour votre attention

4 réponses

popotte, il y a 4 ans

Tu es sur un projet html/css ou sur un framework?
Sinon le mieux niveau guide c'est de lire la doc officielle de chaque réseau (par exemple pour facebook tu cherches sur google "doc api facebook", vu que tu recherches une doc api google va te donner la doc des outils de dev)

sinon pour l'image, alors il y'a des nuances selon le réseau social, mais par exemple sur fb et insta il faut ajouter une balise meta "og:image", un peu come ça:
https://developers.facebook.com/docs/sharing/webmasters#exemple-de-balisage

Pour Facebook il faut aussi prendre une licence pour obtenir une clé API à rajouter dans le site

Matho13, il y a 4 ans

Merci pour cette observation
Et je vous promets d'aller voir de ce coté. Mais une petite inquietude, cela ne va pas alourdir le chargement de la page ? Si par exemple j'inclus 5 reseaux SOCIAUX sur mom site cela implique 5 API derriere lesquels il y aura certainement des codes à charger.

Mon site est PHP et suis désolé si j'ai posté dans la partie HTML & CSS

popotte, il y a 4 ans

pas de soucis pour le tag, même si tu avais mis PHP j'aurais demandé si tu utilisais un framework x)

Alors pour tes API, comme son nom l'indique, ce son des API, donc rien qui va alourdir la page, tu va seulement inclure une URL, et dans cette URL y'aura des paramètres ajoutés dynamiquement, genre https://api.facebook.com?api_key=blabla&name=blabla&password=blabla&title=blabla ...
Pour tes 5réseaux tu auras ça, simplement une url
Tu devra surement mettre ces url dans une methode PHP et faire une requete post vers ces url, le mieux c'est je faire de l'ajax en js

Et après tout le code pour traiter les infos, c'est dans les sites des reseaux sociaux, bref tu n'as pas à t'en occuper, chaque site va récupérer la requete et agir en conséquence :p

Matho13, il y a 4 ans

AddToAnny

Merci pour les différentes interventions ; mais du coût je viens de trouver une solution à mon problème

<meta property="og:title" content="Example Page"> <meta property="og:image" content="https://example.com/images/image.jpg"> <meta property="og:description" content="This is just an example page."> <meta property="og:url" content="https://example.com/page.html"> <meta name="twitter:card" content="summary_large_image">