Comment ajouter Twitter à votre site Web ou blog?
Cliquez sur Modifier le thème pour ouvrir l'éditeur, puis cliquez sur Modifier le code HTML pour afficher votre code source.
Ce guide vous apprend à ajouter des fonctionnalités Twitter à votre site Web ou à votre blog, y compris une chronologie de vos tweets récents et des boutons sociaux comme Partager et Suivre.
Méthode 1 sur 2: ajouter une chronologie de vos tweets
- 1Connexion à Twitter. Si vous n'êtes pas connecté sur votre ordinateur, accédez à https://twitter.com et connectez-vous avec votre nom de compte et votre mot de passe.
- Vous devrez pouvoir accéder au code source de votre site Web pour utiliser cette méthode. Si vous ne savez pas comment fonctionne votre site Web, demandez à un développeur Web ou à un informaticien de vous aider dans ce processus.
- Si vous utilisez Wordpress.com, vous pouvez utiliser son widget Twitter intégré au lieu de cette méthode. Cliquez sur Personnaliser sous "Personnaliser" dans le tableau de bord de votre blog. Dans la section Widgets, cliquez sur Ajouter un widget et sélectionnez Twitter. Vous pouvez personnaliser le nombre de tweets affichés, ainsi que l'apparence du widget.
- 2Accédez à https://publish.twitter.com dans un navigateur Web. Ce site vous permet de personnaliser rapidement les widgets Twitter pour votre site Web.
- Un widget mettra vos tweets à disposition de vos visiteurs sans qu'ils aient à quitter votre site.
- Les visiteurs peuvent également cliquer sur le widget pour accéder à votre profil, où ils peuvent vous suivre ou communiquer avec vous.
- 3Faites défiler vers le bas et cliquez sur Chronologie intégrée. C'est l'une des 4 options en bas de la page.
- 4Entrez l'URL complète de votre profil Twitter. Par exemple, si votre identifiant Twitter est @guide, vous devez saisir https://twitter.com/guide.
Le code nécessaire pour ajouter le bouton à votre site Web est maintenant copié dans le presse-papiers de votre ordinateur. - 5Cliquez sur Aperçu. Faites défiler vers le bas pour voir un exemple de version du widget. Il apparaîtra plutôt grand par défaut, mais vous pouvez changer cela.
- 6Cliquez sur Définir les options de personnalisation. Le lien apparaît juste au-dessus de votre liste de tweets.
- 7Personnalisez l'apparence du widget. Entrez la hauteur et la largeur souhaitées (en pixels) dans les cases, puis choisissez un schéma de couleurs dans le menu déroulant. Vous pouvez également sélectionner une langue ou vous en tenir à "Automatique" pour adapter le widget à votre emplacement.
- L'image d'aperçu sera mise à jour au fur et à mesure que vous vous déplacerez dans les options.
- Si vous n'êtes pas sûr de la taille de votre widget, commencez par 200 dans la case "largeur", puis augmentez ou diminuez la taille à partir de là.
- 8Cliquez sur Mettre à jour. Cela enregistrera les modifications que vous avez apportées au widget.
- 9Cliquez sur Copier le code. Le code nécessaire pour ajouter le bouton à votre site Web est maintenant copié dans le presse-papiers de votre ordinateur.
- 10Collez-le dans le code source de votre site Web. Vous pouvez coller le code où vous voulez que vos tweets apparaissent. L'emplacement varie selon le site ou le blog. Voici comment trouver le code source de quelques services populaires:
- Tumblr: cliquez sur l'icône Profil sur votre tableau de bord, puis sélectionnez Modifier l'apparence sous le titre de votre blog. Cliquez sur Modifier le thème, pour ouvrir l'éditeur, puis sur Modifier le code HTML pour afficher votre code source.
- Blogger: dans votre tableau de bord, cliquez sur Thème sur le côté gauche de l'écran, puis cliquez sur Modifier le code HTML.
- Si vous utilisez un autre site convivial, il peut avoir un "éditeur facile" sur la page d'administration. Recherchez l' onglet ou la section « Code HTML», puis collez le code Twitter.
Par exemple, si vous bloguez sur Wordpress.com, vous pouvez ajouter un bouton Partager en cliquant sur Boutons de partage dans la section Partage de votre tableau de bord.
Méthode 2 sur 2: ajouter des boutons Twitter
- 1Connexion à Twitter. Si vous n'êtes pas encore connecté à Twitter dans votre navigateur Web, accédez à https://twitter.com et connectez-vous maintenant.
- Vous devrez pouvoir accéder au code source de votre site Web pour utiliser cette méthode. Si vous ne savez pas comment fonctionne votre site Web, demandez à un développeur Web ou à un informaticien de vous aider dans ce processus.
- Certains sites de blogs ont des modèles avec des boutons de partage ou de suivi personnalisables que vous pouvez implémenter en quelques clics. Par exemple, si vous bloguez sur Wordpress.com, vous pouvez ajouter un bouton Partager en cliquant sur Boutons de partage dans la section Partage de votre tableau de bord.
- 2Accédez à https://publish.twitter.com dans un navigateur Web. Ce site vous permet de personnaliser rapidement les widgets et les boutons Twitter de votre site Web.
- 3Cliquez sur les boutons Twitter. C'est dans le coin inférieur droit de l'écran.
- 4Créez votre bouton. Cliquez sur le bouton que vous souhaitez créer, puis suivez les instructions à l'écran pour saisir un lien, un pseudo Twitter ou un hashtag. Chaque bouton a un objectif différent:
- Partager: permet aux visiteurs de tweeter la page actuelle. Vous pouvez ajouter du texte qui peut être inclus dans le tweet et décider d'inclure ou non des hashtags.
- Suivre: permet aux visiteurs de suivre le compte Twitter de votre site. Tapez votre identifiant Twitter lorsque vous êtes invité à créer le bouton.
- Mention: permet à un utilisateur de Twitter d'envoyer facilement un tweet à l'identifiant Twitter de votre site (@name). Vous n'aurez qu'à entrer votre poignée pour créer le bouton.
- Hashtag: permet aux visiteurs de composer un tweet contenant votre hashtag. Entrez le hashtag souhaité et tout texte supplémentaire que vous souhaitez inclure dans le tweet.
- Message: Les visiteurs peuvent cliquer sur ce bouton pour vous envoyer un Message Privé. Entrez votre identifiant Twitter et tout texte que vous souhaitez inclure dans le message.
- 5Cliquez sur Aperçu. Le bouton apparaîtra maintenant comme sur votre site Web.
- 6Cliquez sur Définir les options de personnalisation. Chaque bouton a différentes options que vous pouvez personnaliser pour changer l'apparence et le comportement du bouton. Suivez les instructions à l'écran, puis cliquez sur Mettre à jour pour enregistrer vos modifications.
Ce guide vous apprend à ajouter des fonctionnalités Twitter à votre site Web ou à votre blog, y compris une chronologie de vos tweets récents et des boutons sociaux comme Partager et Suivre. - 7Cliquez sur Copier le code. Le code du bouton est maintenant copié dans le presse-papiers de votre ordinateur.
- 8Collez le code du bouton dans votre code source. Collez le code à l'endroit où vous souhaitez que le bouton apparaisse. Voici comment trouver le code source de quelques services populaires:
- Tumblr: cliquez sur l'icône Profil sur votre tableau de bord, puis sélectionnez Modifier l'apparence sous le titre de votre blog. Cliquez sur Modifier le thème pour ouvrir l'éditeur, puis cliquez sur Modifier le code HTML pour afficher votre code source.
- Blogger: dans votre tableau de bord, cliquez sur Thème sur le côté gauche de l'écran, puis cliquez sur Modifier le code HTML.
- Si vous utilisez un autre site convivial, il peut avoir un "éditeur facile" sur la page d'administration. Recherchez l'onglet ou la section "Code HTML", puis collez le code Twitter.
- Pour intégrer vos tweets récents dans un seul article de blog Wordpress.com, ajoutez le code suivant à votre éditeur de publication, en remplaçant "votrehandle" par votre pseudo Twitter (sans le @): twitter-timeline username=yourhandle
- Collez rapidement le code en appuyant sur ⌘ Cmd+ V(macOS) ou Cntrl+ V(Windows).
Lisez aussi: Comment traiter l'hypoglycémie?
Questions et réponses
- Dois-je utiliser un raccourcisseur d'URL si je publie le lien de mon blog sur Twitter?Oui, je recommanderais d'utiliser une URL plus courte.
