WordPress

¿Cómo incrustar tweets, líneas de tiempo y botones de Twitter en WordPress sin complementos? – Aprendermarketing

Aunque Twitter es una plataforma de mensajería corta, puede promocionar su contenido de manera efectiva. Además de promocionar sus artículos de WordPress, también puede concentrarse en incorporar una línea de tiempo de Twitter en su sitio web. Esto aumentará la interacción del usuario y el tiempo promedio para visitar su sitio web. Hay muchos complementos sociales de WordPress disponibles que pueden ayudarlo a lograr esto. Sin embargo, los complementos sociales pueden ralentizar significativamente su sitio web, por lo que debe evitar usarlos innecesariamente. Con esto en mente, en este artículo explicaremos cómo incrustar tweets y líneas de tiempo de Twitter en WordPress sin usar ningún complemento.

Incrustar tweets e historial de Twitter

Anteriormente, Twitter ofrecía una pestaña de Widgets en su cuenta. Sin embargo, la última versión tiene una sección separada «Publicación», similar al complemento social para Facebook. Puede elegir widgets y obtener códigos de inserción para insertar en su sitio de WordPress. voy con En la sección de publicaciones de Twitter, puede encontrar tres formas de usar widgets en su sitio:

Opciones para tuitear en Twitter
  • Insertar tuit
  • Insertar una línea de tiempo completa
  • Botón para agregar Twitter

Los usuarios pueden retuitear, comentar y copiar URL de tuits de tuits incrustados directamente desde su página web. Si a los usuarios les gusta tu contenido, también pueden comenzar a seguirte. La ventaja es que puede incrustar los tweets o las líneas de tiempo de alguien en la página. De esta manera, puede agregar información adicional relacionada con su publicación y permitir que los usuarios reciban actualizaciones dinámicas.

1. Incrustar un tweet

Puede incrustar un solo tweet de dos maneras. Una es simplemente incrustar la URL del tweet en un editor de WordPress. WordPress convierte automáticamente las URL en tweets, no necesita complementos ni configuraciones adicionales. Sin embargo, asegúrese de no desactivar la función integrada en WordPress utilizando un complemento de optimización del rendimiento como Perfmatters.

  • Ve a cada tweet tú mismo o cualquier otro usuario.
  • Haga clic en el botón «Compartir» que aparece en la parte inferior del tweet.
  • Seleccione la opción «Copiar enlace del tweet» para copiar el enlace del tweet.
Opciones para compartir tuits
Opciones para compartir tuits
  • Ahora inicie sesión en el panel de control de WordPress y vaya al editor de publicaciones. Simplemente pegue la URL del tweet donde desea que aparezca el tweet. Alternativamente, puede insertar un bloque de inserción para colocar la URL en el cuadro y hacer clic en el botón Insertar.
Incrustar una URL de tweet en WordPress
Incrustar una URL de tweet en WordPress
  • Verás cómo el tweet complementa la imagen (si está disponible en el tweet original) y el contenido del texto. A continuación se muestra un ejemplo real de incrustación de tweets. Como se mencionó anteriormente, una incrustación twitteada contiene opciones para comentarios, respuestas y me gusta.
  • WordPress también cambiará automáticamente el tamaño de los tweets en dispositivos móviles. Asegúrese de que la opción Cambiar el tamaño de dispositivos más pequeños esté habilitada en la configuración del bloque de la barra lateral.
Cambiar el tamaño de los tweets para dispositivos más pequeños
Cambiar el tamaño de los tweets para dispositivos más pequeños

Obtenga el gadget de la sección Publicaciones de Twitter

La forma web de incrustar un solo tweet en WordPress es obtener el código del widget de la sección de tweets de Twitter.

  • Ve a la sección de publicaciones de Twitter y haz clic en la opción «Incrustar tweet».
  • Le pedirá que ingrese la URL y debe obtener la URL del tweet anterior de la opción «Compartir».
  • Debe tener un aspecto como este:
https://twitter.com/Mundo2030/status/1196629464333082624?s=20
  • Una vez que haya recibido la URL, péguela en el cuadro y haga clic en el botón Vista previa.
Introduce una URL de tuit
Introduce una URL de tuit
  • Puede ver una vista previa del tweet y el código del widget para incrustarlo en su sitio web. Si lo desea, haga clic en el enlace «Establecer opciones personalizadas» que aparece en la parte superior del código del widget para ajustar el aspecto del tweet.
Echa un vistazo a tu tweet incorporado
Echa un vistazo a tu tweet incorporado
  • Hay varias personalizaciones disponibles para cambiar el aspecto a claro u oscuro y configurar el idioma. También puede ocultar conversaciones y deshabilitar el seguimiento de anuncios personalizados marcando la casilla «Elegir Twitter personalizado». Cuando haya terminado de personalizar, haga clic en el botón Actualizar para obtener el código de inserción final.
Personaliza tweets individuales
Personaliza tweets individuales
  • Hacer clic Botón «Copiar código» para copiar el código y verá un mensaje de éxito como se muestra a continuación.
El tweet ha sido copiado.
El tweet ha sido copiado.
  • Ahora ve al editor de publicaciones de WordPress e inserta el bloque «HTML personalizado».
  • Pegue el código copiado en el widget, debería verse así.
Incrustar tweets en HTML personalizado de WordPress
Incrustar tweets en HTML personalizado de WordPress
  • Puede hacer clic en «Vista previa» para ver si el widget funciona y, si todo va bien, puede «publicar» su publicación.
  • A continuación se muestra un ejemplo del mundo real de un tweet que utiliza un bloque HTML personalizado en el editor de WordPress.

2. Incruste una línea de tiempo de Twitter en su página

Esto es perfecto para mostrar la línea de tiempo completa de su cuenta. Sin embargo, asegúrese de limitar la altura del widget para que no funcione indefinidamente. Twitter también muestra un botón Cargar después de una cierta cantidad de tweets, en el que los usuarios pueden hacer clic para ver los tweets en paginación.

  • Cuando publique en una página de Twitter, haga clic en la opción Línea de tiempo incrustada e ingrese la URL de su cuenta de Twitter.
Introduce la URL de la cuenta de Twitter
Introduce la URL de la cuenta de Twitter
  • Recuerde ingresar la URL de su cuenta, no la URL de un tweet individual. De lo contrario, obtendrá un error como el siguiente.
URL de tuit incorrecta
URL de tuit incorrecta
  • Después de ingresar la URL correcta, haga clic en el botón Vista previa para ver el código del gadget.
Copie y pegue el código del gadget de línea de tiempo de Twitter
Copie y pegue el código del gadget de línea de tiempo de Twitter
  • Haga clic en el enlace «Establecer opciones personalizadas», establezca la altura y el ancho del widget de la línea de tiempo de Twitter y luego haga clic en el botón «Actualizar».
Establecer la altura y el ancho correctos
Establecer la altura y el ancho correctos
  • Finalmente, copie el código del widget y vaya a su panel de administración de WordPress. Puede usar un bloque de elementos HTML personalizados para mostrar el widget de línea de tiempo en el campo de contenido de la publicación, la barra lateral o el pie de página.

Recuerde que puede usar los gadgets anteriores para mostrar líneas de tiempo, listas y perfiles favoritos al proporcionar la URL adecuada. También puede mostrar historias desde su TweetDeck.

3. Botón de inserción de Twitter

Al igual que los botones Me gusta y Seguir en Facebook, puede incrustar los botones Compartir, Seguir, Mencionar, Marcar y Mensaje en Twitter. Sin embargo, asegúrese de usar la URL correcta para generar el código del widget, según el tipo de botón que inserte.

  • Cuando estés en la sección «Publicar», haz clic en la opción «Botón de Twitter».
  • Verá una lista de botones disponibles, luego haga clic en el botón que desea incrustar.
Elija un tipo de botón de Twitter
Elija un tipo de botón de Twitter
  • Por ejemplo, seleccionaremos el botón «Seguir», por lo que debemos proporcionar la URL de la cuenta para ver la vista previa.
Introduce la URL del botón de seguimiento en Twitter
Introduce la URL del botón de seguimiento en Twitter
  • Copie el código del widget o haga clic en el enlace «Establecer opciones personalizadas».
Copie el código del widget en el botón de seguimiento en Twitter
Copie el código del widget en el botón de seguimiento en Twitter
  • Puede eliminar el nombre de usuario en el botón o aumentarlo a uno personalizado y hacer clic en el botón de actualización para obtener el código del widget final.
Personaliza el botón de seguimiento de Twitter
Personaliza el botón de seguimiento de Twitter
  • Puede colocar el código en cualquier lugar de su sitio de WordPress utilizando bloques HTML personalizados. Así es como se ve el verdadero botón de seguimiento de Twitter en su sitio web.

ultimas palabras

En general, los complementos sociales en WordPress lo ayudan a compartir la URL de su publicación actual de Twitter. Sin embargo, no siempre es necesario mostrar las opciones para compartir. Puede incrustar un solo tweet o mostrar una línea de tiempo completa en Twitter, o agregar un botón de seguimiento en el editor de WordPress como se describe anteriormente, sin necesidad de complementos adicionales.

Deja una respuesta

Tu dirección de correo electrónico no será publicada. Los campos obligatorios están marcados con *

Botón volver arriba