Comment personnaliser Boutons de partage en ligne (image, URL, et plus)

Vous cherchez à personnaliser le titre, la description, l'image ou l'URL qui s'affiche lorsqu'un utilisateur partage du contenu sur votre site Web ? Vous êtes au bon endroit ! (Si vous voulez apprendre à personnaliser votre Boutons de partage flottant, rendez-vous sur le site suivant Ici)

Souvent, le Protocole ouvert de graphe alimenteront ces informations avec le contenu de votre page, mais vous pouvez l'adapter pour la rendre plus pertinente si elle n'extrait pas les informations que vous souhaitez. Par exemple, si un utilisateur partage votre page d'accueil, vous pouvez ajouter une image de votre produit ou fournir une description plus convaincante. 

Properties in <div> tags

You can specify the URL, title, image, and description that’s shared by <strong>adding</strong> the following tags in the tool placement code <strong><div class=”sharethis-inline-share-buttons”></div> </strong>wherever you want the ShareThis tool to appear. 

réseau de donnéesSpécifie sur quelle plateforme sociale le contenu sera partagé
Data-URLSpécifie l'URL (peut être raccourcie) que vous souhaitez partager
données-Short-URLSpécifie une URL raccourcie qui peut être utilisée conjointement avec l'URL de données
Data-titleIndique le titre que vous souhaitez partager (le sujet de l'e-mail dans certains canaux de messagerie).
Data-imageSpécifie le lien vers l'image que vous souhaitez afficher dans le contenu partagé
données-DescriptionSpécifie le texte/la description de synthèse que vous souhaitez partager
Data-nom d'utilisateurSpécifie votre nom d'utilisateur Twitter
données-messageSpécifie la copie corporelle des actions de messagerie
data-email-subjectSpécifie le sujet de l'email

Exemple : Ce bouton permet de partager la page d'accueil ShareThis avec le titre "Sharing is great !

 

Notes

  • Cette personnalisation n'est pas disponible pour tous les sites réseaux sociaux.
  • L'attribut data-url vous aidera à définir une URL spécifique (malgré la page que les utilisateurs partagent) ou à ajouter un lien suivi.

Ordre de préséance

Il est important de se souvenir de l'ordre de préséance selon lequel les processus de ShareThiscode partagent des propriétés. En général, nous recommandons d'utiliser une approche par laquelle les propriétés de partage sont spécifiées sur vos pages pour éviter les erreurs.

  1. Toute propriété JavaScript spécifiée dynamiquement (c'est-à-dire la plus haute priorité).
  2. Propriétés spécifiées dans les balises (c'est-à-dire deuxième priorité)
  3. Balises du protocole Open Graph (c'est-à-dire la priorité la plus faible)