Skip to main content
O Post button é um pequeno botão exibido no seu site para ajudar visualizadores a compartilhar facilmente seu conteúdo no X. Um Post button consiste em duas partes: um link para o Post composer no x.com e o JavaScript do X for Websites para aprimorar o link com o reconhecível Post button. O site publish.x.com oferece uma abordagem simples, baseada em formulário, para gerar marcação HTML para um Post button que você pode copiar e colar no template do seu site. Um evento post é disparado em sua página web quando o Post button é tocado ou clicado.

​
Como adicionar um Post button ao seu site

  1. Crie um novo elemento âncora com uma classe twitter-share-button para permitir que o JavaScript do X for Websites descubra o elemento e aprimore o link em um Post button. Defina um valor de atributo href como https://x.com/intent/tweet para criar um link para o compositor de web intent do X.
  1. Pré-preencha o texto do Post e sugira contas relacionadas personalizando os parâmetros de query do Post web intent.
  1. Personalize os parâmetros do Post button usando atributos data-*.
  1. Carregue de forma assíncrona o JavaScript do X for Websites usando nosso snippet de carregamento. O snippet JavaScript verificará se existe uma versão existente já na página, inicializará uma fila de funções a serem executadas quando o JavaScript de widgets tiver carregado, e carregará o JavaScript de widgets de forma assíncrona do CDN do X.

​
Componentes de texto do Post

​
text

Um parâmetro text aparece pré-selecionado em um Post composer. O autor do Post pode facilmente remover o texto com uma única ação de deletar. O parâmetro text pode ser preenchido automaticamente a partir do elemento <title> da página web, se não for definido explicitamente.

​
url

O parâmetro url contém uma URL absoluta HTTP ou HTTPS a ser compartilhada no X. A URL compartilhada será automaticamente encurtada em um Post publicado. Um Card pode aparecer para uma URL compartilhada. O parâmetro url pode ser preenchido automaticamente a partir de um elemento canonical link (<link rel="canonical">) ou do location.href da página quando não definido explicitamente.

​
hashtags

Adicione uma lista separada por vírgulas de hashtags a um Post usando o parâmetro hashtags. Omita um ”#” precedente de cada hashtag; o Post composer adicionará automaticamente a hashtag separada por espaço adequada por idioma.

​
via

Atribua a origem de um Post a um username do X usando o parâmetro via. A atribuição aparecerá em um Post como “via @username” traduzida no idioma do autor do Post. Um parâmetro via pode ser preenchido automaticamente a partir de um elemento link ou âncora vinculado a uma página de perfil do X com um token de relacionamento me.

​
Personalização do botão

​
Tamanho

Adicione um valor de atributo data-size como large para exibir um Post button maior.