Notre ami le Piaf (traduisez Twitter) a mis à disposition des petits oiseaux que nous sommes un bout de code tendrement nommé « Anywhere« . En quelques lignes, Anywhere apporte une intégration fine et très utile de Twitter à votre site WordPress.
Si vous avez l’âme d’un codeur, vous pouvez tenter l’intégration « en dur », sinon, je vais vous détailler ici l’utilisation du plugin Twit Connect, qui embarque donc toutes les fonctions disponible dans la librairie Anywhere.
Installer Twit Connect
Dans un premier temps, il vous faut installer et activer le plugin.
La manipulation se fait, comme d’habitude, sans aucun soucis via le menu « Extensions > Ajouter ».
Une fois cette première étape réalisée, nous allons donc passer à la configuration du plugin par lui même.
En premier lieu, à quoi sert donc ce plugin ?
L’une des fonctionnalités les plus sympathique de ce plugin est sans doute HoverCard.
Une fois activé, lorsque vous écrivez @Usernane, le script affiche, au passage de la souris, une bulle avec le bouton « Follow » ainsi que les informations relative à utilisateur cité.
Une petite fonction ultra pratique pour mettre en place vos #FF sur votre site par exemple.
L’autre fonction appréciable, c’est la possibilité donnée de pouvoir commenter un article en se connectant avec Twitter.
Votre visiteur clique sur le petit bouton qui va bien, il est redirigé vers l’application Oauth de Twitter, puis renvoyé sur votre blog.
Il est donc désormais authentifié sur votre site avec son compte Twitter.
quand son commentaire s’affichera sur votre site, c’est son avatar Twitter qui sera visible. Sympa non ?
Autre petite chose, la possibilité de pouvoir également se connecter à l’admin de votre blog.
Par exemple, de le cadre d’une opération de guest blogging, plutôt que de créer des comptes, vous pourriez utiliser cette fonction bien pratique, et qui permettra à votre invité de faire également la promo de son compte Twitter.
Configurer Twit Connect
Maintenant que nous avons survolez le plugin et ses possibilités, il temps d’entrer dans le vif du sujet : la configuration.
Etape 1
La première partie va vous demander si vous souhaitez utilisez Twit Connect avec vos propres clés ou si celle fournies par défaut. Au cas ou vous souhaiteriez utliser vos propres codes, il vous faudra alors créer une application sur Twitter.com. Rien de bien sorcier, un simple formulaire à remplir. Twitter vous délivrera ensuite vos propres clés.
La création d’une application est cependant nécessaire pour avoir accès à toutes les fonctionnalités de Twitt Connect. Nous le verrons un peu plus loin dans le détail de la configuration.
Etape 2
Si vous souhaitez ajouter Anywhere (point 1) à votre site, c’est ici que cela se passe. Et comme vous pouvez le voir, vous devez donc avoir créer au préalable une application sur Twitter.com.
Au point 2, vous pouvez décider d’utiliser la fonction Hovercards (la petite bulle qui va s’afficher lorsque que vous tapez le nom d’un membre dans le corps de votre article, par exemple @4h18. Anywhere s’occupe du reste ! Magique !)
Au point numéro 3, donnez le nom de votre compte pour créer ensuite le bouton « Follow me » avec l’image officielle de Twitter.
Enfin, vous pouvez ajouter une petite Tweet-Box sour le champ de commentaire. Ainsi, vos visiteurs pourront dire qu’ils viennent de commenter un article sur votre site, d’un simple clic !
Etape 3
Le point numéro 1 va vous permettre de séparer vos commentateurs venant de twitter des ceux venant d’autres sites.
En deux, si vous utilisez la fonction de login Twitter pour les commentaires, vous allez devoir créer une adresse mail « fictive ». Vous pouvez laisser celle par défaut.
En trois, je vous conseil de laissez l’option Twit Connect Image Service. Sinon, il va vous falloir ajouter un plugin supplémentaire pour récupérer les Avatars des utilisateurs de Twitter. Pénible.
En quatre, sélectionner le bouton qui sera afficher sur votre site pour que vos visiteurs se connecte via Twitter.
En cinq, vous allez choisir un emplacement pour vos boutons de connexion. Ceci est optionnel, le plugin mettant ce qu’il faut là où il faut pas défaut. Si vous souhaitez donnez un emplacement, regarder dans les fichier de votre thème, et récupérer l’ID du bloc au sein du quel vous souhaitez placer votre bouton. Oui, c’est un peu barbare ce que je viens dire. Et si vous n’avez pas compris, alors CSS/XHTML ne sont surement pas vos copains, donc, laissez faire le plugin.
Etape 4
En point numéro un, cochez si vous souhaitez faire pointez le nom de l’auteur d’un commentaire vers son profil Twitter (si ce dernier s’est connecté via twitter pour commenter votre article, bien entendu).
En deux, une petit texte qui va ne se nicher au dessus du bouton « Connect With Twitter » pour inciter vos visiteurs à commenter en utilisant leur compte Twitter.
En trois, cochez la case si vous souhaitez ajouter le bouton de connexion Twitter apparaissent sur chaque page des commentaires.
Etape 5
Cette partie concerne la connexion a votre site, à l’espace d’administration. Les options sont les mêmes que pour la partie commentaires que nous venons de voir.
Cependant, si vous utilisez cette option, n’oubliez pas de définir la page de redirection après le login (comme dans l’image ci-contre).
Etape 6
Voici en fin la dernière partie de la configuration du plugin.
En point numéro un, définissez le tweet par défaut qui sera envoyé par vos visiteurs lorsqu’il commenterons vos articles (dans le cas où il seront connecté via Twitter).
En deux, l’auteur du plugin vous rappel que vous devez donner un accès en lecture/ecriture dans votre application Twitter.com pour ces dernières fonctions.
Quand à la partie trois, je n’ai pas encore compris à quoi elle sert !! Un comble n’est-ce pas. L’auteur du plugin n’ayant pas juger utile de fournir une doc avec son plugin, je continue mes recherches, et je m’excuse de ne pouvoir vous aider sur ce dernier point.
Comment Créer son application Twitter ?
Voilà une bonne question. Bien, connectez à votre compte Twitter, puis allez à cette adresse : http://twitter.com/oauth/
Une fois sur la page, cliquez sur « register a new application » (créer une nouvelle application).
Nous y voilà ! Regardez l’image suivante (cliquer sur l’image pour agrandir) . Elle se décompose en 11 points, et nous voir ensemble comment les renseigner.
En numéro 1 vous pouvez choisir un icône…On ne vas pas s’attarder la dessus;
En numéro 2 donnez un nom à votre application (par exemple le nom de votre site);
En numéro 3 donnez un description ( exemple : interconnexion pour le plugin Twit Connect);
En numéro 4 le nom de votre site (celui sur le quel vous installez le plugin Twit Connect);
En numéro 5 donnez un nom fictif ou votre nom de compte Twitter;
En numéro 6 l’adresse complète de votre site (dans mon cas : http://4h18.com);
En numéro 7 sélectionner « Browser » (navigateur), vos visiteurs vont utiliser leur navigateurs web pour visiter votre site et le commenter;
En numéro 8 redonnez l’adresse de votre page d’accueil (dans mon cas : http://4h18.com);
En numéro 9 sélectionnez l’accès « Read/Write », obligatoire pour vos utilisateurs puissent tweeter depuis votre site;
En numéro 10 cochez la case pour utiliser le login twitter
Et pour finir, le traditionnel anti-spam.
Voilà ! Ca c’est fait. Vérifiez votre formulaire et validez le.
Vous allez ensuite arriver sur une page qui va vous donner :
Vos consumer Key et votre Consumer Secret, les deux informations à utiliser la du paramétrage de l’étape 1 du plugin Twit Connect.
Pour les moteurs, ça parle de :
- mettre en oeuvre twit anywhere
[...] This post was mentioned on Twitter by Nicolas Borde and Barma, 4h18 – Stef'. 4h18 – Stef' said: 4h18 Twitter rencontre WordPress: utiliser Anywhere – demo >> http://bit.ly/cdVIM2 #wordpress [...]
[Archive]: Plugin Twitter AnyWhere – Notre ami le Piaf (traduisez Twitter) a mis à disposition des… http://go.4h18.in/lvGJvO #wordpress