Mostrar mensagens com a etiqueta Contador de Visitas. Mostrar todas as mensagens
Mostrar mensagens com a etiqueta Contador de Visitas. Mostrar todas as mensagens

sábado, 12 de fevereiro de 2011

Contador de visitas

O código abaixo mostra quantas vezes uma pessoa visitou seu blog, ele funciona com base nos cookies, ou seja, quando os cookies do navegador(Internet Explorer, Firefox, Opera) forem excluidos a contagem será perdida, mas isso não é um problema pois quase ninguém faz isso.Se quiser contadores de visitas como sitemeter, analytics e outros veja neste link:Usando Melhor os Contadores de Visitas.

Para usar esse código é bom simples basta copiar e colocar no lugar que você deseja que apareça no seu blog. No começo do código tem a frase "Obrigado por sua visita! Você já esteve aqui", você pode alterar para qualquer frase.

Obrigado por sua visita! Você já esteve aqui
<script language=JavaScript>
function getCookieSlsv (offset) {
var endstr = document.cookie.indexOf (";", offset);
if (endstr == -1)
endstr = document.cookie.length;
return unescape(document.cookie.substring(offset, endstr));
}
function GetCookie (name) {
var arg = name + "=";
var alen = arg.length;
var clen = document.cookie.length;
var i = 0;
while (i < clen) {
var j = i + alen;
if (document.cookie.substring(i, j) == arg)
return getCookieSlsv (j);
i = document.cookie.indexOf(" ", i) + 1;
if (i == 0)
break;
}
return null;
}
function SetCookie (name, value) {
var argv = SetCookie.arguments;
var argc = SetCookie.arguments.length;
var expires = (argc > 2) ? argv[2] : null;
var path = (argc > 3) ? argv[3] : null;
var domain = (argc > 4) ? argv[4] : null;
var secure = (argc > 5) ? argv[5] : false;
document.cookie = name + "=" + escape (value) +
((expires == null) ? "" : ("; expires=" + expires.toGMTString()))
+
((path == null) ? "" : ("; path=" + path)) +
((domain == null) ? "" : ("; domain=" + domain)) +
((secure == true) ? "; secure" : "");
}
function DeleteCookie(name) {
var exp = new Date();
FixCookieDate (exp); // Correct for Mac bug
exp.setTime (exp.getTime() - 1); // This cookie is history
var cval = GetCookie (name);
if (cval != null)
document.cookie = name + "=" + cval + "; expires=" + exp.toGMTString();
}

var expdate = new Date();
var num_visits;
expdate.setTime(expdate.getTime() + (365*24*60*60*1000));
if (!(num_visits = GetCookie("num_visits")))
num_visits = 0;
num_visits++;
SetCookie("num_visits",num_visits,expdate);
document.writeln(num_visits+" vezes!");
</script>


Para mostrar visitantes online, ou seja, quantas pessoas estão visitando seu blog naquele momento você pode pegar o código aqui. Outra coisa bem interessante é saber o total de visitas e também saber de onde vieram seus visitantes para isso oSitemeter é muito bom, ele fornece estatística detalhadas informa de que site vieram suas visitas, de que cidade ou país, resolução de tela, navegador que seus visitantes usaram e outras coisas. 

Usando Melhor os Contadores de Visitas

Colocar um contador de visitas é bem simples, existem vários sites que fornecem o serviço gratuitamente, aqui tem uma lista de vários contadores de visita grátis, alguns recomendados pela própria pagina de ajuda do blogspot:

Google Analytics
Site Meter
TrendCounter
FreeStats
Easy Hit Counters
StatCounter
Feedjit
Who's amung
BlogUtils

Os últimos 3 da lista mostram visitantes online, ou seja, que estão no seu site naquele momento. Alguns desses sites é necessário fazer cadastro para pegar o código, mas eles são grátis, depois que pegar o código entre na pagina layout, adicionar gadget, html/javascript e coloque o código do contador, clique para salvar e pronto.

Mas para que serve um contador de visitas? Parece uma pergunta boba, mas não é somente para enfeitar o blog ou apenas mostrar quantas visitas já tivemos. Existem varias estatísticas e informações úteis nesses contadores, como por exemplo:
Qual a resolução (tamanho) de tela de nossos visitantes?

Eles usam qual navegador (Internet Explorer, Firefox, Opera...)?
Essas perguntam vão ajudar na hora de modificar o layout ou colocar algumas coisas no blog, quando escrevi esse texto a maioria dos visitantes deste blog usava Internet Explorer e tem uma resolução de tela 1024x768, então devemos deixar o blog da melhor forma possível para esta configuração e não para a do nosso computador, afinal o objetivo de todo blog é agradar seus visitantes e se não é possível deixar ele perfeito em todas as configurações e navegadores, devemos dar prioridade para a maioria..

De qual site eles vieram? Outro blog? Site de busca?
O que pesquisaram para chegar em nosso blog?
Com essas informações podemos melhorar nosso conteúdo, por exemplo, publicando coisas que as pessoas procuram. Ainda podemos saber de quais sites recebemos mais visitas isso pode ser útil na hora de fazer parcerias e outras coisas.

Enfim seja qual for o contador que usar, tente explorar melhor as informações que tem nele e aproveitar da melhor forma possível e certamente acharam muitas coisas interessantes e úteis. 

Como usar o Google Analytics no blog

Um dos melhores contadores de visitas que existem para colocar no seu blog ou site é o Google Analytics, ele é invisível no blog isso muitas vezes pode ser uma vantagem, mas se quiser mostrar o numero de visitas pode usar além do Google Analytics outro contador de visitas no seu blog.
Para instalar o Google Analytics no blog primeiro precisa ter uma conta Google, portanto sugerimos usar a mesma que usa no blogger. Na pagina inicial do Analytics clique em: Adicionar perfil de website»
Google Analytics
Marque a opção Adicionar um perfil a um novo domínio e digite o endereço do seu blog no campo Forneça o URL do site que deseja acompanhar, lembre-se o blogspot não tem www no endereço. Depois veja está estão corretas as informações abaixo sobre usa localização e fuso horário.
Contador de Visitas
Se estiver tudo certo clique no botão concluir logo abaixo, na tela seguinte aparecerá o código que deve colocar no seu blog ele está em Novo Código de acompanhamento (ga.js), copie esse código entre no seu blog na pagina layout, adicionar gadget, html/javascript e cole o código do contador e clique para salvar. Quando visualizar seu blog não verá nada de diferente, esse contador é invisível no blog ou site.

Depois de colocar o código do contador no blog clique no botão concluir na pagina do analytics, o site voltará a pagina inicial e provavelmente verá um símbolo assim na frente do endereço do seu blog, isto é normal, pois acabou de colocar o contador no blog ele levará um dia(24 horas) para começar mostrar as informações. Se clicar para visualizar relatórios irá para a pagina de estatísticas que está somente com números zeros por toda parte, afinal o contador foi colocado agora e está pagina é atualizada uma vez por dia por isso não adianta entrar no site do analytics varias vezes por dia para ver as visitas.

Painel do AnalyticsMas é nesta pagina que futuramente vamos ver muitas coisas preste atenção no menu que tem no lado esquerdo, o item fontes de trafego vai mostrar de quais sites vieram suas visitas isso é muito útil, é através dele que sabemos quais sites enviaram mais visitas para nosso blog e assim organizamos nossa lista de top parceiros e abaixo dele tem conteúdo se clicar nele poderá ver quais paginas do seu blog são as mais visitadas. Claro que tudo isso depois que começarem aparecer às estatísticas desse novo contador que colocamos agora no blog. Como já dissemos demora mais ou menos um dia para você receber as primeiras estatísticas sobre seu blog.

Veja também:
Contadores de visitas grátis
Aparecer nos resultados das pesquisas Google e Yahoo
Como divulgar seu blog
Formulário de contato 

Contador de visitas para blog

Coloque no seu blog um contador de visitas online que ainda mostra nas estatísticas o total de visitantes, países de origem, sistema operacional e navegador utilizado. Além disso, esse contador de visitas pode ser facilmente personalizado com as cores que desejar para ficar com o jeito do seu blog. Além deste existem muitos outros contadores de visitas para blogs, veja aqui: Usando Melhor os Contadores de Visitas

Contador onlineEntre no site TrendCounter e clique no botão Get your own Counter

Então é só escolher as cores clicando nos quadrinhos que estão em branco e preto aguardar alguns segundos e ver como ficou o contador na imagem logo abaixo (preview).

Configurar contador de visitas

Quando chegar num estilo que gostar clique em create counter-code, copie o código e coloque no seu blog pela pagina layout, adicionar gadget, html/javascript.

Contador de visitasOutra coisa interessante que podemos dizer é que mesmo após colocar o contador no seu blog é possível editá-lo, trocar suas cores sem perder o histórico do contador. Para modificar o contador após instalar-lo primeiro copie o código do contador que colocou no seu blog, depois entre no site do TrendCounter, no menu clique na opção Adjust Widget
Iamgem

Na tela seguinte você verá Adjust Widget, Your current HTML-Code: então coloque o código do seu contador atual neste campo de texto e clique em submit form. Agora é só escolher as novas cores ou aparência, clicar em create counter-code, pegar o código e colocar no blog novamente igual fez da primeira vez.

Veja também

Contadores de visitas grátis
Quem está visitando o blog agora?
Contador de visitas invisível 

Personalizar Contador de Visitas - Contador com Outra Imagem

Como colocar um contador de visitas dentro de outra imagem, essa foi uma pergunta que recebemos por e-mail e achei bem interessante a idéia. No site que enviaram como exemplo ele colocou o contador de visitantes online dentro de outro banner e o efeito visual ficou muito bom como podem ver na imagem mais abaixo.

Fazer isso não é tão difícil apenas precisa de um código CSS simples para posicionar a imagem de fundo e o contador no lugar certo. O primeiro passo é criar e hospedar uma imagem, depois pegue o endereço da imagem (....). E também criar ou copiar o código do contador que deseja incluir nesta imagem, isso pode ser feito com qualquer contador ou imagem.


Imagem do site GeraLigado

Agora veja esse código e substitua o endereço da imagem pela aquela que hospedou e o código do contador:

<div style="background:url(endereço da imagem) left no-repeat; height: 100px; width: 256px;"><div style='float:left; padding-top:68px; padding-left:155px;'>código do contador de visitas</div></div>


Vamos ver os outros ajustes necessários no código:

height: 100px; width: 256px; nesta parte coloque a altura (height) e largura (width) da imagem que hospedou, tem que ser os valores exatos.

Em outra parte temos: padding-top:68px; padding-left:155px; isso é o posicionamento do contador então altere os valores até conseguir a posição desejada, os números são margens na seguinte ordem: 68(acima), 155(esquerda).

Sabemos que acertar o posicionamento é uma coisa meio chata de fazer, mas não tem outro jeito só fazendo testes com os valores até chegar ao local correto. 
Mostrar mensagens com a etiqueta Contador de Visitas. Mostrar todas as mensagens
Mostrar mensagens com a etiqueta Contador de Visitas. Mostrar todas as mensagens

Contador de visitas

O código abaixo mostra quantas vezes uma pessoa visitou seu blog, ele funciona com base nos cookies, ou seja, quando os cookies do navegador(Internet Explorer, Firefox, Opera) forem excluidos a contagem será perdida, mas isso não é um problema pois quase ninguém faz isso.Se quiser contadores de visitas como sitemeter, analytics e outros veja neste link:Usando Melhor os Contadores de Visitas.

Para usar esse código é bom simples basta copiar e colocar no lugar que você deseja que apareça no seu blog. No começo do código tem a frase "Obrigado por sua visita! Você já esteve aqui", você pode alterar para qualquer frase.

Obrigado por sua visita! Você já esteve aqui
<script language=JavaScript>
function getCookieSlsv (offset) {
var endstr = document.cookie.indexOf (";", offset);
if (endstr == -1)
endstr = document.cookie.length;
return unescape(document.cookie.substring(offset, endstr));
}
function GetCookie (name) {
var arg = name + "=";
var alen = arg.length;
var clen = document.cookie.length;
var i = 0;
while (i < clen) {
var j = i + alen;
if (document.cookie.substring(i, j) == arg)
return getCookieSlsv (j);
i = document.cookie.indexOf(" ", i) + 1;
if (i == 0)
break;
}
return null;
}
function SetCookie (name, value) {
var argv = SetCookie.arguments;
var argc = SetCookie.arguments.length;
var expires = (argc > 2) ? argv[2] : null;
var path = (argc > 3) ? argv[3] : null;
var domain = (argc > 4) ? argv[4] : null;
var secure = (argc > 5) ? argv[5] : false;
document.cookie = name + "=" + escape (value) +
((expires == null) ? "" : ("; expires=" + expires.toGMTString()))
+
((path == null) ? "" : ("; path=" + path)) +
((domain == null) ? "" : ("; domain=" + domain)) +
((secure == true) ? "; secure" : "");
}
function DeleteCookie(name) {
var exp = new Date();
FixCookieDate (exp); // Correct for Mac bug
exp.setTime (exp.getTime() - 1); // This cookie is history
var cval = GetCookie (name);
if (cval != null)
document.cookie = name + "=" + cval + "; expires=" + exp.toGMTString();
}

var expdate = new Date();
var num_visits;
expdate.setTime(expdate.getTime() + (365*24*60*60*1000));
if (!(num_visits = GetCookie("num_visits")))
num_visits = 0;
num_visits++;
SetCookie("num_visits",num_visits,expdate);
document.writeln(num_visits+" vezes!");
</script>


Para mostrar visitantes online, ou seja, quantas pessoas estão visitando seu blog naquele momento você pode pegar o código aqui. Outra coisa bem interessante é saber o total de visitas e também saber de onde vieram seus visitantes para isso oSitemeter é muito bom, ele fornece estatística detalhadas informa de que site vieram suas visitas, de que cidade ou país, resolução de tela, navegador que seus visitantes usaram e outras coisas. 

Usando Melhor os Contadores de Visitas

Colocar um contador de visitas é bem simples, existem vários sites que fornecem o serviço gratuitamente, aqui tem uma lista de vários contadores de visita grátis, alguns recomendados pela própria pagina de ajuda do blogspot:

Google Analytics
Site Meter
TrendCounter
FreeStats
Easy Hit Counters
StatCounter
Feedjit
Who's amung
BlogUtils

Os últimos 3 da lista mostram visitantes online, ou seja, que estão no seu site naquele momento. Alguns desses sites é necessário fazer cadastro para pegar o código, mas eles são grátis, depois que pegar o código entre na pagina layout, adicionar gadget, html/javascript e coloque o código do contador, clique para salvar e pronto.

Mas para que serve um contador de visitas? Parece uma pergunta boba, mas não é somente para enfeitar o blog ou apenas mostrar quantas visitas já tivemos. Existem varias estatísticas e informações úteis nesses contadores, como por exemplo:
Qual a resolução (tamanho) de tela de nossos visitantes?

Eles usam qual navegador (Internet Explorer, Firefox, Opera...)?
Essas perguntam vão ajudar na hora de modificar o layout ou colocar algumas coisas no blog, quando escrevi esse texto a maioria dos visitantes deste blog usava Internet Explorer e tem uma resolução de tela 1024x768, então devemos deixar o blog da melhor forma possível para esta configuração e não para a do nosso computador, afinal o objetivo de todo blog é agradar seus visitantes e se não é possível deixar ele perfeito em todas as configurações e navegadores, devemos dar prioridade para a maioria..

De qual site eles vieram? Outro blog? Site de busca?
O que pesquisaram para chegar em nosso blog?
Com essas informações podemos melhorar nosso conteúdo, por exemplo, publicando coisas que as pessoas procuram. Ainda podemos saber de quais sites recebemos mais visitas isso pode ser útil na hora de fazer parcerias e outras coisas.

Enfim seja qual for o contador que usar, tente explorar melhor as informações que tem nele e aproveitar da melhor forma possível e certamente acharam muitas coisas interessantes e úteis. 

Como usar o Google Analytics no blog

Um dos melhores contadores de visitas que existem para colocar no seu blog ou site é o Google Analytics, ele é invisível no blog isso muitas vezes pode ser uma vantagem, mas se quiser mostrar o numero de visitas pode usar além do Google Analytics outro contador de visitas no seu blog.
Para instalar o Google Analytics no blog primeiro precisa ter uma conta Google, portanto sugerimos usar a mesma que usa no blogger. Na pagina inicial do Analytics clique em: Adicionar perfil de website»
Google Analytics
Marque a opção Adicionar um perfil a um novo domínio e digite o endereço do seu blog no campo Forneça o URL do site que deseja acompanhar, lembre-se o blogspot não tem www no endereço. Depois veja está estão corretas as informações abaixo sobre usa localização e fuso horário.
Contador de Visitas
Se estiver tudo certo clique no botão concluir logo abaixo, na tela seguinte aparecerá o código que deve colocar no seu blog ele está em Novo Código de acompanhamento (ga.js), copie esse código entre no seu blog na pagina layout, adicionar gadget, html/javascript e cole o código do contador e clique para salvar. Quando visualizar seu blog não verá nada de diferente, esse contador é invisível no blog ou site.

Depois de colocar o código do contador no blog clique no botão concluir na pagina do analytics, o site voltará a pagina inicial e provavelmente verá um símbolo assim na frente do endereço do seu blog, isto é normal, pois acabou de colocar o contador no blog ele levará um dia(24 horas) para começar mostrar as informações. Se clicar para visualizar relatórios irá para a pagina de estatísticas que está somente com números zeros por toda parte, afinal o contador foi colocado agora e está pagina é atualizada uma vez por dia por isso não adianta entrar no site do analytics varias vezes por dia para ver as visitas.

Painel do AnalyticsMas é nesta pagina que futuramente vamos ver muitas coisas preste atenção no menu que tem no lado esquerdo, o item fontes de trafego vai mostrar de quais sites vieram suas visitas isso é muito útil, é através dele que sabemos quais sites enviaram mais visitas para nosso blog e assim organizamos nossa lista de top parceiros e abaixo dele tem conteúdo se clicar nele poderá ver quais paginas do seu blog são as mais visitadas. Claro que tudo isso depois que começarem aparecer às estatísticas desse novo contador que colocamos agora no blog. Como já dissemos demora mais ou menos um dia para você receber as primeiras estatísticas sobre seu blog.

Veja também:
Contadores de visitas grátis
Aparecer nos resultados das pesquisas Google e Yahoo
Como divulgar seu blog
Formulário de contato 

Contador de visitas para blog

Coloque no seu blog um contador de visitas online que ainda mostra nas estatísticas o total de visitantes, países de origem, sistema operacional e navegador utilizado. Além disso, esse contador de visitas pode ser facilmente personalizado com as cores que desejar para ficar com o jeito do seu blog. Além deste existem muitos outros contadores de visitas para blogs, veja aqui: Usando Melhor os Contadores de Visitas

Contador onlineEntre no site TrendCounter e clique no botão Get your own Counter

Então é só escolher as cores clicando nos quadrinhos que estão em branco e preto aguardar alguns segundos e ver como ficou o contador na imagem logo abaixo (preview).

Configurar contador de visitas

Quando chegar num estilo que gostar clique em create counter-code, copie o código e coloque no seu blog pela pagina layout, adicionar gadget, html/javascript.

Contador de visitasOutra coisa interessante que podemos dizer é que mesmo após colocar o contador no seu blog é possível editá-lo, trocar suas cores sem perder o histórico do contador. Para modificar o contador após instalar-lo primeiro copie o código do contador que colocou no seu blog, depois entre no site do TrendCounter, no menu clique na opção Adjust Widget
Iamgem

Na tela seguinte você verá Adjust Widget, Your current HTML-Code: então coloque o código do seu contador atual neste campo de texto e clique em submit form. Agora é só escolher as novas cores ou aparência, clicar em create counter-code, pegar o código e colocar no blog novamente igual fez da primeira vez.

Veja também

Contadores de visitas grátis
Quem está visitando o blog agora?
Contador de visitas invisível 

Personalizar Contador de Visitas - Contador com Outra Imagem

Como colocar um contador de visitas dentro de outra imagem, essa foi uma pergunta que recebemos por e-mail e achei bem interessante a idéia. No site que enviaram como exemplo ele colocou o contador de visitantes online dentro de outro banner e o efeito visual ficou muito bom como podem ver na imagem mais abaixo.

Fazer isso não é tão difícil apenas precisa de um código CSS simples para posicionar a imagem de fundo e o contador no lugar certo. O primeiro passo é criar e hospedar uma imagem, depois pegue o endereço da imagem (....). E também criar ou copiar o código do contador que deseja incluir nesta imagem, isso pode ser feito com qualquer contador ou imagem.


Imagem do site GeraLigado

Agora veja esse código e substitua o endereço da imagem pela aquela que hospedou e o código do contador:

<div style="background:url(endereço da imagem) left no-repeat; height: 100px; width: 256px;"><div style='float:left; padding-top:68px; padding-left:155px;'>código do contador de visitas</div></div>


Vamos ver os outros ajustes necessários no código:

height: 100px; width: 256px; nesta parte coloque a altura (height) e largura (width) da imagem que hospedou, tem que ser os valores exatos.

Em outra parte temos: padding-top:68px; padding-left:155px; isso é o posicionamento do contador então altere os valores até conseguir a posição desejada, os números são margens na seguinte ordem: 68(acima), 155(esquerda).

Sabemos que acertar o posicionamento é uma coisa meio chata de fazer, mas não tem outro jeito só fazendo testes com os valores até chegar ao local correto. 
 
DICAS DO BLOGUEIRO. Blogger-SB template es una adaptación del template de Blogger, adaptada por SebaKito, disponible en Somos Blogger.