Je reçois régulièrement la question suivante de la part de visiteurs sur mon site: "Comment avez-vous ajouté le Twitter Widget dans la colonne de droite sur votre site?" Ce Twitter Widget met à jour mes derniers  tweets. Il est vraiment très facile à installer. Vous n'avez besoin que d'un compte Twitter et un site WordPress. Dans cet article, je vous montre les 13 étapes à suivre pour intégrer le Twitter Widget à votre site WordPress.

Mises à jour:
10 janvier 2011: J'ai mis à jour les images du site Twitter.
24 août 2010: Notez que ce tutoriel s'applique aux sites créés à partir de wordpress.org et non wordpress.com, et ce même si vous utilisez votre propre nom de domaine chez wordpress.com. C'est une des raisons principales pourquoi les gens finissent par passer à wordpress.org = wordpress.com ne vous permet pas d'ajouter des codes (scripts) dans votre blogue.

C'est quoi un  Widget?

Ma définition d'un Widget (partagez la vôtre dans un commentaire):

Un Widget est une petite boîte de contenu que l'on ajoute sur notre site WordPress. Les Widgets sont disponibles en cliquant Apparence | Widgets sur votre Tableau de bord. WordPress, par défaut, vous offre une quinzaine de Widgets. Les plus populaires étant: Articles récents, Commentaires récents, Mots-clefs, Recherche, Archives. Toutefois, par l'entremise des Extensions WordPress, on peut choisir parmi des milliers de Widgets. Les plus populaires étant les Widgets qui permettent le partage avec les Réseaux Sociaux. On peut aussi ajouter un Widget en ajoutant un code dans le Widget Texte. C'est ce que je vous démontre dans cet article.

Récapitulons: 3 façons d'ajouter un Widget sur votre site WordPress:

1. En utilisant un Widget par défaut dans Apparence | Widget
2. En installant une Extension WordPress qui rajoutera un Widget dans Apparence | Widget
3. En ajoutant du code dans le Widget Texte disponible dans Apparence | Widget

Comment installer le Twitter Widget en 13 étapes

1. Allez sur votre compte Twitter et connectez-vous

2. Cliquez sur Ressources tout en bas de la page ou allez ici: https://twitter.com/about/resources

3. Cliquez sur Widgets

4. Cliquez sur Mon Site Web

5. Cliquez sur Widget de Profil ou sélectionnez un autre sorte de Widget

6. Ici, vous allez ajuster tous les paramètres pour votre site WordPress: couleurs, dimensions, nombres de tweets, etc en cliquant sur les boutons Paramètres | Préférences | Apparence | Dimensions

7. Quand vous avez terminé, cliquez sur le bouton Terminer & Récupérer le Code

8. Copiez le code du Twitter Widget. Dans un PC, sélectionnez le code et faites Ctrl+c; dans un Mac faites CMD+c.

9. Allez sur votre Tableau de bord WordPress, et cliquez sur Apparence | Widgets dans la colonne de gauche

10. Voici ma liste de Widgets. Vous devez sélectionner le Widget Texte et le glisser dans votre Sidebar à la droite:

Voici le Widget Texte dans ma Sidebar

11. Donnez un titre à votre Widget.

12. Collez le code que vous avez importé de Twitter.  Dans un PC,  faites Ctrl+v; dans un Mac faites CMD+v

13. Ciquez "Enregistrer"

Les Résultats sur mon site:

Petits conseils

Tous les Twitter Widgets peuvent ralentir la vitesse de téléchargement de votre site. Pour afficher le Twitter Widget sur votre site, votre navigateur doit communiquer avec le serveur de Twitter, prendre les tweets et les ramener sur votre site. Parfois, Twitter est lent ou ne répond pas et c'est frustrant. Le Twitter Widget n'empêchera jamais votre site de télécharger, mais il peut ralentir un peu la vitesse de téléchargement, surtout quand votre serveur cherche le serveur Twitter et ne le trouve pas. Mais je dois dire que c'est rare et il ne faut pas s'en faire. Avez-vous remarqué ceci sur votre site?

Les Twitter Widgets du site Twitter sont vraiment excellents. On a plusieurs possibilités pour créer les Widgets et j'aime beaucoup les utiliser sur presque tous les sites WordPress que je fais.

Et vous, quel est votre Twitter Widget préféré?

Ce matin, j'ai entendu à la Radio que Tout le monde en parle (tlmep) amorcerait sa 8e saison dimanche soir à 20h en permettant aux téléspectateurs branchés d'interagir directement avec Guy A. Lepage et Dany Turcotte via le site et le mot-clic #tlmep à travers Twitter. Wow – j'ai déjà hâte! On a déjà vécu une expérience semblable avec la récente émission d'Opentélé  qui selon moi était un franc succès et qui annonce le futur de la télé. J'aime beaucoup regarder une émission télé en suivant le fil d'actualités que les téléspectateurs créent principalement à travers Twitter.  Il y a plein d'outils pour suivre ces Fils et dans cet article, je partage avec vous quelques outils de base pour écouter TLMEP dimanche soir avec votre ordi, votre iPad ou votre téléphone intelligent.

1. Twitter

Si vous n'avez pas de compte Twitter, c'est très facile d'en créer un ici: http://twitter.com 

Vous pouvez utiliser un faux nom et serez en mesure en tout temps de le changer à votre vrai nom (ou un autre nom). Vous pouvez utiliser n'importe quel nom – même s'il est déjà utilisé.

Vous serez en plus en mesure de changer votre URL en tout temps. Donc, http://twitter.com/unfantome pourra plus tard se transformer en http://twitter.com/patricklegrand (à condition qu'il ne soit pas déjà utilisé par un autre compte Twitter).

2. Suivre la conversation

Le mot-clic (hashtag) pour la soirée est #tlmep. Donc, vous pourrez suivre la conversation Twitter avec ce mot-clic et vous devriez ajouter le mot-clic à la fin (ou ailleurs) de chacun de vos tweets si vous voulez prendre part à la conversation.

Pour suivre la conversation, il y a plusieurs outils Twitter pour le faire. Certains nécessitent un compte Twitter, d'autres pas.

Le plus simple, c'est TweetChat. Celui-ci affiche en temps réel tous les tweets avec le mot-clic #tlmep et il ne nécessite pas de compte Twitter.

3. Participer dans la conversation

Ici, il vous faudra un administrateur Twitter dont les plus populaires sont TweetDeck, HootSuite et Seesmic. Mon préféré: HootSuite!

Pourquoi un administrateur? Puisque sans administrateur, il vous sera difficile de suivre la conversation et y prendre part. En plus, Twitter ne permet pas d'ajouter un commentaire dans un ReTweet (RT) et les administrateurs offrent plus de possibilités pour gérer la conversation.

Dans chacun de ces administrateurs, vous êtes capable de vous créer des colonnes (tabs, streams) à partir de mots-clefs, mot-clics et des listes. J'ai déjà mes colonnes pour dimanche soir:

4. Suivre #tlmep dans votre iPad

L'iPad est un l'outil parfait pour regarder la Télé et interagir avec elle. Il se place parfaitement sur vos genoux et vous offre plusieurs outils pour prendre part aux conversations.

Pour ma part, j'utiliserai les applications suivantes dimanche soir: HootSuite et  Flipboard

5. Règles d'étiquettes Twitter

Je partage ici quelques règles d'étiquettes Twitter (à suivre ou ne pas suivre);

1. ne jamais tweeter sous l'influence d'alcool ou de substances qui peuvent vous déstabiliser
2. utilisez les majuscules et une bonne ponctuation
3. utilisez un service de raccourci comme bit.ly
4. utilisez les chiffres pour tous les numéros 1er (premier), 20e (vingtième), 3M (millions), 3m (milles)
5. vérifiez les liens bit.ly ou autre URL avant de tweeter ou retweeter
6. soyez prudent avec les renseignements personnels que vous partagez
7. prenez une grande respiration avant de « bitché » sur quoi que ce soit
8. n'engagez pas une conversation publique – utilisez plutôt les messages privés pour engager une conversation avec un abonné
9. utilisez les hashtags mais n'y ajoutez pas d'accents ou de caractères spéciaux (ex: école = #ecole et non #école)
10. laissez place à votre personnalité et votre créativité – soyez vous-même!

6. Liens utiles:

Site web de TLMEP : http://www.radio-canada.ca/emissions/tout_le_monde_en_parle/saison8/

Compte Twitter de Guy A. Lepage : http://twitter.com/#!/guyalepage

Compte Twitter de Dany Turcotte : http://twitter.com/#!/danyturcotte

Compte Twitter de off_TLMEP :  http://twitter.com/#!/off_tlmep

Page Facebook de TLMEP :  http://www.facebook.com/pages/Tout-le-monde-en-parle/112565155447457

Et vous – Comment allez-vous suivre la conversation #tlmep dimanche soir?

J'ai eu le grand plaisir de prendre part à titre de conférencière à un Pré-Webinaire et un Webinaire offert par Les Affaires – Événements le jeudi 21 octobre. Le Webinaire était animé par Nathalie Vallerand, journaliste Journal Les Affaires, et comprenait  deux parties. Dans la première partie, j'ai expliqué les fondements de Twitter et ses applications en entreprise, alors que la seconde partie a mis de l’avant le cas de la boutique de macarons Point G, avec Julien Reignier (Chef Propriétaire, Boutique Point G) et Olivier Mermet (Étudiant et responsable marketing de la boutique, stratège web chez Uranium Interactive). Dans cet article, je partage ma présentation de 70 diapositives offerte en 2 parties lors du Webinaire. Je vous invite à y laisser vos commentaires et je remercie les 200 participants pour leur écoute et questions.

Twitter pour les Twits : Utiliser Twitter en entreprise

Le 22 septembre, j'ai reçu un courriel de Twitter. Je me disais que c'était du spam mais en lisant j'ai vite vu que Twitter m'écrivait pour m'annoncer la venue du Nouveau Twitter (#newtwitter). Vous avez sans doute reçu un courriel identique puisque je l'ai reçu 4 fois pour mes 4 comptes Twitter. Le Nouveau Twitter va changer l'interface au complet en ajoutant une nouvelle colonne à la droite et en réorganisant tout le contenu. De plus, Twitter a fait des ententes avec YouTube et TwitPic pour que l'on puisse visionner les vidéos YouTube et les photos TwitPic directement à partir de Twitter. Dans cet article, je parle évidemment du Nouveau Twitter. 

Le Nouveau Twitter

Le Nouveau Twitter est arrivé mais pas dans mon compte DianeBourque mais dans mon compte DianaBlue dont je me sers pour faire la veille de DianeBourque. Le déploiement du Nouveau Twitter se fera au cours des prochaines semaines = soyons patients!

Cliquez sur une des photos pour les voir le Nouveau Twitter:

Les 3 changements principaux

1. La colonne de droite

Twitter a ajouté une colonne de droite dans laquelle va se passer bien des choses. Nous allons voir l'historique du tweet. Nous allons être capable de visionner les vidéos YouTube directement à partir de Twitter. Et plus encore.

Le but : Twitter.com veut devenir un Réseau Social dans lequel on pourra accéder à et partager différents contenus du Web sans le quitter.

La raison : Les applications HootSuite, TweetDeck et Seesmic ont surpassé Twitter pour les tweeteurs avancés. Une personne qui tweete sérieusement utilise l'un de ces services. Twitter veut ramener ses membres au bercail. Pour faire de la publicité plus tard comme chez Facebook? On verra.

2. Le contenu YouTube et TwitPic

Twitter a signé des ententes avec YouTube et TwitPic pour partager le contenu de ces réseaux directement  à partir de Twitter. Nous pourrons donc visionner des vidéos YouTube et voir les photos Twitpic.com sans le quitter. Je ne doute pas qu'on va bientôt voir arriver Flickr, SlideShare et autre Réseaux Sociaux. Je doute que l'on verra Facebook (compétiteur).

3. La fonction Recherche

Dans l'ancien Twitter, pour faire une recherche, il fallait connaître http://search.twitter.com/ ce qui n'était vraiment pas évident pour la majorité des Tweeteurs. Dans le Nouveau Twitter, la fonction Recherche sera bien présente au dessus de la page en tout temps.

Le Nouveau Twitter 

Twitter: discover what's new in your world (déjà 1,670,173 vues)

Vous pouvez aussi lire sur d'autres sites

Voici donc un nouveau Twitter… (Métro Montréal)

Le nouveau Twitter est un média  (OWNI)

Le nouveau Twitter est dévoilé (Dominique Arpin)

C'est avec plaisir que je vais prendre part à l'événement Twitter pour les twits le 21 octobre offert par le journal Les Affaires. J'offrirai un premier 30 minutes pour les twits et par la suite Alain McKenna animera un panel composé de Julien Reignier et Olivier Mermet (Boutique Point G) et moi-même. Cet événement se place dans le cadre des Webinaires offerts par la division Événements du journal Les Affaires.Le format est simple: vous vous inscrivez en ligne (50/60$) et vous rejoignez le Webinaire avec votre ordi. Vous entendrez ma voix et vous verrez ma présentation Keynote (PowerPoint). Vous pouvez manger votre sandwich et mettre vos pieds sur votre bureau – je ne vous verrai pas! Le but est de partager des connaissances sur comment utiliser Twitter en entreprise.

Le programme du Webinaire – Twitter pour les twits

Le jeudi 21 octobre, venez apprendre, en direct, les bases de Twitter et ses utilisations, et comment les intégrer à votre stratégie d’entreprise.

Twitter pour les twits : utiliser Twitter en entreprise !

Au programme :

12 h 00 – 12 h 30 Twitter 101 : une mise à niveau en pré-wébinaire expliquant la base de la base de Twitter ; 12 h 30 – 13 h 30 Utiliser Twitter en entreprise.

Vous êtes plus nul que twit ? Vous avez besoin d’une mise à niveau Twitter ?

Débutez la conférence en ligne par la  présentation « Twitter 101 ». Diane Bourque (spécialiste Web, dianebourque.com) vous fera faire le tour de la plateforme pas à pas, vous expliquant la base de l’utilisation – de l’inscription à l’interaction, en passant par l’étiquette et le lexique de Twitter.

Utiliser Twitter en entreprise

Cette session d’une heure, animée par Alain McKenna, journaliste Journal Les Affaires, comportera deux parties : dans la première partie, Diane Bourque expliquera les fondements de Twitter et ses applications en entreprise, alors que la seconde partie mettra de l’avant le cas de la boutique de macarons Point G, avec Julien Reignier (Chef Propriétaire, Boutique Point G) et Olivier Mermet (Étudiant et responsable marketing de la boutique, stratège web chez Uranium Interactive).

Ce que vous apprendrez lors de ce wébinaire :

Qu’est-ce que Twitter?

• Pourquoi utiliser Twitter en entreprise ;
• Comment intégrer Twitter dans vos stratégies d’entreprise ;
• Quelle est la valeur ajoutée de Twitter pour une organisation ;
• Quelques exemples d’utilisations professionnelles de Twitter.

Vous saurez aussi comment utiliser Twitter pour…

• Interagir et entretenir des conversations avec votre clientèle;
• Répondre aux problèmes et aux préoccupations de vos clients et usagers ;
• Générer plus de trafic sur votre site ;
• Attirer des acheteurs en magasin ;
• Convertir vos fans en acheteurs ;
• Fidéliser vos clients ;
• Calculer le rendement de votre investissement.

Dans le cadre de ma plus récente Formation Twitter pour Débutants, j'ai suivi un peu le cours du programme établi dans ma présentation PowerPoint que je partage ici et sur SlideShare. J'ai tenté d'identifier les outils essentiels pour bien gérer son profil Twitter et ai fait des allers-retours entre la présentation et des cas réels sur le Web. J'ai certainement oublié des éléments que vous jugez importants et je vous invite ici à m'en faire part.

Quelles sont vos applications Twitter préférées? Quelles sont vos règles d'étiquette sur Twitter? Qu'ajouteriez-vous au programme? Merci!

Formation Twitter Pour Débutants

Voir les présentations de Diane Bourque chez SlideShare.

J'ai reçu quelques demandes sur comment ajouter une bannière "Suivez-moi sur Twitter" ou "Suivez-moi sur Facebook" sur un site WordPress. Les blogueurs veulent promouvoir leur présence sur les réseaux sociaux et je veux les encourager à le faire. C'est vraiment très facile à ajouter une bannière sur votre site WordPress (qu'on on sait comment le faire). Dans cet article, je vous donne le code pour ajouter une bannière sur votre site WordPress afin d'encourager vos visiteurs à vous suivre sur Twitter, Facebook, Linkedin et plus encore.

MISE À JOUR le 9 mai 2010 : Je n'utilise plus ces belles images que j'avais concoctées l'année dernière mais je les aime encore!

NOTE: Ce tutoriel s'applique aux blogues gratuits chez WordPress.com et aux blogues hébergés via WordPress.org. Le tutoriel ne s'applique pas pour des sites en HTML ou en Flash.

C'est quoi une bannière?

Dans ce tutoriel, une bannière est une image que l'on insère dans un Widget sur un site WordPress et qui est liée à un lien externe. Sur ce site, j'utilise les bannières suivantes. Vous pouvez les utiliser si vous voulez, ou encore mieux, cliquez sur les bannières et suivez-moi là où ça vous tente.

Voici le code qu'il faudra copier et ajuster selon vos données pour insérer les 4 bannières ci-dessus. Le code surligné en jaune devra être modifié avec vos codes.

Le code de ces bannières

Ajuster le code souligné en jaune :

<table width="330">
  <tr>
    <td><a href="http://twitter.com/dianebourque" target="_blank"><img src="http://dianebourque.com/wp-content/themes/shades-of-blue/images/links_twitter.png" alt="Twitter" width="330" height="30" border="0" /></a></td>
  </tr>
  <tr>
    <td><a href="http://www.facebook.com/dianebourque" target="_blank"><img src="http://dianebourque.com/wp-content/themes/shades-of-blue/images/links_facebook.png" alt="Facebook" width="330" height="30" border="0" /></a></td>
  </tr>
  <tr>
    <td><a href="http://www.linkedin.com/in/dianebourque" target="_blank"><img src="http://dianebourque.com/wp-content/themes/shades-of-blue/images/links_linkedin.png" alt="LinkedIn" width="330" height="30" border="0" /></a></td>
  </tr>
  <tr>
    <td><a href="http://feeds2.feedburner.com/DianeBourque" target="_blank"><img src="http://dianebourque.com/wp-content/themes/shades-of-blue/images/links_rss.png" alt="Facebook" width="330" height="30" border="0" /></a></td>
  </tr>
  <tr>
    <td></td>
  </tr>
  <tr>
    <td></td>
  </tr>
</table>

Comment insérer le code dans votre site WordPress

Allez sur votre Tableau de bord WordPress et cliquez sur Apparence | Widgets

1. Dans les Widgets, sélectionnez le Widget Texte et glissez-le là où vous voulez ajouter votre bannière.

2. Dans le Widget Texte, collez le code pour votre bannière.

3. Cliquez sur Enregistrer. C'est fait! Retournez sur votre site. Rafraichissez votre page et voilà!

Comment ajouter Suivez-moi sur Twitter

Pour insérer une seule image comme celle-ci sur votre site WordPress, suivez-les instructions ci-dessus et insérer le code suivant dans votre Widget Texte:

<a href="http://twitter.com/dianebourque"><img src="http://boitealunch.info/Follow-Me-On-Twitter.jpg" alt="Follow Diane Bourque Twitter" width="225" height="188" border="0" /></a>

MISE À JOUR: Comment ajouter le code avec le CSS

Suite au commentaire de Volvox, je vous remets ici le code pour ajouter la bannière avec du CSS au lieu d'utiliser une table. Volvox est un puriste. Il serait préférable d'utiliser le CSS pour tout le code dans un site WordPress. Mais pour les bannières, pour moi, c'est plus facile d'utiliser une table.

Si vous voulez ajouter le CSS, voici le code que j'ai concocté pour le faire (Merci à Volvox) :

<div align="left">
<div style="width:330px;border:0px solid black;"><a href="http://twitter.com/dianebourque"><img src="http://dianebourque.com/wp-content/themes/shades-of-blue/images/links_twitter.png"width="330" height="30" style="border: 0px solid white"></a></div></div>
<div align="left">
 <div style="width:330px;border:0px solid black;"><a href="http://facebook.com/dianebourque"><img src="http://dianebourque.com/wp-content/themes/shades-of-blue/images/links_facebook.png"width="330" height="30" style="border: 0px solid white"></a></div></div>

Si vous avez apprécier ce tutoriel, n'hésitez pas à dire merci dans les commentaires – ça fait plaisir – ou envoyez-moi un message.

Je tweete. Tu tweetes. Il tweete. Il y a tout un vocabulaire autour de Twitter, et quoique je ne suis pas une experte dans le domaine, je partage ici mon vocabulaire Twitter. J'admets que je préfère de beaucoup "tweeter" à "gazouiller", le terme recommandé en français. Il se peut que "gazouiller" devienne plus familier, mais jusqu'à date, "tweeter" devient le terme commun des tweeteurs. Préférez-vous gazouiller? Quel est votre vocabulaire Twitter? Ça m'intéresse.

Mon vocabulaire Twitter

Tweet

C'est un message sur Twitter d'au plus 140 caractères. On dit aussi "Twit" mais je préfère "Tweet".
"J'ai publié 5 tweets aujourd'hui." "J'aime les tweets de Madame Incognito."

Tweeter

C'est le verbe. Je tweete, tu tweetes, il tweete… 
"As-tu tweeté aujourd'hui?"

ReTweeter

C'est l'autre verbe. C'est prendre le tweet d'un tweeteur et faire un RT (retweet) avec le tweet. Ça sauve du temps et ça tisse votre toile sur Twitter.
"Merci d'avoir retweeter mon tweet."

Direct Message

C'est un Message que l'on envoie directement à un Tweeteur. Vous devez faire partie des followers de ce tweeteur pour pouvoir lui envoyer directement un message. C'est une façon simple et facile d'envoyer des messages d'au plus 140 caractères à quelqu'un sans que personne d'autre sur Twitter puisse les voir.
"Je t'enverrai un Direct Message là-dessus plus tard aujourd'hui."

Followers (Abonnés)

Ce sont les gens qui vous suivent chez Twitter. Ces gens reçoivent vos tweets. Vous pouvez garder, supprimer ou bloquer vos followers.
"Combien de followers as-tu dans Twitter?" "J'ai 500 followers".

Following (Abonnements)

Ce sont les gens que vous suivez chez Twitter.  Vous recevez les tweets des personnes que vous suivez. Vous pouvez les garder, les supprimer ou les bloquer. 
"Je suis (verbe suivre) 480 twitteurs dans mon compter Twitter".

Tweeteur, Tweeteuse

Si tu as un compte chez Twitter, tu es un tweeteur ou une tweeteuse.

Liens externes 

Parlez-vous Twitter?

The Dictionary for Twitter