O Boo-Boxifier é um plugin da jQuery que exibe anúncios contextuais de produtos encontrados em lojas virtuais.
Ele é um plugin único que permite estilizar os anúncios utilizando CSS.
Como o plugin procura os anúncios?
Ele usa a API JSON do Boo-Box. O Boo-Box é um serviço que procura os produtos que você determinar, em uma determinada loja virtual, e os retorna com seu ID, assim você ganhará uma comissão pelo click ou venda.
Em que lojas o Boo-Boxifier é capaz de procurar?
Amazon, Ebay, Mercado Livre, Buscapé, Jácotei, Shopping.com, Submarino e Americanas.
Onde posso ver um exemplo do Boo-Boxifier?
Abra a página de demonstração e veja o plugin exibindo anúncios de Laptops do Buscapé e Kimonos do Submarino.
Como posso inserir o Boo-Boxifier no meu site?
1º Baixe a versão completa do Boo-Boxifier e envie para seu servidor.
2º Cole o seguinte código antes da tag </body> de seu site:
<script type="text/javascript" src="jquerycomprimida.js"></script>
<script type="text/javascript" src="boo-boxifier.js"></script>
3º Use esse código para exibir os produtos e não se esqueça de mudar os parâmetros:
<ul class="boo-box Limite-de-Produtos Loja-Virtual Seu-ID / Tags-dos-produtos" ></ul>
Explicação dos parâmetros:
Limite-de-Produtos: Eu consegui exibir até uns 20 produtos por vez. Escolha no máximo 7 produtos porque é pra ser uma vitrine e não um sistema de loja virtual completo.
Loja-Virtual:
- Amazon ID: amazonid
- Amazon UK ID:amazonukid
- Amazon JP ID: amazonjpid
- Amazon FR ID: amazonfrid
- Amazon DE ID: amazondeid
- Ebay ID:ebayid
- Mercado Livre ID: mercadolivreid
- Submarino ID: submarinoid
- Americanas.com ID: americanasid
- Buscapé ID: buscapeid
- JáCotei ID: jacoteiid
- Shopping.com ID: shoppingcomid
Seu-ID: É seu ID de cadastro na loja escolhida. Ele serve para você ganhar a comissão.
Tags-dos-produtos: Escolha os produtos, por exemplo: Laptop Computador.
Hora de um exemplo mostrando 5 laptops ou PCs do Submarino com o ID 123456: <ul class="boo-box 5 submarinoid 123456 / Laptop PC" ></ul>
Posso ver um exemplo de como cada produto fica no HTML?
Essa parte serve para você ver como fica o HTML, podendo assim estilizá-lo usando CSS
Para mudar as cores, eu recomendo setar um ID nos elementos UL. Dê uma olhada no código da página de demonstração.
É, se você não sabe HTML e CSS, tá ferrado.
<li>
<a href="http://boo-box.com/prod/1p6rr/affid:4652329">
<img title="Acessórios para Videogame" src="http://imagem.buscape.com.br/bp5/categorias/2425.jpg">
</a>
</li>
É possível inserir mais de um bloco de anúncios por página? Como?
Sim, quantos você quiser, mas use com moderação. Basta inserir outra tag UL com dados diferentes.
É possível fazer a busca em mais de uma loja por bloco?
Não.
Tem como mostrar o nome do produto em texto e o preço?
No Internet Explorer, está dando um bug com a jQuery. Na próxima versão, tudo estará ok.
De onde você tirou essa idéia, Pedro?
Do Mercado Livre Vitrine Contextual, um plugin para WordPress criado pelo Thiago Mobilon.
Perguntas
Achou algum bug? Tem alguma sugestão, dúvida ou os dois? Deixe um comentário. :)
Obs: O Boo-Boxifier está no diretório de plugins da jQuery. Dê sua nota para o plugin.
Agora só falta o Interney me ensinar a Receita do Sucesso para eu viver Lucrando na Rede.
Gostou desse post? Então assine o RSS Feed, Email ou siga-me no Twitter!
Todos os seus posts eu marco com “estrela” em Google Reader, incrível hahaha.
Responder
Pedro, Excelente iniciativa! Mas deu um erro no meu blog. Apontei direitinho para os endereços dos arquivos JS e o Firebug diz que “$ is not defined” na linha 3 do boo-boxifier.js
Responder
Puxa, valeu mesmo, Marcio. :D
Cid, você não deve ter inserido a jQuery. Use o código que tá no index.html do .ZIP para testar.
Responder
boo!
Muito legal! Obrigado por nos ajudar a espalhar a ferramenta. Vou mostrar pros nossos usuários.
from Brazil, Marco Gomes
CTO of the boo-box team
http://boo-box.com
Responder
Opa Pedro!
Com esta apurrinhação do google exigindo política de privacidade nos blogues.. acho que vou tirar o adsense e só usar o boo-boxifier!
Grande trabalho!
Responder
Excelente trabalho! Parabéns!
Responder
Lindo isso! Agora fiquei na curiosidade para vem ele em funcionamento! :D
Parabéns Pedro, e fico lisonjeado por sua citação.
Abraços
Responder
Marco Gomes, e vai ficar melhor na próxima versão!
Sérgio, quando eu conseguir meu INSS, vou me cadastrar no MercadoLivre e montar uma lojinha. Aí sim, fica legal.
Nagüeva, valeu!
Mobilon, olha na página de demonstração ou ali na sidebar. =D
Responder
Olá Pedro,
Gostaria de usar este Plugin em meu blog, mais tenho duvida se ele terá conflito com o hotwords ou ads…
já sou cadastrado no submarino e no mercado livre.
obrigado e sucesso
Responder
boo!
A boo-box não entra em conflito com nenhum outro programa de rentabilização de conteúdo.
from Brazil, Marco Gomes
CTO of the boo-box team
http://boo-box.com
Responder
Boa noite Pedro,
desculpe minha falha, nao foi por mal, esqueci mesmo.
Já corrigi o erro.
Grande abraço.
Rafael Vergani
Responder
[...] que faz mágicas. Transforma “20 linhas de JavaScript em 10″ ou menos! Eu uso no Boo-Boxifier e [...]
[...] Ganhar Dinheiro Vendendo Produtos Exibidos em seu Site com o Boo-Boxifier 2.0 A versão 1.0 do Boo-Boxifier só permitia mostrar imagens dos produtos. Agora você pode criar vários tipos de anúncio, mas é [...]
Pedrão, há possibilidade de fazer algo para exibir produtos com url amigáveis e com o nome do produto no link?
abraço
Responder
muito bom , gostei belas dicas , valeuu.
Responder