Código HTML do Twitter a ser incorporado

Para incorporar um feed do Twitter (fonte da Web) ao seu site, o Twitter possui um widget que você pode usar para criar o código JavaScript e HTML necessário para ele. Você pode modificar muitas das preferências padrão para que o aplicativo atualize automaticamente o código necessário para copiar e colar no seu site. O uso do aplicativo e a incorporação de um feed do Twitter no seu site não exigem que você tenha sua própria conta no Twitter.

Widget de perfil

Uma das páginas do site do Twitter (twitter.com/about/resources/widgets/widget_profile) possui um widget que permite personalizar a aparência da apresentação do feed do Twitter no seu site. Especifica quantos tweets devem ser exibidos no aplicativo pequeno ao mesmo tempo (de 1 a 30), se uma barra de rolagem deve ser usada ou não e se novos tweets devem ser exibidos à medida que estão sendo feitos ou se devem ser “atualizados” “(recarregar) o aplicativo em intervalos de tempo. Você também pode optar por exibir avatares, carimbos de hora ou “hashtags” (palavras escritas após o símbolo “#” que funcionam como tags) em cada tweet.

Formatar

Você pode alterar muitas das regras de formatação padrão no widget, em termos de aparência e tamanho. Ele muda as cores dos planos de fundo, incluindo a área que existe atrás dos tweets, bem como muda sua concha. Você também pode alterar a cor do texto no quadro, o texto em cada tweet e o texto “link”. Ajuste a largura e a altura do aplicativo, especificando os dois valores em pixels, escolhendo números que se ajustem ao espaço designado para o feed do Twitter no seu site.

Código HTML

Quando estiver satisfeito com a aparência do widget após testá-lo na página do Twitter, clique no botão “Concluir e pegar código” nessa página para gerar automaticamente o código HTML que define o feed “em uma função JavaScript. Isso converte todas as suas seleções de formato em atributos de vários tipos de dados para um objeto de widget e inclui todas as configurações, como o número de tweets, cores e tamanho, sem exigir que você faça alterações adicionais.

Implementação

Copie o código da página do widget e cole-o em um ou mais de seus arquivos HTML, onde quiser que o feed do Twitter seja exibido. O parâmetro fornecido na função “setUser” no código contém o nome da conta do Twitter mostrada no feed. Cole o código várias vezes em uma página e altere esse valor para várias contas diferentes, para mostrar uma coleção de feeds do Twitter em um só lugar.

Referências

 

Você pode estar interessado:

Deixe um comentário