Code HTML de Twitter à intégrer

Pour intégrer un flux Twitter sur votre site Web, vous n'avez pas besoin de posséder votre propre compte Twitter.

Profil Widget

L’une des pages du site Web Twitter (twitter.com/about/resources/widgets/widget_profile) contient un widget qui vous permet de personnaliser l’apparence de la présentation du fil Twitter sur votre site Web. Spécifiez le nombre de tweets à afficher simultanément dans la petite application (de 1 à 30), si une barre de défilement doit être utilisée ou non, et si les nouveaux tweets doivent être affichés au fur et à mesure qu'ils sont créés ou s'ils doivent être "actualisés" "(recharger) l'application à des intervalles de temps. Vous pouvez également choisir d'afficher ou non les avatars, les horodatages ou les "hashtags" (mots écrits sous le symbole "#" qui fonctionnent comme des étiquettes) avec chaque tweet.

Le format

Vous pouvez modifier de nombreuses règles de mise en forme par défaut dans le widget, en termes d’apparence et de taille. Il modifie les couleurs des arrière-plans, y compris la zone qui se trouve derrière les tweets, ainsi que son "shell" (cadre). Vous pouvez également changer la couleur du texte dans le cadre, le texte de chaque tweet et le texte "lien". Ajustez la largeur et la hauteur de l'application en spécifiant les deux valeurs en pixels, en choisissant des nombres qui correspondent à l'espace désigné pour le fil Twitter de votre site Web.

Code HTML

Lorsque vous êtes satisfait de l'apparence du widget après l'avoir essayé sur la page Twitter, cliquez sur le bouton "Terminer et saisir le code" sur cette page pour générer automatiquement le code HTML définissant le "flux". "dans une fonction JavaScript. Il convertit toutes vos sélections de format en attributs de différents types de données pour un objet widget et inclut tous les paramètres, tels que le nombre de "tweets", les couleurs et la taille, sans que vous ne deviez apporter de modifications supplémentaires.

Mise en œuvre

Copiez le code de la page du widget et collez-le dans un ou plusieurs de vos fichiers HTML, à l'endroit où vous souhaitez afficher le flux Twitter. Le paramètre fourni dans la fonction "setUser" dans le code contient le nom du compte Twitter affiché dans le flux. Collez le code plusieurs fois sur une page et modifiez cette valeur en plusieurs comptes différents pour afficher une collection de flux Twitter au même endroit.