NuevoPresentamos Filter your feed by source, just ask the AI
Blog Social Media Feeds

¿Cómo incrustar feed de Twitter o cronología de X en tu sitio web?

Un tutorial detallado sobre cómo generar posts de Twitter y mostrar tweets en tu sitio web.

Nikola Bojkov
View as Markdown
¿Cómo incrustar feed de Twitter o cronología de X en tu sitio web?

Nikola Bojkov

EmbedSocial Team

{ “@context”: “http://schema.org”, “@type”: “Product”, “name”: “Embed Social”, “aggregateRating”: { “@type”: “AggregateRating”, “ratingValue”: “5”, “reviewCount”: “32” } }

Todas las marcas deberían querer incrustar un feed de Twitter en páginas de su sitio web (ahora conocido como X) para mejorar su participación de usuarios y promover su presencia en línea.

Además, incrustar tu feed de Twitter (o cronología de X) en tu sitio web es una forma simple de mantener el contenido fresco, construir confianza e impulsar más interacción.

Así que ves, al agregar un feed de Twitter a las páginas de tu sitio web, comenzarás a ser más competitivo en el mundo digital de hoy, independientemente del método que utilices para eso.

Afortunadamente, te cuento todo sobre el proceso de incrustación de cronología de Twitter a través de las herramientas nativas de la plataforma, así como otros plugins de widgets de terceros (y mejores) como EmbedSocial.

Marcas, creadores y negocios, miren este vídeo, luego continúen leyendo:

Mejor método: ¡Incrustar feed de X en tu sitio web a través de widgets de terceros!

By far the easiest and quickest method to embed Twitter timeline, hashtags, mentions, and keywords is to use a third-party social media aggregator designed for that purpose.

Por ejemplo, EmbedSocial tiene una herramienta sin codificación que puede recopilar TODO tu contenido de X (Twitter) y mostrarlo en widgets de Twitter personalizables en cualquier lugar donde desees.

Sin embargo, antes de proceder, debes crear tu cuenta de EmbedSocial. Luego, puedes proceder con los siguientes pasos para incrustar tu cronología de Twitter:

  1. Describe tu widget de X (Twitter) para sitio web
  2. Conecta tu fuente de redes sociales de Twitter
  3. Elige una plantilla de widget de Twitter
  4. Personaliza tu widget de X (Twitter)
  5. Copia el código del widget incrustable
  6. Pega el código en tu sitio web

Antes de seguir los pasos anteriores, ten en cuenta que debes obtener una clave API de X (Twitter) si buscas recopilar e incrustar algo distinto de la cronología de tu cuenta de X. Esto incluye hashtags de X (Twitter), menciones y palabras clave.

Además, solo ofrecemos X (Twitter) como fuente en nuestro plan Premium de EmbedSocial y superior. Puedes aplicar fácilmente para el nivel de acceso API básico de X y generar tu clave API. Luego, puedes contactar a nuestro equipo de soporte para conectarlo a EmbedSocial.

Paso 1: Describe tu widget de X (Twitter) para sitio web

Primero lo primero, puedes proporcionar una descripción detallada de tu widget perfecto de X (Twitter) para sitio web a través de nuestro editor de widgets de IA. Luego, simplemente presionas ‘Generar’ para gastar un crédito para crear el widget:

Paso 2: Conecta tu fuente de redes sociales de Twitter

Luego, debes conectar tu cuenta de redes sociales de X (Twitter) para que EmbedSocial pueda extraer todo el contenido de tu cuenta. Lo haces a través de la pestaña ‘Fuentes’ en la parte superior:

connect your twitter social media account

Deberías seleccionar tu identificador específico de Twitter o fuente después de conectar tu cuenta.

Paso 3: Elige una plantilla de widget de Twitter

A continuación, puedes elegir una de nuestras plantillas listas para usar. También ofrecemos plantillas de widget basadas en IA de X (Twitter), que puedes continuar personalizando a través de indicaciones después:

choose twitter website widget template

Paso 4: Personaliza tu widget de X (Twitter)

Todo lo que necesitas hacer para personalizar tu nuevo widget de Twitter para sitio web es describir el cambio que te gustaría ver en la plantilla de widget del sitio web, como por ejemplo: “Cambia el color de los cuadros a negro”:

customize your twitter website widget

Paso 5: Copia el código del widget incrustable

Una vez que hayas terminado con todo, simplemente navega a la pestaña ‘Incrustar’ (esquina superior izquierda), presiona el botón ‘Copiar código’ y dirígete a tu constructor de sitios web:

copy the embeddable widget code

Paso 6: Pega el código en tu sitio web

El último paso implica añadir un cuadro HTML vacío, copiar el código del widget y guardar la página. Así es cómo hacerlo en todos los constructores de sitios web populares:

Recuerda: Debido a cambios significativos en la API de Twitter en 2023, puedes incrustar la cronología de X (Twitter) solo a través del plan Premium de EmbedSocial. Mientras que, para añadir un feed de Twitter basado en hashtag, menciones o palabras clave, necesitarás un plan Enterprise. Consulta nuestro modelo de precios.

Demostración: Feed integrado de Twitter

Así es como puede verse tu incrustra de cronología de Twitter en tu sitio web:

(function(d, s, id){var js; if (d.getElementById(id)) {return;} js = d.createElement(s); js.id = id; js.src = “/cdn/ht.js”; d.getElementsByTagName(“head”)[0].appendChild(js);}(document, “script”, “EmbedSocialHashtagScript”));

Opción nativa: ¿Cómo incrustar feed de Twitter manualmente?

X (anteriormente Twitter) ofrece a sus usuarios un método oficial para incrustar widgets de feed de X basado en posts de perfil o listas públicas, que viene con sus propias limitaciones.

Por ejemplo, solo puedes incrustar contenido de X desde posts públicos. Por lo tanto, los posts de cuentas protegidas no son compatibles con este método.

El proceso para incrustar cronología de Twitter a través de este método incluye algunos pasos:

Paso 1: Ve al sitio web ‘Publicar’ de Twitter

Primero, tienes que navegar al sitio web Twitter Publish:

twitter publish website landing page

Paso 2: Proporciona tu URL de X

Copia y pega la URL del post de X que deseas incrustar en el campo vacío. Puedes proporcionar un enlace a un solo post, un perfil, un identificador o un hashtag:

copy pasting an x post in twitter publish

Paso 3: Realiza personalizaciones básicas de tu diseño

Elige tu visualización de widget, su tema de color (claro u oscuro), el idioma de visualización y si ocultará conversaciones públicas o no:

customizing your twitter publish widget

Paso 4: Copia el código del widget

Una vez que hayas terminado, simplemente copia el código incrustable:

copying twitter widget code in twitter publish

Paso 5: Pega el código en tu constructor de sitios web

Por último, pero no menos importante, tienes que hacer el mismo paso descrito anteriormente, es decir, pegar el código en el constructor de sitios web de tu elección en un elemento HTML vacío:

pasting the embeddable twitter feed widget code

Así es cómo incrustas feed de cronología de X a través de la opción nativa. Dicho esto, a continuación, comparamos tanto la solución completa de terceros como la opción nativa básica.


Nota: Twitter Publish te permite incrustar cuatro tipos diferentes de widgets dependiendo del contenido que desees mostrar:

types of content you can publish on twitter publish

X Publish vs. agregador de Twitter: Pros y contras

Como te dije antes, la opción nativa ofrecida por X (Twitter) para mostrar tu contenido desde la plataforma de X tiene algunas limitaciones. Por ejemplo, solo extrae los últimos 20 posts de tu cuenta.

Por el contrario, una herramienta de terceros como EmbedSocial te permite incrustar posts de redes sociales de X usando un widget hecho a medida sin ninguna limitación en términos de contenido.

Aquí está el resumen de ambos métodos:

Feed de Twitter incr ustado manualmente a través de X Publish

Con la opción manual proporcionada por X (Twitter), aquí está lo que debes esperar:

Feed de Twitter incr ustado usando EmbedSocial

Con un agregador de Twitter de terceros como EmbedSocial, obtienes:

¿Ves la diferencia? ¿Cuál prefieres más?

Nota:

  • EmbedSocial tiene un constructor de CSS incorporado que te proporciona completa libertad para rediseñar tu feed de Twitter para que se ajuste perfectamente al diseño de tu sitio web.
  • Una vez que incrustas código HTML de feed de Twitter en tu sitio web usando EmbedSocial, tu feed de código de incrustra de feed de Twitter permanecerá siempre sincronizado.
  • EmbedSocial se integra con todas las redes sociales principales como Instagram, Twitter, Facebook, YouTube, etc., y puedes usar todo este contenido.

Tipos de contenido de X que puedes incrustar a través de EmbedSocial

Para ofrecer la mejor solución de terceros posible, EmbedSocial te permite incrustar todo tipo de posts de X, incluyendo hashtags, menciones, palabras clave y posts de cuenta:

Como puedes ver, con esta flexibilidad, puedes crear widgets de feed de Twitter altamente curados y dinámicos adaptados a los objetivos de tu marca.

Beneficios de incrustar feeds de X (Twitter) en sitios web

¿No estás seguro de si agregar un widget de cronología de Twitter o un feed de hashtag vale la pena? Una vez que comienzas a incrustar Tweets, hay muchos beneficios para tu marca:

mind map showcasing the benefits of embedding twitter feeds

Si esto suena como algo que tu marca necesita, incrustar tu feed de Twitter es más fácil de lo que piensas, como has visto en nuestros tutoriales anteriores.

Haz más: ¡Incr usta otros feeds de redes sociales también!

Como agregador de redes sociales todo en uno, EmbedSocial se integra con todas las plataformas de redes sociales más grandes, incluyendo Facebook, Instagram, YouTube, TikTok, etc. Te permite recopilar, moderar y mostrar feeds incr ustados de todas estas redes:

embedsocial supported social media platforms

¿La mejor parte? Puedes combinar todas estas fuentes en un gran muro de redes sociales e incrustarlo en una página dedicada de ‘Muro de amor’ en tu sitio web.

Aquí hay algunos de los otros widgets de redes sociales disponibles en EmbedSocial:

Evidentemente, nuestra herramienta de widget de Twitter es mucho más que eso, es una plataforma completa de UGC para tu negocio que trae contenido original a tu sitio web.

Conclusión: ¡Añade tu feed de Twitter (X) a tu sitio web hoy!

Involucrar tu marca en X (anteriormente Twitter) e incrustar tu actividad en un sitio web es un movimiento inteligente para potenciar la confianza, la participación y el SEO.

Incrustar tu cronología también ayuda a convertir visitantes casuales en seguidores leales de Twitter que se mantengan conectados con las actualizaciones de tu marca.

Ya sea que optes por la herramienta de incrustra nativa de X o un widget personalizado de feed de Twitter, mantendrás a tus visitantes informados y conectados en tiempo real.

Así que no esperes, elige el método que se ajuste a tus necesidades e incr usta tu feed de cronología de Twitter, reseñas de Twitter o hashtags de Twitter en tu sitio web hoy.

Preguntas frecuentes sobre incrustar feeds de Twitter

¿El feed de Twitter incr ustado ralentizará mi sitio web?

En general, incrustar un feed de Twitter en tu sitio web no debería impactar significativamente en la velocidad de carga de tu sitio web. Sin embargo, una personalización excesiva o múltiples feeds pueden tener un efecto menor, especialmente si no estás utilizando un script de carga perezosa para minimizar su impacto.

¿Es posible incrustar feeds de múltiples cuentas de Twitter?

Sí, puedes incrustar feeds de múltiples cuentas de Twitter. Sin embargo, cada feed requerirá su propio código de incrustra único. Asegúrate de seguir las directrices proporcionadas por la plataforma que estés utilizando.

¿Es necesario tener habilidades de codificación para incrustar feeds de Twitter?

No, no necesitas ser un experto en codificación para incrustar Twitter en un sitio web. Muchas plataformas ofrecen widgets fáciles de usar o plugins que simplifican el proceso. Sin embargo, el conocimiento básico de HTML puede ser útil para la personalización.

¿Puedo personalizar el aspecto del feed de Twitter incr ustado?

Sí, la mayoría de las plataformas que permiten la incrustra de feed de Twitter ofrecen opciones de personalización. Por ejemplo, EmbedSocial te permite cambiar el diseño, tema y colores de tu widget. Además, puedes filtrar los tipos de tweets que se muestran.

¿Listo para comenzar con EmbedSocial?

Empieza a construir con EmbedSocial hoy.

Comenzar prueba gratis

Publicaciones relacionadas

View all posts