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ées | Spécifie sur quelle plateforme sociale le contenu sera partagé |
| Data-URL | Spécifie l'URL (peut être raccourcie) que vous souhaitez partager |
| données-Short-URL | Spécifie une URL raccourcie qui peut être utilisée conjointement avec l'URL de données |
| Data-title | Indique le titre que vous souhaitez partager (le sujet de l'e-mail dans certains canaux de messagerie). |
| Data-image | Spécifie le lien vers l'image que vous souhaitez afficher dans le contenu partagé |
| données-Description | Spécifie le texte/la description de synthèse que vous souhaitez partager |
| Data-nom d'utilisateur | Spécifie votre nom d'utilisateur Twitter |
| données-message | Spécifie la copie corporelle des actions de messagerie |
| data-email-subject | Spé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 peut toujours utiliser 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.
- Le nombre de partages peut ne pas être enregistré car l'URL partagée est différente de l'URL dans laquelle se trouvent les boutons.
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.
- Toute propriété JavaScript spécifiée dynamiquement (c'est-à-dire la plus haute priorité).
- Propriétés spécifiées dans les balises (c'est-à-dire deuxième priorité)
- Balises du protocole Open Graph (c'est-à-dire la priorité la plus faible)