Pular para o conteúdo principal

Marcus VBP

Desenvolvimento Web, Drupal, Ubuntu, Nerdices, e o que mais der na telha...

twitter

Tweet

Usando o módulo Twitter para twittar posts

Sim, quem diria, finalmente um assunto sobre desenvolvimento web! E pela lista de temas para posts de blog que tenho aqui, vai ser o único por um bom tempo.

O que posso fazer se tenho vontade de escrever sobre os mais variados temas, como GURPS (um sistema de RPG de mesa), quadros do Mythbusters e desenhos animados?

O texto de hoje é um pequeno tutorial de configuração para o módulo Twitter para o Drupal 6. Na verdade não é um módulo excepcionalmente difícil de configurar, apenas com pecularidades que podem ser confusas, especialmente para quem não tem muita intimidade com a lingua inglesa ou os termos técnicos envolvidos.

O tutorial vai abordar apenas o envio automático de posts direto para uma conta do Twitter, mas o módulo Twitter para Drupal possui ainda os seguintes recursos:

  • Possibilidade de efetuar login no site utilizando sua conta do Twitter;
  • Um filtro de texto que converter palavras começando com "#" e em "@" em links para hashtags e para perfis no Twitter, respectivamente;
  • Possibilidade de copiar os tweets dos usuários para o banco de dados do seu site, o que pode ser uma boa forma de fazer um backup das mensagens do twitter.
  • Integração completa com o módulo Views. 

Recomendo fazer esta configuração apenas quando seu site já estiver sendo acessado pelo seu domínio final.

Parte 1: instalando o módulo, dependências e opcionais

Para começar nosso tutorial você precisa dos seguintes módulos:

  • O módulo Twitter, obviamente: http://drupal.org/project/twitter
  • O módulo OAuth na versão 6.x-2.02: http://drupal.org/node/476824 (é muito importante que a versão do módulo seja exatamente a 6.x-2.02, nem uma mais nem uma menos);

Opcionalmente, você pode instalar o módulo Shorten URLs. Este módulo integra com o módulo Twitter e permite o uso de 25 encurtadores de url por padrão, e ainda configurar outros que não devem ser suportados, como o Migre.me, por exemplo. Mas caso você não deseje utilizá-lo será utilizado o tinyurl.com para compactar os endereços dos posts.

Baixe os módulos acima na pasta /sites/all/modules, e depois ative-os na página de gerenciamento de módulos («seu_site»/admin/build/modules).

Parte 2: configuração básica do módulo Twitter

Não há qualquer necessidade de fazer qualquer configuração no módulo OAuth. Vamos direto para «seu_site»/admin/settings/twitter para fazer a configuração do Twitter.

Você verá uma tela como esta:

Página de Configuração do Módulo Twitter.

Guarde esta url de Callback, ela será importante para obtermos a OAuth Consumer Key e a OAuth Consumer Secret. Estes dados vamos obter apenas na parte 3 deste tutorial.

Dizendo isso, a única configuração importante é a importação dos posts de twitter. Ative-a se quiser, e defina se você quer que os tweets antigos sejam apagados após algum tempo. Se sua intenção é realizar um backup das mensagens o ideal é que os tweets nunca sejam apagados.

Configurando a Aba "Post"

Nesta aba você vai marcar quais tipos de conteúdo que deseja que sejam enviados ao Twitter ao serem criados. Você também vai definir o formato padrão da mensagem a ser tweetada, que pode ser personalizada utilizando os seguintes tokens de substituição:

  • !url: URL original do post;
  • !url-alias: a URL amigável gerado pelo Drupal para o Post;
  • !tinyurl: a URL compactada usando o serviço tinyurl.com;
  • !title: O título da postagem;
  • !user: o usuário que criou a postagem;

Parte 3: Obtendo as OAuth Consumer Key e Secret

Agora vamos voltar à pagina anterior e configurar o passo mais importante para o funcionamento da nossa aplicação.

Abra uma nova aba ou janela (alguém ainda abre janelas em navegadores??) no seu navegador e acesse o endereço: https://twitter.com/apps/new e vamos registrar a aplicação (ou seja, o seu website que vai postar mensagens no Twitter). Nesta página você vai ter que fornecer alguns dados num formulário, Os campos são os seguintes:

  • Application Icon: uma imagem para ilustrar sua aplicação. Totalmente opcional;
  • Application Name: O nome da aplicação, você pode colocar aqui o nome do site;
  • Description: Descrição, você pode colocar simplesmente "Allow the web site to send tweet in every post created." ou algo do tipo;
  • Application Website: O endereço da sua aplicação, que no caso é o endereço do próprio site;
  • Organization e Website: Se você tem uma empresa pode colocar aqui o nome e endereço do site dela aqui. Se não tiver, coloque o endereço do seu portfólio;
  • Application type: No nosso caso vamos selecionar a opção Browser, já que a aplicação é acessível por navegador e não por um cliente desktop;
  • Callback url: Cole aqui a URL de callback que é fornecida na página de configuração do módulo Twitter;
  • Default Access type: O tipo de acesso padrão à API do Twitter. Como queremos postar no Twitter, vamos selecionar a opção Read & Write (ler e escrever); 
  • Use Twitter for login: Marque esta opção se deseja utilizar o Twitter para fazer login na sua aplicação, o que não é o caso deste tutorial;

Agora é só preencher o CAPTCHA (aquelas letrinhas tortas, saca?) e clicar em save, e se você preencheu todos os campos, será enviado para uma página onde será fornecida os OAuth Consumer Key e OAuth Consumer Secret. Copie essas chaves e cole nos respectivos campos na página de configuração do Módulo Twitter.

Parte 4: Permissões

Agora você deve, ou não configurar as permissões do Módulo. Esta configuração não é muito necessária quando o site é mono-usuário e você só acessa com a conta de administrador. Pessoalmente eu crio um papel de usuário para os usuários dos meus clientes, para que eles não acessem o que não deveriam e acabem danificando o site de alguma forma. Neste caso é interessante marcar a permissão "use global twitter account" para o papel de usuário do cliente, para que o cliente possa postar na conta de Twitter do site.

Permissões do módulo Twitter

Parte 5: Adicionar uma conta de Twitter Global

Existem dois tipos de conta de Twitter  que você pode adicionar ao site. Um dos tipos é a conta de usuário comum. Neste caso só serão postados nesta conta de Twitter os posts que forem criados pelo usuário em questão.

As Contas Globais são compartilhadas por todos os usuários do site que possuem a permissão "use global twitter account" de que falei acima. 

Vamos adicionar uma Conta Global ao usuário administrador do site. Vá para a página de edição do usuário («seu_site»/user/1/edit). Você verá uma sub-aba chamada Twitter Accounts. Clique nela.

Você irá para uma página que lista as contas de Twitter daquele usuário (é possível ter mais de uma conta por usuário). Clique no botão Adicionar Conta. Você será redirecionado ao Twitter para que dê permissão de acesso à sua conta.

Autorização do Twitter

Após dar permissão de acesso (clicando em "Allow"), você será redirecionado ao site novamente, e será mostrado informações sobre a conta adicionada (Imagem, nome de usuário e Bio da conta).

No fim da linha da tabela de informações você verá a opção "Make Global". Clique sobre este link e pronto, esta conta será global e poderá ser acessada por mais de um usuário do site. 

As outras opções desta página são as caixas de seleção "Importar" e "Apagar", que respectivamente importam os tweets da conta para o banco de dados do seu site ou apagar aquela conta do seu site. É necessário clicar no botão "salvar alterações" após selecionar estas opções.

Parte 6: Use!

Agora é só criar conteúdos e sair postando no Twitter:

Formulário de criação de conteúdo com o módulo Twitter

Caso queirar criar um conteúdo e não posta-lo no Twitter, basta desmarcar a opção "Anunciar este post no Twitter".

Chegamos ao fim deste relativamente inútil tutorial. Espero que ele tenha algum uso para alguém, pois ele me custou umas 2 ou 3 horas da minha manhã de Domingo de Páscoa!

E se vocês tiverem alguma sugestão sobre o que eu poderia escrever, postem nos comentários. Às vezes eu não tenho idéia do que fazer aqui.

Até a próxima, ou não!

Tópicos: 
DrupaltwitterTutorial
5 comentários
Comente você também!

Seesmic vs. Tweetdeck para Google Chrome

Como todos sabem, sou um usuário de Ubuntu Linux a algum tempo. De fato, tem aproximadamente 18 meses que não tenho nenhum outro sistema operacional instalado no computador.

Uma chateação recorrente que eu e várias pessoas enfrentam é a falta de um cliente Twitter decente para a plataforma.

Existem vários clientes disponíveis, Mas todos falham em fornecer uma boa gama de recursos. Alguns clientes feitos em Adobe Air, como o DestroyTwitter (que utilizei por algum tempo), que possuem bons recursos. Mas sinceramente, aplicativos em Adobe Air são como um Mustang com motor de um Fiat Uno 97: Muito bonitos, desempenho pífio.

Então o Google Chrome lançou uma Loja de Aplicaticos, a Chrome Web Store, e com ela apareceram uma nova gama de possibilidades em clientes para experimentar. Resolvi fazê-lo antes que o Twitter desse um tiro no próprio pé e resolvesse cortar o barato de todos que ajudaram ele a ser o que é hoje.

Testei duas aplicações, o Seesmic e o Tweetdeck, ambos  com recursos e aparência muito semelhantes, mas com algumas características cruciais.

Antes de continuarmos, devo fazer a observação de que o Seesmic não é propriamente um aplicatico desenvolvido especificamente para o Chrome. Quando você executa o App, ele te redireciona para o site do cliente web, o que significa que você pode experimentar o mesmo em outros navegadores.

Seesmic vs. tweetdeck

Aparência e recursos gerais

Interface do SeesmicInterface do TweetdeckBom, como havia dito a pouco, ambos possuem interfaces bastante parecidas. Ambos adotam o layout em colunas, bastante comum em clientes em que é possível utilizar mais de uma conta (ambos possuem esse recurso). O Seesmic exibe muito mais informações em sua interface, O que o acaba deixando-o poluído visualmente. O tweetdeck possui uma interface muito bem trabalhada e com botões grandes. Parece que ele foi desenvolvido pensando em ser utilizado no iPad e outros aparelhos ensebados touchscreen.

Ambos suportam a utilização de mais de uma conta de Twitter e Facebook, o que facilita se você tem que administrar várias contas. Além dos serviços citados a pouco, ambos também suportam atualizações na rede Google Buzz e Foursquare. O Seesmic também suporta atualizações do LinkedIn.

Os 2 aplicativos também possuem a possibilidade de inserir a localidade de onde você está tuitando.  Mas como nunca utilizei este tipo de recurso, não posso dar muitos detalhes sobre eles.

Opções de fluxo

Painel Lateral do SeesmicPainel do tweetdeckOs dois App possuem uma coluna lateral (sendo que no Tweetdeck a mesma está oculta por padrão) onde é possível definir que tipo de fluxo de informação você quer adicionar na área de colunas. O Seesmic sai na frente ao oferecer uma grande quantidade de opções.

Auto-completar de hashtags e seguidos/seguidores

Auto-completar no SeesmicAuto-completar no TweetdeckOutro recurso comum é o auto-completar para hashtags e seguidos/seguidores. O recurso funciona bem em ambos, mas visualmente é muito melhor acabado no Tweetdeck. 

Recursos exclusivos de cada um

Filtros de Palavras do SeesmicUm recurso interessante do Seesmic que sinto falta em vários clientes, é a opção de criar filtros de palavras, essencial em épocas de jogo de futebol, "nowplaying" e BBB. Você pode definir filtros específicos para cada coluna.  De fato, esse recurso foi o que mais me chamou a atenção no Seesmic.

Deck.ly no TweetdeckJá o Tweetdeck possui um recurso ideal se você acha que 140 caracteres é pouco para publicar suas idéias. Ele possui integração com um serviço fornecido pela propria criadora do Tweetdeck, o Deck.ly, que permite que você publique textos maiores que 140 caracteres. Não é um recurso que considero a última bolacha recheada do pacote, mas é útil em algumas ocasiões.

Além disso, o Tweetdeck é mais integrado ao Google Chrome exibe notificações deskop para as colunas que você você escolher. Por exemplo, utilizo noticações por som e desktop sempre que alguém cita meu perfil do twitter.

Notificações no Tweetdeck

Conclusões

Minha escolha pessoal foi o Tweetdeck. Apesar do Seesmic possuir um recurso que considero vital (o filtro de timeline) e quase todos os outros recursos do Tweetdeck, este tem a interface muito mais acabada, além de uma integração mais apurada com o Google Chrome.

O Seesmic possui uma interface muito poluída, e com um acabamento um pouco pobre nos detalhes (vide o auto-completar que comentei acima), o que acaba tirando um pouco do seu brilho. Outro exemplo deste "mal acabamento" está na página de listagem de contatos:

A exibição de contatos no Seesmic é bugada no Google Chrome

Tópicos: 
twittergoogle chromemídias sociais
0 comentários
Comente você também!
Inscreva-se em RSS - twitter

Siga no Twitter

Follow @marcusvbp

Assine por Email

Mais Comentados

  1. Sonho Lúcido e Paralisia do Sono (407)
  2. Relatório de Estágio completo, disponível para consulta e download (137)
  3. Usando um iPod Shuffle de 2gb sem utilizar o iTunes (30)
  4. Novo vírus do Orkut (alguma novidade?) (29)
  5. A volta do golpe do boleto falso, agora pela hostdobrasil.com (26)
  6. Hospedagem ILIMITADA por apenas 7 Reais mensais*? Só na Dreamhost! (26)
  7. Minha "lista de desejos" para o Linux (25)
  8. Webdesign no Linux Parte 4: Rodando um servidor Apache com PHP e MySQL (23)
  9. Webdesign no Linux, parte 3: programas de edição de código (23)
  10. Meu primeiro sistema em PHP e MySQL (temperado com Javascript) (23)

Populares do dia

  1. Novo Site: Natal Importados (2)
  2. Webdesign no Linux Parte 4: Rodando um servidor Apache com PHP e MySQL (2)
  3. Usando o módulo Twitter para twittar posts (1)
  4. Usando um iPod Shuffle de 2gb sem utilizar o iTunes (1)
  5. Essa NICRegistro... (1)
  6. O que é um CMS e para que serve? (1)
  7. Sonho Lúcido e Paralisia do Sono (1)
  8. Centralizando os elementos principais do layout (0)
  9. Organização do Relatório (0)
  10. Hardware e software utilizados (0)
mais

Informativo

  • Relatório de Estágio: Desenvolvimento do Portal Paraíba Jovem
  • Gerenciamento de Conteúdo com o Drupal
  • Informativo

RSS Feed

  • RSS do Blog
  • RSS Mobile
  • RSS dos comentários

Arquivo mensal

  • Maio 2012 (2)
  • Abril 2012 (2)
  • Março 2012 (3)
  • Fevereiro 2012 (1)
  • Janeiro 2012 (4)
  • Dezembro 2011 (1)
  • Novembro 2011 (2)
  • Setembro 2011 (2)
  • Agosto 2011 (3)
  • Julho 2011 (2)
  • Junho 2011 (2)
Mais

Tópicos

  • ação (2)
  • Acessórios (1)
  • adsense (3)
  • Agenda (1)
  • Ajuda (1)
  • Android (2)
  • Animação (1)
  • Ano novo (1)
  • Apache (1)
  • Apple (2)
  • Arena (2)
Mais

Meu Twitter

Permitida a cópia desde que citado a fonte. [Política de Privacidade]

Powered by Drupal CMS.