Modifiez le bouton de partage AddThis en fonction de vos besoins

AddThis est un site internet qui vous propose d’ajouter à votre site un ensemble de fonctions qui permet à vos visiteur de partager facilement votre site sur les réseaux sociaux.

Pour ajouter le code Adthis sur votre site il suffit simplement de vous rendre sur la page d’accueil du site

• de choisir le modèle de votre bouton
• de choisir si vous voulez accéder à des statistiques sur le partage
• et de valider la création du code du bouton

Notez au passage que si vous utilisez un plateforme de blog comme wordpress, blogspot, typepad, tumblr ou que vous souhaitiez insérer le bouton de partage dans un E-mail ou dans un projet flahs, il existe plus d’option d’intégration, disponible sur cette page : http://www.addthis.com/web-button-select.

Une fois validé la création du bouton, vous devriez obtenir un code ressemblant à ceci :

1. <!– AddThis Button BEGIN –>
2. <a href= »http://www.addthis.com/bookmark.php »
3. class= »addthis_button »><img
4. src= »http://s7.addthis.com/static/btn/v2/lg-share-zh.gif »
5. width= »125″ height= »16″ border= »0″ alt= »Share » /></a>
6. <script type= »text/javascript » src= »http://s7.addthis.com/js/250/addthis_widget.js#username=xa-4d6147fc5b637c3d »></script>
7. <!– AddThis Button END –>

que vous n’avez plus qu’à coller sur votre site la ou vous voulez voir apparaitre un bouton de partage.

Aller un peu plus loin

Par défaut, Addthis détecte la langue de l’utilisateur et adapte le contenu de son menu à cette langue, suposons cependant que vous souhaitiez par défaut render votre bouton de partage francophonne, il vous suffit de modifier le code de la manière suivante

1. <!– AddThis Button BEGIN –>
2. <a href= »http://www.addthis.com/bookmark.php »
3. class= »addthis_button »><img
4. src= »http://s7.addthis.com/static/btn/v2/lg-share-fr.gif »
5. width= »125″ height= »16″ border= »0″ alt= »Share » /></a>
6. <script type= »text/javascript »>
7. var addthis_config = {
8. ui_language: « fr »
9. }
10. </script>
11. <script type= »text/javascript » src= »http://s7.addthis.com/js/250/addthis_widget.js#username=xa-4d6147fc5b637c3d »></script>
12. <!– AddThis Button END –>

La liste de tous les codes de langues est ici : https://www.addthis.com/help/languages

Par defaut, sur la plus part des site de partage (facebook, twitter,…) Adtthis affichera le titre de la page, et l’url de la page de la page d’ou le bouton est utilisé. On peut cependant modifier ces infos, (si par exemple vous souhaitez ramener les utilisateurs sur la page d’accueil de votre site. On peut pour cela utiliser 3 paramètresaddthis:url (l’adresse de la page à cibler). addthis:title (le titre qu’on souhaite proposer). addthis:description (un des cription optionelle.). Imaginons que nous voulions modifier le bouton pour qu’il propose un lien vers la page d’accueil de ce blog

1. <a href= »http://www.addthis.com/bookmark.php »
2. class= »addthis_button »
3. addthis:url= »http://blog.passeurs-de-savoirs.fr/ »
4. addthis:title= »L’atelier des passeurs de savoir »
5. addthis:description= »Un blog qu’il est bien ! »>
6. <img src= »http://s7.addthis.com/static/btn/v2/lg-share-fr.gif » width= »125″ height= »16″ border= »0″ alt= »Partager » />
7. </a>
8. <script type= »text/javascript » src= »http://s7.addthis.com/js/250/addthis_widget.js#username=xa-4d6147fc5b637c3d »></script>

la doc sur cette foncion est là https://www.addthis.com/help/url-and-title

Supposons que vous souhaitiez proposer uniquement le partage sur twitter facebook ou viadeo la liste de tous les service est icihttp://www.addthis.com/services/list

1. <a href= »http://www.addthis.com/bookmark.php »
2. class= »addthis_button_facebook »></a>
3. <a href= »http://www.addthis.com/bookmark.php »
4. class= »addthis_button_twitter »></a>
5. <a href= »http://www.addthis.com/bookmark.php » class= »addthis_button_viadeo »></a>
6. <script type= »text/javascript » src= »http://s7.addthis.com/js/250/addthis_widget.js#username=xa-4d6147fc5b637c3d »></script>

supposons enfin que vous ayez un design spécifique à votre site et que vous voulliez utiliser vos propres boutons, modifier le code comme ici

1. <a href= »http://www.addthis.com/bookmark.php » class= »addthis_button_facebook »><img src= »url_du_bouton_facebbok personalisé » />
2. </a>
4. <script type= »text/javascript » src= »http://s7.addthis.com/js/250/addthis_widget.js#username=xa-4d6147fc5b637c3d »></script>

vous pouvez par exemple trouvez de très chouette boutons et icones ici : http://icones.pro/

Pour en savoir plus sur les fonctions personnalisables du bouton addthis vous pouvez consulter la doc d’addthis disponible ici http://www.addthis.com/help