Comment intégrer des réseaux sociaux sur les fiches articles ?

 Objectif

Les blocks d'insertion des fiches articles permettent d'afficher facilement des liens vers des réseaux sociaux sur vos fiches articles. Avant d'aborder ce document, nous vous invitons préalablement à consulter l'aide en ligne : Blocks d'insertion des fiches articles.

Il existe différentes façons de proposer des boutons de partage :
 
 Méthode 1 : En utilisant un script fourni par le réseau social

Beaucoup de réseaux sociaux, comme Facebook ou Myspace proposent des aides en lignes pour les développeurs qui souhaitent intégrer ce type de boutons de partage. Voici quelques exemples :

- Facebook Partager



Plus d'information sur http://wiki.developers.facebook.com/index.php/Facebook_Share

- Facebook (avec le bouton LIKE)




Plus d'information sur http://developers.facebook.com/docs/reference/plugins/like

- Digg



Plus d'informations sur http://about.digg.com/button
 
 Méthode 2 (conseillée) : En utilisant un service de partage

D'une part, certains sites, comme Twitter, imposent des contraintes techniques assez lourdes pour une intégration avancée de ce type de boutons, d'autre part, il existe une multitude de prestataires dont la liste s'allonge chaque mois !

Nous nous suggérons donc d'utiliser un service de partage pour proposer ces liens. Un service de partage est une application hébergée par un site (généralement gratuite) qui propose des boutons simplifiés de soumission de vos pages aux réseaux sociaux. Voici quelques exemples de sites proposant ce type d'applications : AddThis, AddToAny et ShareThis.

Les boutons des services de partage intègrent, de plus, biens d'autres fonctionnalités comme l'ajout aux favoris ou l'impression de la page.

Voici trois exemples d'intégration avec Addthis

Pour les experts, la liste complète des fonctionnalités offertes par addthis est disponible ici : http://www.addthis.com/help/menu-api
Notez que l'utilisation des variables encodées n'est généralement pas nécessaires avec les services de partage.

- La combo

Partager

Il s'agit d'un unique bouton donnant accès à tous les services de partage.




- La sélection de boutons de votre choix

Le principe est de créer un bouton pour chaque service que vous souhaitez proposer sur votre site.

Voici un exemple affichant 2 lignes. L'une avec des boutons de partage : Twitter, Facebook, Myspace, et le partage par email, et l'autre une sélection d'outils de sauvegarde de la page "Ajouter au favoris Google", "Ajouter aux favoris" et "Imprimer la page" :



Nous vous suggérons de supprimer ou ajouter les liens en fonction de vos propres besoins. Le lien permettant l'accès à un service a la forme :

<a class="addthis_button_service" addthis:url="#OXPDTURL#" addthis:title="#OXPDTNAME#" Title="Texte info-bulle"></a>

La liste complète des services supportés par Addthis est disponible ici: http://www.addthis.com/services/list


- La sélection de votre choix avec vos propres logos.

Le principe est identique au cas précédent avec l'ajout d'une URL personnalisée pour l'image du logo de chaque service.

<a class="addthis_button_service" addthis:url="#OXPDTURL#" addthis:title="#OXPDTNAME#" Title="Texte info-bulle"><img src="URL-de-votre-image.gif"/></a>

Référez-vous à l'aide en ligne Comment trouver l'adresse URL où se trouvent les images de mon site ? pour connaitre l'URL à renseigner ici.

Voici un court exemple comprenant Twitter et Facebook, nous vous invitons à vous référer au chapitre précédent pour savoir comment ajouter ou enlever des boutons. La taille des images est définie par le paramètres "width: 30px;" du style défini au début du script.

 

Ajouter aux favoris : http://www.oxatis.com/Help/HelpCenterContent.asp?ActionID=1024&TID=55279&MID=55564%7C39001&LangID=0
© 2001-2017 Oxatis. Tous droits réservés.