tadarank afiliados

21 dezembro, 2006

Rec6 - Botão de número de votos já mandando o título

Opa.

Sei que estou falando demais nesse Rec6 mas, olhando minha postagem anterior, ví que dava pra fazer um upgrade que ia auxiliar a toda comunidade que tem o botão de número de votos do Rec6 no seu site.

Bom, no capítulo anterior (heheh postagem anterior), vimos que não precisamos ficar presos ao layout oferecido pelo script do Rec6 e aprendemos também a guardar em uma variável JavaScript a quantidade de votos de qualquer link no Rec6.

Mas, ví que, ao clicar no link do botão oferecido pelo script, só vai a URL da página para a indicação, não vai o título automaticamente. O que dá trabalho a nosso visitante que indica o post (ou a nós mesmos quando somos nós que indicamos). Temos que escrever toooodo o título (ou usar a técnica milenar do Ctrl+C Ctrl+V).

Chega de blablablá, o truque consiste apenas em alterar o href dos 2 links presentes no botão, via JavaScript. Simples não? Por que o mico não pensou nisso antes? Mico burro.

O script deles gera um botão sem o parâmetro 'titulo', nosso script adiciona ao link do botão o atributo 'titulo'. É claro que pra fazer isto cada botão precisa estar dentro de algo (div) que tenha um nome único (ID). Mão na massa:

<div class="cod_syxt" id="cod_syxt_js">
 <script language="JavaScript" src="http://rec6.via6.com/link.php?action=widget&url=http://sua_url" type="text/javascript"></script>
</div>
<script>
 links_rec6 = document.getElementById("cod_syxt_js").getElementsByTagName("a");
 ptos = links_rec6[0].innerHTML;
 links_rec6[0].href = links_rec6[0].href + "&titulo=" + "Seu Titulo";
 links_rec6[1].href = links_rec6[1].href + "&titulo=" + "Seu Titulo";
</script>

Se você tiver mais de um botão na mesma página, tem que usar alguma coisa pra dar um nome diferente pra cada div pai dos botões. Eu usei os IDs das postagens. Veja abaixo.

Pro pessoal do Blogger:

<div class="cod_syxt_css" id="cod_syxt_js_<$BlogItemNumber$>">
 <script language="JavaScript" src="http://rec6.via6.com/link.php?action=widget&url=<$BlogItemPermalinkUrl$>" type="text/javascript"></script>
</div>
<script>
 links_rec6 = document.getElementById("cod_syxt_js_<$BlogItemNumber$>").getElementsByTagName("a");
 ptos = links_rec6[0].innerHTML;
 links_rec6[0].href = links_rec6[0].href + "&titulo=" + "<$BlogItemTitle$>";
 links_rec6[1].href = links_rec6[1].href + "&titulo=" + "<$BlogItemTitle$>";
</script>

Não sei muito de WordPress mas arrisquei aqui:

<div class="cod_syxt_css" id="cod_syxt_js_<?php the_ID(); ?>">
 <script language="JavaScript" src="http://rec6.via6.com/link.php?action=widget&url=<?php the_permalink(); ?>" type="text/javascript"></script>
</div>
<script>
 links_rec6 = document.getElementById("cod_syxt_js_<?php the_ID(); ?>").getElementsByTagName("a");
 ptos = links_rec6[0].innerHTML;
 links_rec6[0].href = links_rec6[0].href + "&titulo=" + "<?php the_title(); ?>";
 links_rec6[1].href = links_rec6[1].href + "&titulo=" + "<?php the_title(); ?>";
</script>

Veja esse negócio funcionando ao passar o mouse sobre o botão que tem aqui no meu blog (aproveita e clica heheh). Veja na barra de status que, além do parâmetro 'url', agora também temos o parâmetro 'titulo'.

Bugs? Grita nos comentários ae. Té. (Agora acho que já acabaram minhas postagens sobre Rec6).

Gostou da dica acima? Então clica nos botões de compartilhamento abaixo e me ajude a dica a subir no Google.

7 comentários:

  1. Eita nóis! De novo!!! Vou ter que dar uma olhada nesse Rec6 (é, ainda não me dei o trabalho). Dizem que não é lá grande coisa (começa pelos botões). Beleza micão, se puder melhorar... Continua! (não tem mais o que fazer não?hehehehe)

    ResponderExcluir
  2. haehahe, bixo. O pior é que tenho. hhae.
    Tb tô cheio de outros posts (que não falam do Rec6 heh) guardados.
    Vou soltar só no ano novo, senão tá todo mundo de férias e ninguém lê.

    ResponderExcluir
  3. ae cara. Aqui é o VInícius Krolow, tchê valeo pelas dicas, lá no blog, na verdade aquilo era apenas um artigo, para semana acadêmica da faculdade.

    Foi feito muito em cima do laço, logo não ficou algo muito bom.

    Mas pretendo em cima desse artigo, trabalhar em uma proposta para o meu TCC.

    Agradeço pela visita e dicas... gostei do seu blog, vou acabar sendo um frequentador, adicionei seu feed.

    E vou ler o seu tcc.

    Abraço.

    ResponderExcluir
  4. Uma coisa que seria legal é que se enviasse também aquela descrição, pegando uma parte do artigo mesmo, ai se a pessoa quiser trocar, que faça, senão bastaria dar um clique.

    ResponderExcluir
  5. Sinceramente, sem palavras Micox.

    Estou lendo suas analises sobre o Rec6, e você explica com uma didática bem detalhada.

    Valeu mesmo pelas dicas, estou começando a voltar a escrever no Blog (sabe como é o trabalho atrapalha o internauta), e acrescentar algumas funcionalidades.

    Como não tenho muito conhecimento na área de criação Web (meu curso de html nos primórdios da net acabou a validade ;-) ), o layout segue o padrão por enquanto.

    Parabéns ....

    ResponderExcluir
  6. Sem querer alongar essa história do rec6, mas já alongando: Esse botão no final do post, com o número de pontos do lado, você consegue automáticamente ou tem que submeter o post primeiro. Tentei criar um código para um desses mas não funciona de jeito nenhum. Se puder dar uma dica, agradeço.

    ResponderExcluir
  7. Noronha, não precisa submeter antes não.
    É só deixar o botão lá e o pessoal pode submeter direto por ele.
    Enquanto ninguém ainda tiver submetido ele fica com "0 pontos".

    Sobre o título, ele só manda se tiver mais de 10 caracteres.
    Eu visitei seu blog (sou assinante viu hehe) e ví que tá faltando só este código do titulo aqui.

    ResponderExcluir

Resultado! Concursos