Uêba    RSS   

Como adicionar Juitter no WordPress

Hoje eu estava passando por alguns sites e encontrei uma funcionalidade que chamou-me a atenção. Era uma lista de twittadas sobre o assunto tratado no artigo. Procurei um pouco e encontrei o responsável por isso: Juitter.

O Juitter é um plugin do JQuery que permite agregar uma lista de mensagens do Twitter a uma página de forma dinâmica. Vejamos o que ele pode fazer:

  • É leve
  • Por ser dinâmico, é atualizado constantemente
  • Pode exibir mensagens com busca de palavra
  • Pode filtrar mensagens por idioma
  • Pode exibir avatares
  • Cria automaticamente links

Espero que alguém produza em plugin do próprio WordPress para o Juitter.

Caso queira incluir o Juitter em seu blog hospedado com WordPress, faça o seguinte:

  1. Entre no website do Juitter
  2. Clique no botão “Download Juitter Beta” e armazene o arquivo
  3. Crie uma pasta na raiz do seu blog. Anote o nome da pasta criada. Neste exemplo, eu criei uma pasta chamada “juitter”
  4. Descompacte os arquivos baixados no passo 2
  5. Edite o arquivo jquery.juitter.js. Procure no início do arquivo pela expressão “JUITTER STATIC CONFIGURATION”. Verifique a partir desta linha as seguintes variáveis e configure-as como desejar:
    • username = “xxx”: Isto será utilizado se você quiser inserir mensagens de determinado usuário
    • word = “xxx”: Esta palavra será utilizada para filtrar mensagens se você não indicar nada ao contrário
    • contDiv = “juitterContainer”: Nome da <div> onde incluiremos as mensagens
    • loadMSG = “Carregando mensagens…”: Mensagem a ser exibida durante o carregamento
    • numMSG = 20: Número de mensagens a exibir
    • readMore = “Leia mais no Twitter”: Mensagem para link para o Twitter.
  6. Faça o upload dos arquivos para a pasta criada no passo 3
  7. Adicione no <head> de seu blog as seguintes linhas:
    <script language=”javascript” src=”/juitter/jquery-1.3.1.min.js” type=”text/javascript”></script>
    <script language=”javascript” src=”/juitter/jquery.juitter.js” type=”text/javascript”></script>
  8. Ao editar algum artigo, acrescente ao final dele uma mensagem como “Veja o que estão falando sobre YYY no Twitter”
  9. Passe o editor do WordPress para o modo HTML e insira o seguinte:
    <div id=”juitterContainer”>
    <script type=”text/javascript”><!–
    $(document).ready(function() {
    $.Juitter.start({
    searchType:”searchWord”,
    searchObject:”Emprego”,
    live:”live-0.5″,
    lang:”pt”
    });});
    // –></script></div>
  10. No passo anterior a variável “searchWord” indica que serão exibidas mensagens fitradas por uma palavra. Esta palavra é indicada pela variável “searchObject”. O valor de “live” indica para atualizar a pesquisa das mensagens a cada 0,5 minuto. A variável “lang” faz com que sejam filtradas apenas mensagens em português.

Veja o que estão falando sobre o Juitter no Twitter

O que você achou deste plugin?

 

4 Comentários

  1. Cid via Rec6 says:

    Como adicionar Juitter no WordPress | Blog Tecnologia e Educação…

    Veja aqui como utilizar, no WordPress, o plugin Juitter. O Juitter é um plugin JQuery que permite inserir dinãmicamente mensagens do Twitter em uma página web….

  2. Dhony Silva says:

    Faz tempo que procurava essa funcionalidade pra acompanhar alguns assuntos e eventos na web. Tenho algumas inplementações à fazer com Juiter.

    Valeu, obrigado.

  3. Maicon says:

    Olá rapaz, saiu um plugin pro Juitter hoje, veja aqui: http://wordpress.org/extend/plugins/admiyn-juitter-wordpress-plugin/

  4. Vinicius says:

    É possível filtrar por português brasileiro, ou por país? Em minha lista, está retornando uma grande parte de tweets de Portugual. Grato

Envie comentário