Esta é minha lista de artigos com a tag "DOM"

Javascript para auxiliar o estudo de métricas

Por: Flávio Theruo KaminisseMonday 28 May 2007 às 4:24 PM

O Henrique comentou em dois textos sobre este assunto, no primeiro texto, Estratégia de métricas parte 1: Métricas para ProBloggers ele falou um pouco sobre métricas e sobre alguns conceitos básicos de ROI e Marketing. Já no segundo artigo Estratégia de métricas parte 2: Google Analytics e a Função urchinTracker, ele falou sobre uma facilidade do Google Analytics para utilizar a função nativa urchinTracker.

Mas o que podemos fazer com esta função?

A resposta é simples, podemos mapear todos os links do site, ou seja, com esta função podemos saber quais áreas são mais e menos clicadas, excelente não? Então podemos mapear todos os links do site apenas editando o template utilizado colocando por exemplo o código:

<a href="/index.php" onclick="javascript:urchinTracker('/menu/item_home');">
    Home
</a>

Mas e se eu quiser ir mais longe e mapear também os links que foram postados dentro dos artigos? Terei que alterar todos os artigos anteriores?

Não, basta utilizar este pequeno script que desenvolvi, ainda na versão beta, basicamente ele vai aplicar a função urchinTracker passando o título, em todos os links do site.

Mas ai teremos a chamada da função duas vezes onde eu já editei o template?

Não, o script primeiro verifica se o link possui o atributo onclick setado, se já possuir ele não fará nada, na verdade no Firefox ele ainda identifica se o onclick é para chamar a função urchinTracker, caso seja, ele realmente não faz nada, caso chame outra função ele adiciona a função urchinTracker neste onclick, por isso ele está na versão beta, falta alguns ajustes para o IE e também para o Opera.

Este script já está pronto a bastante tempo, mas estava querendo escrever este artigo somente quando estes problemas tivessem sido corrigidos, mas infelizmente não estou tendo muito tempo de trabalhar nele, então achei melhor publicar e caso alguém queira me ajudar a finalizar este script, será muito bem vindo, lembrando também que críticas e sugestões também serão super bem vindas.

Mas para que eu irei utilizar um script como este?

A resposta é simples, você terá uma melhor visão da navegação de seu site, ou seja, ficará mais fácil saber quais locais são mais clicados e quais são menos, um exemplo básico aconteceu no artigo Chapéu Preto no AdSense para ajudar seus lucros, que postei três links para se inscrever no site para baixar o pdf, pensei que o mais clicado seria o link da imagem, mas não, o link mais clicado foi na palavra aqui da frase, Clique no link acima (ou aqui), fiquei surpreso.

Estou utilizando também o ELO – Encapsulated Load Object para adicionar a função no onload da página, estou disponibilizando os dois scripts para download aqui (versão rar) ou aqui (versão zip).

Como falei anteriormente, críticas e sugestões serão super bem vindas, então fique a vontade para comentar suas impressões, críticas e possíveis mudanças deste script.

Download do script versão rar.

Download do script versão zip.

[ Update 15/06/2007 10:43 ] Como o Rafael Slonik em seu comentário pediu uma explicação mais detalhada, vou postar aqui caso alguém mais precise de ajuda.

Se você colocar os dois arquivos numa pasta de nome scripts o código fica o seguinte:

<script type="text/javascript" src="/scripts/elo.js"></script>
<script type="text/javascript" src="/scripts/mapClick.js"></script>

Basta colocar estas chamadas antes da tag </head>, caso você utilize outra pasta para armazenar os arquivos .js, basta alterar o nome da pasta.

Caso estas explicações não sejam suficientes, entrem em contato que explicarei com mais detalhes ou até mesmo resolveremos o problema caso a caso.

Links comentados via del.icio.us – 9

Por: Flávio Theruo KaminisseSaturday 9 December 2006 às 11:36 AM

Este é o nono artigo da série links comentados do Japs, quem perdeu algum ou está conhecendo esta série agora pode acompanhar as outras edições por aqui, Categoria Links Comentados.

Só para lembrar, quem quiser continuar recebendo os links que adiciono via del.icio.us em seu feed, basta assinar o Del.icio.us do Japs.

Dicas sobre Procedimentos Básicos em Redes, cfg2html – Documentação completa de máquinas, Preenchimento automático de campos e Configuração de DNS Reverso dicas muito interessantes do Dicas-L.

Baterna – Aula de bateria para quem não tem bateria (online e grátis), quer aprender a tocar bateria? Este é o lugar!

Insert HTML page into another HTML page, traduzindo, inserir uma página HTML dentro de outra página HTML.

Dojo File Upload Progress Bar Widget e AJAX FILE UPLOAD – Uploading local files with AJAX/Javascript to a server, links interessantes sobre Upload.

Retornando valores com stored procedures e explorando querys múltiplas com MySQL e PHP, artigo muito interessante.

DUMP PARA UM ARQUIVO e MANTENDO LOGS E ARQUIVOS TEMPORÁRIOS, dicas interessantes do site Dicas Unix Brasil.

15 Common Mistakes by Google Adsense Publishers that Violate Terms of Service, traduzindo, 15 erros comuns dos usuários do Google Adsense que violam os termos de uso.

Another trick to allow Array subclasses e Using the Eclipse AJAX Toolkit Framework (ATF) Webinar, artigos interessantes para os desenvolvedores.

CSS Tab Designer, outro artigo muito interessante para desenvolvedores.

Do que você precisa pra começar bem o dia? Um café do Starbucks? e E quanto a mim… (As of me…), artigos muito interessantes para aprender e relembrar muitas expressões em Inglês! Se não conhece o Inglês Pra Quê?, deveria conhecer.

Rastreando cliques com o Analytics e Cem dicas para o Adsense artigos muito bons do Janio e tem também a tradução aqui do 100 Dicas para o AdSense no Blogando por Dinheiro.

SEO no Brasil: otimizando seu site ou blog para obter melhores posições no Google – parte 1, dicas muito interessantes para otimizar seu site.

JSLint – Verificador de códigos JavaScript, Calcular dias entre duas datas com JavaScript e Plugin Rec6 número de votos para o WordPress, artigos muito interessantes do Leandro.

Entrevista com Carlos Cardoso: dedicação exclusiva aos blogs – com bons rendimentos, esta não podia ficar de fora de forma alguma, leitura obrigatória.

Baby’s First Language, sem comentários.

Espero que tenham gostado destas indicações de hoje que tiveram mais links do que comentários sobre o link, e quem quiser continuar recebendo os links que adiciono via del.icio.us em seu feed, basta assinar o Del.icio.us do Japs.

E quem tiver mais alguma colaboração, pode postar nos comentários, ou então me enviar.

Powered by Zoundry

Links comentados via del.icio.us – 7

Por: Flávio Theruo KaminisseSunday 19 November 2006 às 5:30 PM

Este é o sétimo artigo da série links comentados do Japs, quem perdeu algum ou está conhecendo esta série agora pode acompanhar as outras edições por aqui, a primeira parte pode ser vista no artigo Links comentados via del.icio.us – 1, a segunda parte pode ser vista no artigo Links comentados via del.icio.us – 2, a terceira parte pode ser vista no artigo Links comentados via del.icio.us – 3, a quarta parte pode ser vista no artigo Links comentados via del.icio.us – 4, a quinta parte pode ser vista no artigo Links comentados via del.icio.us – 5 e a sexta parte pode ser vista no artigo Links comentados via del.icio.us – 6, ou se preferir toda a listagem pode acessar por aqui, Categoria Links Comentados.

Só para lembrar, quem quiser continuar recebendo os links que adiciono via del.icio.us em seu feed, basta assinar o Del.icio.us do Japs.

Como fiquei um bom tempo sem escrever e tive um acumulo muito grande de links vou tentar fazer de forma diferente para abranger uma maior quantidade de links.

A primeira parte de hoje serão links relacionados a Linux, que são: Bloqueando qualquer Messenger em 3 linhas de comando, acho que este nem precisa de comentário, pois o título fala por si só, Utilizando apt-get atrás de um servidor Proxy (Squid), que também nem precisa de comentários, Contagem de Palavras, pequeno script utilizado para contar palavras, quando estava cursando a disciplina, recuperação da informação, uma das técnicas para se medir a relevância de uma palavra no texto, era a quantidade de vezes que esta palavra era encontrada no mesmo, outro artigo RENOMEANDO DIRETÓRIOS COM CARACTERES NÃO IMPRIMÍVEIS, também fala por si só, e o último Usando o Iptables como Firewall no Nível de Aplicação e como IDS.

A segunda parte de links são relacionados ao WordPress, a primeira parte é sobre como criar temas para ele: Vamos criar um tema? e Definindo a estrutura, e iniciando o design, já a segunda parte um vídeo de Como instalar o WordPress (vídeo).

A terceira parte se refere a algumas dicas de tipografia no artigo 7 dicas simples de tipografia para melhorar o visual de seu blog ou de seus documentos, você encontra 7 dicas realmente muito interessantes sobre o assunto, e neste link, t.y.p.o.r.g.a.n.i.s.m : ASCII-O-Matic, um achado do Henrique, sobre ASCII Art, e neste outro, My favourite typography books, vale a pena visitar, excelentes dicas de livros.

A quarta parte de hoje são alguns links sobre desenvolvimento: Controle de sessão e PHP, Modelo de orientação a objetos em PHP 5, Minikit: visual effect bag, Sugar Arrays: Porting over JavaScript 1.6 Array methods, Remote Scripting Transport Patent, Amberjack: JavaScript Site Tour Creator, 3D Rendering in JavaScript e 10 things you (probably) didn’t know about PHP.

A quinta parte de hoje são alguns artigos que recomendo que você leia: Coletânea de links, links muito interessantes postados pelo Bruno Alves, Configurando o dicionário PT-br do Firefox 2, O Mundo Admirável das Novas Tecnologias, Slideshare: compartilhando suas apresentações, estilo YouTube, Tornando mais efetivos os comentários de um blog, Cavalo de Tróia, O que é seu é meu, 10 Maneiras inteligentes de reconhecer um e-mail fraudulento e 9Rules.

E a sexta e última parte de hoje são alguns links para aqueles que estão querendo aprofundar no estudo de idiomas, AS PALAVRAS MAIS COMUNS DA LINGUA ITALIANA, Tecla SAP – O maior portal de dicas de inglês, Inglês Pra Quê?, 7 ótimos podcasts para aprender inglês, Cambridge Dictionaries Online, Business English e Verbos Irregulares da Língua Inglesa.

Espero que tenham gostado destas indicações de hoje que tiveram mais links do que comentários sobre o link, e quem quiser continuar recebendo os links que adiciono via del.icio.us em seu feed, basta assinar o Del.icio.us do Japs.

E quem tiver mais alguma colaboração, pode postar nos comentários, ou então me enviar.

Powered by Zoundry

Relógio analógico em Javascript

Por: Flávio Theruo KaminisseFriday 17 November 2006 às 9:15 AM

Este artido é super rápido apenas para divulgar um link que encontrei, que é muito interessante.

Trata-se de como construir um relógio analógico em javascript, com código e tudo, o código não está muito legivel, pois fizeram a conversão dos caracteres, eu ainda não mexi no código, mas devo fazer em breve, e assim que fizer posto o código certinho.

A dica original pode ser vista no artigo Analog Clock, recomendo que visitem este site, pois ele possui vários exemplos que podem ser muito úteis.

Então sem mais delongas, o código pode ser baixado neste link: Download do código fonte do relógio.

E o exemplo pode ser visualizado neste link: Exemplo do relógio, infelizmente não está funcionando corretamente no Firefox 2.0, mas vou verificar e tentar corrigir.

Espero que gostem desta dica rápida, e aqueles que ainda não conhecem o site About.com, visitem-no, pois tem muito material interessante.

Powered by Zoundry

Links comentados via del.icio.us – 5

Por: Flávio Theruo KaminisseMonday 30 October 2006 às 3:02 PM

Este é o quinto artigo da série links comentados do Japs, este vai ser bem rápido, mas nem por isso deixa de ter links super interessantes, quem perdeu algum ou está conhecendo esta série agora pode acompanhar as outras edições por aqui, a primeira parte pode ser vista no artigo Links comentados via del.icio.us – 1, a segunda parte pode ser vista no artigo Links comentados via del.icio.us – 2, a terceira parte pode ser vista no artigo Links comentados via del.icio.us – 3, já a quarta parte pode ser vista no artigo Links comentados via del.icio.us – 4.

Só para lembrar, quem quiser continuar recebendo os links que adiciono via del.icio.us em seu feed, basta assinar o Del.icio.us do Japs.

O primeiro link de hoje: Prototype based JavaScript tooltip que trata de um script para tooltip utilizando o prototype, vale a pena conferir.

O segundo link de hoje: Must Have Add-Ons for IE7, são alguns add-ons bastante úteis para o IE7, para aqueles que já estão utilizando o IE7, vale conferir aqueles que ainda não estão, podem conferir o próximo link.

O terceiro link de hoje: O IE 7 e como manter a versão 6 instalada no Windows XP, para aqueles que estão com receio de instalar o IE7 e não poderem mais utilizar o IE6, seus problemas acabaram, link muito útil.

O quarto link de hoje: WebSnapr – Website Thumbnails For Your Site, para aqueles que precisam de um thumbnail do site e não possuem uma ferramenta gráfica instalada, fica ai a dica.

O quinto link de hoje: são dois Entendendo Unicode e os Character Encodings e Charsets e encodings que tratam sobre charsets e encodings, vale a leitura de ambos.

O sexto link de hoje: Apertem os cintos, o piloto usa Linux! que é um simulador de vôo para Linux, vale muito a pena conferir.

O sétimo link de hoje: As maravilhas do Shell Script, são algumas dicas muito interessantes para que está iniciando no shell script, e também para aqueles que já tem alguma experiência solidificar os seus conceitos.

O oitavo link de hoje: New Ten Best Free WordPress Templates, são alguns temas para WordPress, recomendo aqueles que ainda não acessaram este site que acessem, e quem tiver interesse em desenvolver temas recomendo este link 001. Vamos criar um tema?

O nono link de hoje: Music Recommendations with JSViz, acho que não consigo nem explicar, você tem que visitar para ver por si só, simplesmente show.

O décimo link de hoje: Print to Preview, artigo muito interessante que trata “printer friendly pages”, ou seja, páginas amigáveis para impressão, leitura extremamente recomendada.

Espero que tenham gostado destas indicações e quem quiser continuar recebendo os links que adiciono via del.icio.us em seu feed, basta assinar o Del.icio.us do Japs.

Powered by Zoundry