En este artículo veremos cómo mostrar los tweets de cualquier usuario en nuestra página web mediante HTML.
Twitter es una de las plataformas de redes sociales más populares. Es un servicio de redes sociales estadounidense en el que los usuarios pueden publicar e interactuar con mensajes llamados «tweets». solo los usuarios registrados pueden twittear, dar me gusta y retuitear otros tweets, pero los usuarios no registrados también pueden leer los tweets que están disponibles públicamente. Todo el mundo quiere mostrar sus tweets en sus sitios web de blogs. Entonces, en este artículo, vamos a discutir cómo podemos mostrar el tweet de alguien en nuestro sitio web de la manera más fácil con la ayuda de HTML.
Enfoque: A continuación se muestra la implementación paso a paso.
Paso 1: visita https://publish.twitter.com/
- Ingrese el enlace del perfil a quien desea mostrar los tweets. ejemplo: https://twitter.com/geeksforgeeks
Introducir URL
Paso 2: Después de eso, aparecerá una nueva página aquí, haga clic en Línea de tiempo incrustada.
Elija la línea de tiempo incrustada
Paso 3: Luego obtendrá su código HTML y una vista previa de los tweets de la cuenta. copia ese código HTML.
Avance
- Se verá igual que el código a continuación, pero habrá un cambio en el valor href.
- También puede usar este código y cambiar el valor href a la URL de su cuenta de perfiles.
Sintaxis:
HTML
<a class="twitter-timeline" href="https://twitter.com/geeksforgeeks?ref_src=twsrc%5Etfw"> <!-- In your code value of href tag will be changed --> Tweets by Geeksforgeeks </a> <script async src= "https://platform.twitter.com/widgets.js" charset="utf-8"> </script> <!-- It's a javascript file which will perform all actions which we need to show tweets-->
Paso 4: agregue el código anterior en su archivo HTML en el que desea mostrar los tweets y agregue algo de CSS para que se vea más hermoso y conveniente.
Ejemplo:
HTML
<!DOCTYPE html> <html> <head> <title>Tweets</title> </head> <body> <a class="twitter-timeline" href= "https://twitter.com/geeksforgeeks?ref_src=twsrc%5Etfw"> <!-- In your code value of href tag will be changed --> Tweets by Geeksforgeeks </a> <script async src= "https://platform.twitter.com/widgets.js" charset="utf-8"> </script> <!-- It's a javascript file which will perform all actions which we need to show tweets--> </body> </html>
Producción:
Producción
Publicación traducida automáticamente
Artículo escrito por iamabhijha y traducido por Barcelona Geeks. The original can be accessed here. Licence: CCBY-SA