Comment personnaliser Boutons de partage flottant (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 en ligne, rendez-vous à l'adresse suivante 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. 

Due to the way Sticky Share Buttons are designed (i.e. they don’t need a placement code) you will need to manually add the following code inside the <body> of your site, preferably before the closing of the </body> tag (our script will deal with moving the div where it needs to go):

<strong>Properties in <div> tags</strong>

Depending on whether you want to simply set a universal URL or shortened URL, add the following tags in the tool placement code <strong><div class=”sharethis-sticky-share-buttons”></div></strong>. 

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. Par exemple, Facebook utilisera toujours les métabalises og : pour l'URL au lieu de ces valeurs.
  • 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)