Marcus VBP

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:

<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>

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']) {
?>

<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>

<?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']) {
?>

<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>

<?php
} else {
?>

<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>

<?
}
?>

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!

Retrospectiva do blog - 2008

Tags:

31 DEZ 2008

É isso aí meus amigos, o ano acabou, e mantendo a tradição que iniciei no ano passado, analiso como foi o rendimento do blog neste ano que passou.

Bom, este ano eu escrevi bem menos que no ano passado (84 posts, contra 101 em 2007). Dá uma média de 7 posts por mês. Espero ao menos que a qualidade tenha aumentado.

Abaixo, a lista de todos os tópicos do ano:

Dezembro: Planos de batalha atrasados
Novembro: Análise do Dynabox, serviço de monetização do Buscapé [ATUALIZADO]; FAIL tecnológico da semana; Minha "lista de desejos" para o Linux; Dynabox, nova ferramenta do Buscapé competirá com o hotwords; Planos de batalha para os próximos meses; Ubuntu 8.10 "Intrepid Ibex", minhas impressões
Outubro
Setembro: Dreamhost com espaço e banda mensal ilimitados para novos assinantes, até 10 de setembro!; Como alienar pessoas e perder clientes
Agosto: Como salvar fotos do orkut após a última atualização
Julho: 13º Encontro de Web Design: Impressões, parte 2; 13º Encontro de Web Design: Impressões Rápidas; Resolvendo o problema dos layouts de três colunas com elementos clear: both na coluna central; 13º Encontro de Web Design: Eu vou
Junho: Ajude a sustentar a Wikipédia e outros projetos, sem colocar a mão no bolso, e concorra a um Eee PC!; Como destacar seu currículo; Lançado o Wine 1.0; Firefox Download day é amanhã!; Códigos Promocionais Dreamhost - Pegue o seu e ganhe 2.000.000 de MB de espaço em disco; Acontece nas melhores famílias; Opera 9.5 Final disponível para download; Versão RC1 do Opera 9.50 lançada; Novo Site: Natal Importados
Maio: ENSOL 2008, terceiro dia; Wine se aproxima de marca inédita; ENSOL 2008, segundo dia; ENSOL 2008, primeiro dia
Abril: Ubuntu 8.04, primeiras impressões; Ubuntu 8.04 "Hardy Heron disponível para download; Novo site: Olga Portela Arquitetura; Domínios .com.br liberados para pessoas físicas a partir de 1º de Maio; A volta do golpe do boleto falso, agora pela hostdobrasil.com; Usando um iPod Shuffle de 2gb sem utilizar o iTunes
Março: De volta à realidade; Divulgação: iscambo.com no ar!; Problema de SPAM no blog; Iniciando no Ubuntu Linux
Fevereiro: Aprenda com o Garfield, Microsoft; MeioBit: onde trabalham os blogueiros; Drupal 6 é lançado; A morte do trackback em meus blogs; Tutorial: convertendo várias imagens em PDF e depois unindo-as em um único arquivo PDF [UPDATE IMPORTANTE]
Janeiro: Testando o Microsoft Silverlight (ou pelo menos tentando); Download de vídeos e páginas completas no Opera; Google Incentivando o uso de Drogas?; Desenvolvedores de internet, rejubilem-se!; Relatório de Estágio completo, disponível para consulta e download; Enfim, formado; Adendo: Notas da versão online e download da versão completa em PDF; Anexos; Referências; Considerações Finais; Criação do destaque em Flash na página principal; Ajuste de incompatibilidades entre navegadores; Posicionando elementos através da propriedade CSS position; A técnica de image replacement; Colocando o rodapé no local certo; Posicionando as colunas do layout; Centralizando os elementos principais do layout; Organização do Relatório; Hardware e software utilizados; Descrição Geral das Atividades; Sobre o portal Paraíba Jovem; A Empresa; Objetivo; Introdução; O conceito de modelo de caixa ("box model") CSS; Exemplificando o efeito de camadas; Formatação do documento através de CSS; Estruturação do documento em XHTML; Análise e corte do layout aprovado; Organização de pastas do projeto; Atividades do Projeto; Adobe Flash; CSS; XHTML; Embasamento Teórico; Glossário; Agradecimento; Resumo; Relatório de Estágio: Desenvolvimento do Portal Paraíba Jovem; Ano novo, tema novo; Lost-in-Feeds. Ou: o Feed do Globolog é capaz de espantar um visitante assíduo

De longe, o mês mais produtivo foi janeiro, pois publiquei meu relatório de estágio na integra aqui no blog. Aliás, se eu não tivesse feito isso, o balanço do ano teria sido ridículo. O mês com menos postagens foi Dezembro, com apenas duas postagens, contando com esta.

Em termos de comentários, o site está contabilizando atualmente cerca de 628. O tópico mais comentado deste ano foi sobre Sonho Lúcido e Paralisia do Sono, com 76 comentários. O que prova que o brasileiro dorme mal mesmo. O segundo tópico mais comentário foi sobre a NICRegistro, com 21 comentários. O bronze fica com um post que escrevi recentemente, uma lista de desejos pessoal para o Linux, com 20 comentários. Fazer qualquer crítica ao Linux e postar no BR-Linux, tem o mesmo efeito que mexer em um vespeiro.

Em termos de visitação, o blog teve 110 mil visitas, quase 10 mil visitas por mês. 199 mil pageviews (16.58 mil pageviews por mês). O dia com mais visitantes foi dia 19 de Novembro, com 1.273 visitas, segundo o Google Analytics.

61% dos meus visitantes este ano usavam Internet Explorer (IE7 51,82%, IE6 47,63%. Porque que esta porcaria de IE6 não morre logo?), 35% usavam Firefox, 1,31% usavam Opera, e 0,84% usavam o Chrome.

89,68% dos meu visitantes usavam Windows, 9,65% usavam Linux, visitantes em um Mac foram 0,65%. 0,01% dos meus visitantes usavam iPhone.

Mais ou menos 85% dos meus visitantes usavam resolução de tela de 1024x768 ou maior. Visitantes com resolução de 800x600 foram cerca de 10%.

Este ano, a maioria dos meus visitantes vieram do Google (86%), Yahoo foi responsável por apenas 1.79%. O Live Search nem aparece entre as 5 primeiras fontes de tráfego. O tráfego direto foi cerca de 3,40%.

As palavras-chave mais buscadas este ano foram "relatório de estágio" e suas variações, "site de Lan House", "feliz aniversário atrasado" e "paralisia do sono".

Este ano também "emancipei" o blog, separando meu portfólio e hospedando-o no DesignLivre.net.

Infelizmente, o ano teve marcas negativas também. Escrevi muito pouco no meu outro blog, o Praticamente Inofensivo, tanto que acho que nem vale fazer uma retrospectiva destas lá. Também não houveram muitos comentários...

O NH18 faleceu, tive problemas na configuração do site, e como não tinha postagem de conteúdo à meses, resolvi encerrar o funcionamento. O que é uma pena, eu adorava o site. Um usuário ainda me passou um email, elogiando o site e perguntando se ele voltaria. Só por este comentário eu tive vontade de manter o site online novamente. Eventualmente eu irei resgatar o conteúdo do site e postá-lo em outro lugar, ao menos ele continuará disponível.

Este ano não foi ruim, eu apenas tive pouco tempo (e às vezes muita preguiça) de me dedicar ao blog.

E que venha 2009! Parafraseando o Twitter do Cardoso hoje de manhã, que 2008 morra sodomizado por mil camelos e ainda receba telefonemas de bêbados às 4:30 da madrugada.

Planos de batalha atrasados

Tags:

blog
Pessoal

18 DEZ 2008

Oi gente!!

Apenas dando alguns exclarecimentos. Meus planos de batalha estão temporariamente suspensos até eu passar deste período meio conturbado da minha vida.

Acabei de me mudar de volta para a casa da minha mãe, depois de quatro anos morando parcialmente sozinho. Ainda estou me reacostumando e reajustando a minha vida. O motivo da mudança? Aliviar os custos para poder pagar o carro novo mais facilmente.

Também estou com alguns contratempos no meu emprego, e isso está me impedindo de dedicar tempo aos blogs e também aos meus vááários projetos pessoais.

Também estou com uma ótima sorte com os freelas, e estarei bem ocupado por pelo menos uns 2 meses, o que é uma ótima coisa, mas me deteriora muito os nervos trabalhar o dia todo e ainda trabalhar quando chegar em casa...

Enfim, Não esperem muitos posts meus nas próximas semanas.

Desejo a todos um ótimo natal e um feliz ano novo! ;)

Até a próxima.

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

Marcus VBP

Receba por Email

Central de Feeds

Conteúdo popular

Hoje:

Desde sempre:

Desde a última visualização:

Serviços

Comentários recentes

Nuvens de Tags

mini-shopping

Contextualizando o Boo-box no Drupal

Retrospectiva do blog - 2008

Planos de batalha atrasados