Marcus VBP

Desenvolvimento de Interfaces WEB

Comentários recentes

Contextualizando o Boo-box no Drupal

07 JAN 2009

Olá pessoal!

À dois dias eu recebi nos meu Google Reader um artigo do Bruno Alves demonstrando como contextualizar o Boo-box no Wordpress.

O Boo-box é um serviço de vitrine para vários tipos de programa de afiliados. Você pode vê-la em ação na coluna lateral ou no final de cada artigo na página principal do blog.

O artigo é muito bom e me inspirou em criar um artigo que ensine a fazer uma implementação semelhante no Drupal.

Eu poderia simplesmente sugerir que o código da vitrine de tags do Boo-box seja inserido diretamente no tema. Mas ultimamente tenho evitado o máximo possível fazer este tipo de lambança. O tema atual do site usa muito disso (o código de qualquer coisa é inserido diretamente no tema) e isso torna tudo mais díficil de manter... Eventualmente devo lançar um novo tema para o site e consertar todos estes defeitos, algum dia...

Irei utilizar dois módulos no meu tutorial: o CCK (Content Construction Kit), um módulo poderoso que me permite inserir campos nos formulários de cadastro de conteúdo, e o Content Template, que fornece meios alterar o template das visualizações de conteúdo (como o teaser, a página inteira e o Feed). Utilizei a versão 5 do Drupal neste tutorial, Mas ambos os módulos foram lançados para a versão 6, e ele é facilmente adaptável.

Após fazer o download e instalação destes módulos, vamos começar a brincar. Primeiro, gere um código para você no assistente do boo-box. Não precisa inserir nenhuma tag. O seu código deve ficar bem parecido com o meu abaixo:

citação:

<!-- boo-widget start -->
<script type="text/javascript">
bb_bid = "107";
bb_lang = "pt-BR";
bb_name = "fixedlist";
bb_keywords = "";
bb_width = "600px";
bb_limit = "6";
</script>
<script type="text/javascript" src="http://widgets.boo-box.com/javascripts/embed.js"></script>
<!-- boo-widget end -->

De todas as variáveis, a mais importante para o tutorial é a bb_keywords (que eu grifei acima, no quote). Vamos usar o CCK para criar um campo no formulário de cadastro de posts, onde serão inseridos as palavras-chave que irão dar valor a esta variável.

Meu artigo começa a diferenciar do Bruno Alves aqui. No seu artigo, ele utiliza as próprias tags de categorias do artigo. É uma ótima solução, mas eu não consegui imprimir as tags removendo o link para a respectiva página de categoria.

Em vez disso, vou criar um campo no formulário de envio de posts, onde as tags serão digitadas. Outra opção seria imprimir o título do artigo como valor da variável, para tornar o processo automático e não precisar de um novo campo.

Com o módulo CCK devidamente instalado, acesse /admin/content/types//add_field. No meu caso, o é "blog", isso pode variar de acordo com cada site. Adicione um campo do tipo "text field". Eu chamei este campo de "tags_boo-box Observe a imagem abaixo.

Adicionar um novo text field via CCK

Após criar o campo, vamos configurar o mesmo. Aqui não tem muito segredo, a única configuração obrigatória é selecionar o tipo de widget "textfield". Eu também adicionei um texto explicativo, informando que as tags devem ser separadas por vírgula. Veja a imagem abaixo:

configurando o campo

Após configurar o campo, vamos esconder seu valor para que ele não seja exibido por padrão no node. Acesse a sessão display fields (/admin/content/types//display). Use o valor Hidden, tanto em teaser e em full. Tente ver algo na imagem abaixo:

ocultando o valor do campo

Depois, vamos acessar /admin/content/types//fields e configurar a posição do campo. Em outras versões do Módulo CCK estas telas podem ser ligeiramente diferentes, mas não é nada que dificulte as coisas. A imagem abaixo tem um easter egg, quem descobrir, ganha uma bala xaxá.

Posicionamento do campo

Terminando nosso trabalho no módulo CCK, agora vamos mexer no Contemplate. o Content Template (contemplate para os íntimos), ele nos permite alterar o template de exibição do conteúdo do site. Ele é um assistente que nos lista uma série de variáveis que podemos inserir no teaser, corpo ou RSS do nosso conteúdo. Acesse o endereço /admin/content/types//template:

editando o teaser com o contemplate

Eu preferi inserir o Boo-box apenas no teaser. Fica a critério e gosto de cada um.

A variável que imprime o valor do campo criado é $node->field_tags_boo_box[0]['value']. Como sei? Simples, esta variável é listada pelo Contemplate na sessão "teaser variables". Novamente, force sua vista tentando entender a imagem abaixo:

contemplate editado

...

Antes que você comece a me xingar e todos os meus descendentes, digo para ter calma. Tive que redimensionar a imagem para que a mesma não quebrasse o layout do site, e ficou meio ilegível. Mas não se preocupe. Eu vou descrever detalhadamente o processo.

Logo abaixo de onde está escrito <?php print $teaser ?> (esta variável imprime o teaser do artigo). Eu fiz a seguinte condição:

citação:

<?php
if($node->field_tags_boo_box[0]['value']) {
?>
<?php
}
?>

Ou seja, estou testando para ver se a variável $node->field_tags_boo_box[0]['value'] possui algum valor. Se houver, vou fazer uma coisa. Essa coisa, no caso, é imprimir o valor desta mesma variável na linha da bb_keywords.

citação:

<?php
if($node->field_tags_boo_box[0]['value']) {
?>
<!-- boo-widget start -->
<script type="text/javascript">
bb_bid = "107";
bb_lang = "pt-BR";
bb_name = "fixedlist";
bb_keywords = "<?php print check_plain($node->field_tags_boo_box[0]['value']) ?>";

bb_width = "500px";
bb_limit = "5";
</script>
<script type="text/javascript" src="http://widgets.boo-box.com/javascripts/embed.js"></script>
<!-- boo-widget end -->
<?php
}
?>

Se o seu blog tiver muitos artigos escritos, você terá vários posts onde o boo-box acima não irá aparecer, simplesmente porque o valor da variável $node->field_tags_boo_box[0]['value'] vai ser nulo. O que você pode fazer é adicionar um "else" à condição acima, e adicionar tags padrão.

citação:

<?php print $teaser ?>
<?php
if($node->field_tags_boo_box[0]['value']) {
?>
<!-- boo-widget start -->
<script type="text/javascript">
bb_bid = "107";
bb_lang = "pt-BR";
bb_name = "fixedlist";
bb_keywords = "<?php print check_plain($node->field_tags_boo_box[0]['value']) ?>";
bb_width = "500px";
bb_limit = "5";
</script>
<script type="text/javascript" src="http://widgets.boo-box.com/javascripts/embed.js"></script>
<!-- boo-widget end -->
<?php
} else {
?>
<!-- boo-widget start -->
<script type="text/javascript">
bb_bid = "107";
bb_lang = "pt-BR";
bb_name = "fixedlist";
bb_keywords = "Notebook,TV,Câmera Digital,Impressora,Monitor";
bb_width = "500px";
bb_limit = "5";
</script>
<script type="text/javascript" src="http://widgets.boo-box.com/javascripts/embed.js"></script>
<!-- boo-widget end -->
<?
}
?>

Claro que dá para tornar esse código acima melhor, com menos linhas, mas estou com uma preguiça federal e é sábado à noite.

O tutorial está completo, e você pode ver o campo funcionando na imagem abaixo:

o campo criado e funcionando no formulário de envio de conteúdo

E com isso, completo o tutorial. Nossa, pensei que nunca iria completá-lo. E olha que ele nem é tão longo assim. Tem quatro dias tento escrever este texto, e sempre tenho que interromper o processo para realizar hábito que não posso ou consigo abandonar, como trabalhar ou dormir o mínimo de horas aceitáveis por dia.

Até a próxima!

Análise do Dynabox, serviço de monetização do Buscapé [ATUALIZADO]

30 NOV 2008

Salve amigos.

Há 13 dias atrás, escrevi uma nota no site, informando que eu iria implementar um novo serviço de monetização do Buscapé, chamado Dynabox.

Seu funcionamento é muito parecido com o Hotwords, que atualmente é o segundo serviço que mais rende neste pobre, porém limpinho blog.

O diferencial é que o Dynabox imprime mais palavras-chave que o Hotwords, além de pagar R$ 0,25 por clique, em vez dos parcos R$ 0,08 pagos pelo Hotwords. Ou seja, a possibilidade de encher o rabo de grana obter um bom retorno parecia concreta.

Ledo engano, pois neste caso, as diferenças pesaram muito mais que as semelhanças. Em 13 dias, o negócio não rendeu um único centavo sequer, enquanto que aquela vitrinezinha do Boo-box ali do lado, rendeu (pouquíssimo, mas rendeu). Dado o destaque que eu dei ao Dynabox, eu esperaria justamente o contrário.

Bom, e quais são os pontos negativos que fizeram toda a diferença no fracasso desta ferramenta? Direi abaixo, mas antes eu preciso ressaltar que o valor pago de R$ 0,25 é pelo clique loja, ou seja, o visitante clica no anúncio, vai a uma página do Buscapé, e se o visitante clicar em algum link de produto, aí sim, você ganha sua parte. Bom, isso não impede que o Boo-box gere grana, então também não deve ser um dos pontos que levou o Dynabox ao fracasso (ao menos neste blog).

Acredito que o primeiro e decisivo ponto para o Dynabox seja sua (falta de) velocidade. O treco é muito lento para exibir anúncios. Contei "de cabeça" que o mouse tem que ficar parado sobre o link por cerca de 1,5 a 2 segundos para que a janela seja exibida.

O segundo ponto é que clicar sobre o link não te leva automaticamente a uma página Buscapé, ela simplesmente abre a janelinha de exibição da publicidade (e este processo também é lento). Ou seja, aumenta ainda mais a distância em cliques entre o possível comprar e sua comissão. O usuário clica no link, espera, decide se quer ou não aquele produto que é exibido, clica no anúncio, vai a uma página de busca do buscapé, onde ele tem que decidir entre vários produtos, e finalmente clicar (ou não) em um produto.

Outra coisa que eu percebi é que aparentemente o javascript do Dynabox interfere no funcionamento do Boo-box e do Jquery, e por isso a elegante janela modal do Boo-box e alguns recursos do blog pararam de funcionar em páginas que o Dynabox.

Por isso, esta ferramenta que parecia tão promissora está sendo sumariamente limada do meu blog.

Uma coisa que eu acho engraçado é que as ferramentas fornecidas pelo próprio Buscapé parecem, ao meu ver, menos preocupadas em fornecer cliques ou compras válidos, apenas em conseguir exibição. Outras ferramentas feitas que utilizam os recursos fornecidos para fazer uma nova forma de exibição, por outro lado, são muito mais eficientes do que as originais.

Talvez o Buscapé revise estes pontos negativos, e eventualmente eu venha a experimentar novamente o Dynabox. Apesar de que tenho que me lembrar que o Buscapé não é lembrado na blogosfera pelo seu respeito ao afiliado...

[AtUALIZAÇÃO] Segundo o primeiro comentário abaixo, que não tenho dúvidas que partiu de alguém da equipe do Buscapé, foram implementadas melhorias no dynabox. Então voltei atrás e reinstalei o script na página. Afinal, todos têm direito a uma segunda chance.

Dynabox, nova ferramenta do Buscapé competirá com o hotwords

17 NOV 2008

A poucos minutos eu recebi um email do buscapé me informando da nova ferramenta deles, chamada Dynabox. É o que você vê na imagem abaixo.

dynabox

É basicamente o mesmo funcionamento do hotwords, com algumas diferenças que, bem, fazem a diferença. Por exemplo, ele agrega muito mais palavras-chaves na página que o hotwords, que agrega apenas 3. Além disso, ele paga 0,25 centavos por clique, enquanto que o hotwords paga apenas 0,08.

Ao que tudo indica, será uma boa fonte de renda para blogs. Já coloquei em testes nos meus blogs, e espero que a concorrência faça o UOL se mover e nos oferecer mais vantagens, ou um valor de clique mais alto.

copyright © Marcus VBP, Todos os direitos reservados

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

Powered by Drupal CMS.