Skip to main content
El botón Post es un pequeño botón que se muestra en tu sitio web para ayudar a los usuarios a compartir fácilmente tu contenido en X. Un botón Post consta de dos partes: un enlace al compositor de Posts en x.com y el JavaScript de X for Websites para enriquecer el enlace con el reconocible botón Post. El sitio publish.x.com ofrece un método sencillo basado en formularios para generar marcado HTML de un botón Post que puedes copiar y pegar en la plantilla de tu sitio. Un evento post se activa en tu página web cuando se toca o se hace clic en el botón Post.

​
Cómo añadir un botón Post a tu sitio web

  1. Crea un nuevo elemento ancla con la clase twitter-share-button para permitir que el JavaScript de X for Websites descubra el elemento y lo convierta en un botón Post. Establece el valor del atributo href en https://x.com/intent/tweet para crear un enlace al compositor de web intents de X.
  1. Prerrellena el texto del Post y sugiere cuentas relacionadas personalizando los parámetros de consulta del web intent de Post.
  1. Personaliza los parámetros del botón Post usando atributos data-*.
  1. Carga de forma asíncrona el JavaScript de X for Websites usando nuestro fragmento de carga. El fragmento de JavaScript comprobará si existe una versión previa en la página, inicializará una cola de funciones que se ejecutará una vez que el JavaScript de los widgets se haya cargado, y cargará el JavaScript de los widgets de forma asíncrona desde el CDN de X.

​
Componentes del texto del Post

​
text

Un parámetro text aparece preseleccionado en el compositor del Post. El autor del Post puede eliminar fácilmente el texto con una única acción de borrado. El parámetro text puede autorrellenarse desde el elemento <title> de la página web si no se establece explícitamente.

​
url

El parámetro url contiene una URL absoluta HTTP o HTTPS para compartir en X. La URL compartida se acortará automáticamente en un Post publicado. Puede aparecer una Card para una URL compartida. El parámetro url puede autorrellenarse desde un elemento de enlace canónico (<link rel="canonical">) o desde el location.href de la página cuando no se establece explícitamente.

​
hashtags

Añade una lista separada por comas de hashtags a un Post usando el parámetro hashtags. Omite el “#” inicial de cada hashtag; el compositor del Post añadirá automáticamente el hashtag correctamente separado por espacios según el idioma.

​
via

Atribuye la fuente de un Post a un nombre de usuario de X usando el parámetro via. La atribución aparecerá en un Post como “ via @username”, traducido al idioma del autor del Post. Un parámetro via puede autorrellenarse desde un elemento link o anchor enlazado a una página de perfil de X con un token de relación me.

​
Personalización del botón

​
Tamaño

Añade el valor large al atributo data-size para mostrar un botón Post más grande.