No final desse artigo cito algumas referências que cobre o básico sobre esse assunto, por exemplo, como se cadastrar no Google Analytics.

Como funciona os sistemas de estatíticas?

Os sistemas de estatíticas normalmente requerem que você acrescente um pouco de código no final de todas as páginas. Esse código avisa o sistema toda vez que alguém visita o seu blog, mas não tem como adivinhar se você está visitando o seu próprio blog ou outra pessoa, então ele conta a visitação de todo mundo. Mesmo quando plugins são instalados, por exemplo no WordPress, o código é adicionado nas páginas do blog.

Filtrar as próprias visitas é importante, tanto que o Google Analytics possui mecanismos de exclusão de tráfego nos relatórios. Essa exclusão pode ser feita através de endereço IP ou cookie. Se quiser saber como, está tudo explicado na ajuda do Analytics: Como faço para excluir meu tráfego interno dos relatórios?. O problema do endereço IP é que a maioria dos blogueiros não possuem um endereço fixo e o problema do cookie é que ele precisa estar presente em todos os browsers, de todos os computadores usados pelo blogueiro e é necessário lembrar de reinstalar o cookie toda vez que esse for apagado. Se você acessar o blog de um computador público, por exemplo, o seu cookie não vai estar lá.

Como fazer com que suas visitas sejam ignoradas?

Alguns plugins para o WordPress fazem isso automaticamente. Na verdade a solução é bem simples e pode ser resumida no pseudo código abaixo:

Se não for eu então inclui o código das estatísticas.

Abaixo está o código do Google Analytics para inclusão no WordPress. É necessário substituir “UA-XXXXXXX-X” pela sua chave. O código exclui todos os usuários que estão logados, o que na maioria dos blogs, significa apenas o dono do blog. O mesmo pode ser feito para outros sistemas de estatísticas, sendo suficiente, substituir o código do Google Analytics pelo código do outro sistema. Entendendo o código:

• Linha 1: Se o usuário não está logado então,
• Linha 2-13: código do Google Analytics
• Linha 14: Fim

 1 <?php if ( !is_user_logged_in() ) { ?>
 2 <script type="text/javascript">
 3 var gaJsHost = (("https:" == document.location.protocol) ? "https:
 4 //ssl." : "http://www.");
 5 document.write(unescape("%3Cscript src='" + gaJsHost + "google-
 6 analytics.com/ga.js' type='text/javascript'%3E%3C/script%3E"));
 7 </script>
 8 <script type="text/javascript">
 9 try{
10 var pageTracker = _gat._getTracker("UA-XXXXXXX-X");
11 pageTracker._trackPageview();
12 } catch(err) {}
13 </script>
14 <? } ?>

É possível fazer o mesmo para a plataforma Blogger?

Sim, é provavelmente possível. A plataforma possui um método indireto de saber se o usuário está logado ou não: o link de edição de postagens. A implementação deixo para os hackers do Blogger.

Referências básicas:

Como usar Google Analytics no Wordpress
Google Analytics
Criar conta no Google Analytics
Qual o melhor contador para blogs?
Woopra-um super programa de estatisticas
Woopra – Análise de visitas em tempo real

O foco do Dicas Blogger é a plataforma Blogger. A arte de blogar não se resume apenas a encontrar os melhores hacks e templates para uma determinada plataforma, mas também a saber como escrever, como se comportar, recursos disponíveis na Internet, e muito mais. Por esses motivos, mesmo blogueiros que optaram por outras plataformas acompanham o blog.

O que aprender com os veteranos?

Imagine-se em uma floresta densa, território desconhecido, tentando encontrar o seu caminho. Difícil não? Mas se já houverem trilhas, talvez algumas placas, já fica mais fácil. Os que chegaram primeiro possuíam menos informação disponível que temos hoje na blogosfera, devo acrescentar, principalmente informação na nossa querida língua portuguesa, vítima de muitas tentativas de assassinato e mutilações. Leio inglês fluentemente, até mesmo por força da minha profissão, sou aspirante a cientista, e os outros que não tem a mesma sorte? Ficam perdidos, não sabem como se orientar, como procurar ajuda, nesse mundo virtual onde a língua franca é o inglês.

Antes de começar esse blog, li muito, li os melhores, entre eles o Dicas Blogger. Como disse o grande guro Cardoso, em Passaralho Twitteiro : “Eu entendo, começar é uma bosta mesmo.” Seguindo os conselhos e lendo um pouco mais, reparei que não comecei tão mal como alguns deles. A receita básica é simples: mantenha o seu blog atualizado com conteúdo original e bem escrito, participe da comunidade da blogosfera e divulgue o seu trabalho. Sim, meu blog tem poucas visitas, hoje, até agora consegui 27 visitas e o meu último post não emplacou. Por exemplo, Me Tire do meu Ócio!!! disse que no início ficava feliz com 100 visitas/mês, eu já tenho mais de 300 nas primeiras 3 semanas e eu não aplico tudo (ainda). Com certeza falta muito para atingir os 10.000 page/views diários do Dicas Blogger.

Não são apenas os posts a fonte de aprendizado, o próprio blog também é fonte de aprendizado. Vejamos o homenageado mor de hoje, o Dicas Blogger. Informações importantes estão logo no cabeçalho, como os templates disponibilizados, as perguntas frequentes e a série primeiros passos, essencial para os blogueiros de primeira viagem. Os marcadores usados são descritivos, mas não há excesso deles. Isso demanda organização. Possuir 200 marcadores diferentes não ajuda muito.

O sucesso do Dicas Blogger é por merecimento. O blog completa dois anos, todos torcemos para que continue a nos orientar por muito mais tempo.

Quais são os problemas da postagem automática do diggo?

• Posta o conteúdo das páginas: Além disso não ser adequado por poder violar direitos autorais, o automático nem sempre fica bom. Algumas figuras ficaram pela metade.
• Posta os links como nofollow: Eu gostei dos links é justo que esses sejam contabilizados no pagerank das referidas páginas.
• Posta alguns dizeres em inglês e detalhes que não acho relevantes.

Solução:

Não vou desistir do diigo, porém passarei a usar o meu próprio “template”. Para isso, escreverei um pouco de código, afinal, qual é mesmo minha profissão?

Figura 1: Erro do Feed do WordPress no FireFox

Figura 2: Configuração do FeedBurner para feeds

Os arquivos a serem modificados são feed-rss2.php e feed-rss2-comments.php da pasta wp-includes. As listagens abaixo mostram o início dos arquivos já modificados. No arquivo feed-rss2.php foram acrescentadas as linhas 11 a 13, e no arquivo feed-rss2-comments.php as linhas 13 a 15. Repare que o código acrescentado em ambos os arquivos é o mesmo.

feed-rss2.php

 1 <?php
 2 /**
 3  * RSS2 Feed Template for displaying RSS2 Posts feed.
 4  *
 5  * @package WordPress
 6  */
 7 
 8 header('Content-Type: ' . feed_content_type('rss-http') . '; charset='
 9 . get_option('blog_charset'), true);
10 $more = 1;
11 $out = ob_get_contents();
12 $out = str_replace(array("\n", "\r", "\t", " "), "", $input);
13 ob_end_clean();
14 
15 echo '<?xml version="1.0" encoding="'.get_option('blog_charset').'"?'.
16 '>'; ?>

feed-rss2-comments.php

 1 <?php
 2 /**
 3  * RSS2 Feed Template for displaying RSS2 Comments feed.
 4  *
 5  * @package WordPress
 6  */
 7 
 8 header('Content-Type: ' . feed_content_type('rss-http') . '; charset='
 9 . get_option('blog_charset'), true);
10 
11 echo '<?xml version="1.0" encoding="'.get_option('blog_charset').'"?'.
12 '>';
13 $out = ob_get_contents();
14 $out = str_replace(array("\n", "\r", "\t", " "), "", $input);
15 ob_end_clean();
16 ?>

No artigo W3it: Wordpress: feed output error solution. How to remove white spaces and fix problems também é colocado um problema em relação à URL no feed de comentários, sendo estas do tipo http://www.axew3.com/b10g/?page_id=5&cpage=1#comment-357 podem ocasionar problemas em alguns browsers devido ao caracter “&”. No entanto, as URL dos meu comentários são da forma http://www.desenvolvendosoftware.com.br/2009/08/codigo-fonte-com-cores/comment-page-1/#comment-10.

Por que a diferença? No meu artigo, Configurações Importantes WordPress: URL e Anti-Spam explico como gerar URL “bonitas” para as postagens. Graças a essa configuração, o caracter problemático não aparece e não é necessário fazer nenhuma modificação adicional.

Depois de modificar os arquivos, é necessário dar um “ping” no FeedBurner, senão o feed com erro continuará a ser utilizado. O link para o ping está localizado bem abaixo, está em destaque na figura 2. Antes da atualização do WordPress, faça o backup de ambos os arquivos, pois eles serão alterados. Caso você não uso o FeedBurner, os outros arquivos de feed localizados na pasta wp-includes também precisarão ser alterados.

1 – A interface do programa

A interface do programa é simples, vamos começar com a figura 1. Na posição (1) aparece o menu, isso mesmo, apenas 2 opções. É possível abrir mais de um arquivo ao mesmo tempo e eles aparecem na posição (2). Em (3) temos uma pré-visualização de como ficará a conversão. As opções mais importantes de (4) são:

• Add line numbers – se estiver selecionada, os números de linha serão adicionados e o número à direita (2 na figura) indica o espaço mínimo ocupado pelo número. Essa opção existe para evitar que o código fique desalinhado devido aos números de linhas.
• Pad with zeros -Se estiver selecionada zeros são colocados à esquerda do número, se não estiver, espaços são colocados à esquerda.
• Omit header and footer – Se estiver selecionada, o cabeçalho nem o rodapé do arquivo HTML é gerado. Depois haverá um exemplo.

Na posição (5) o botão Convert Files gera arquivos com o código e o botão Clipboard copia o código para a área de transferência. Veremos adiante que esta é uma opção muito prática.

Figura 1: Mostra a tela inicial do Highlight

Na figura 2, temos uma nova tab: Output Specific. Primeiro temos dois checkboxes: Embed Style (CSS) e Inline CSS. A primeira opção inclui o estilo CSS no código gerado. Se a segunda estiver checada também, a formatação não dependerá do CSS. Informações de fonte, cores, etc, estarão especificadas em cada elemento. Esta última opção é útil para os casos onde não é possível modificar o CSS, como a hospedagem gratuita do WordPress.

Figura 2: Mostra opções de estilo da tab output

Na figura 3, ainda na tab Output Specific, em Misc, há uma opção bem interessante: “Enclose in pre tags”. Esta opção pode ser selecionada quando se omite o cabeçalho e o rodapé (figura 1). Neste caso, o programa porá automaticamente as tags

. Neste caso, o código formatado estará pronto para ser copiado e colado na post (lembra do botão clipboard). A tab Formating possui opções para mudar as cores, fontes, etc (figura 4). Eu uso o tema acid.

Figura 3: HighLigh Output - tag

Figura 4: HighLight Tab Formating

2 – Configuração do Template

• Escolha um arquivo qualquer e gere a saída com as cores e fontes desejadas. A opção Omit header and footer (figura 1) precisa estar desabilitada e a opção Embed style(css) (figura 2) precisa estar habilitada.
• O trecho de código abaixo mostra as definições criadas pelo programa. É necessário copiar o conteúdo da linha 7 até a linha 23 e colar no template.

 5 <style type="text/css">
 6 <!--
 7 body.hl	{ background-color:#eeeeee; }
 8 pre.hl	{ color:#000000; background-color:#eeeeee; font-size:8pt;
 9 font-family:'Courier New';}
10 .hl.num { color:#800080; font-weight:bold; }
11 .hl.esc { color:#ff00ff; font-weight:bold; }
12 .hl.str { color:#a68500; }
13 .hl.dstr { color:#0000ff; }
14 .hl.slc { color:#f27900; }
15 .hl.com { color:#ff8000; }
16 .hl.dir { color:#0080c0; font-weight:bold; }
17 .hl.sym { color:#ff0080; font-weight:bold; }
18 .hl.line { color:#303030; }
19 .hl.mark	{ background-color:#ffffbb;}
20 .hl.kwa { color:#bb7977; font-weight:bold; }
21 .hl.kwb { color:#8080c0; font-weight:bold; }
22 .hl.kwc { color:#0080c0; }
23 .hl.kwd { color:#004466; }
24 //-->
25 </style>

Figura 5: Mudança Template do WordPress

Figura 6: Mudança Template Blogger

3 – Geração do código formatado com cores

Depois da alteração dos templates, eu deixo as opções Omit header and footer e Enclose in pre tags habilitadas. Abro os arquivos cujo código desejo formatar e clico em Clipboard e depois colo no editor de postagens. Às vezes é necessário fazer alguma formatação adicional. A borda em volta do meu código é uma formatação extra que inclui no meu CSS.

pre.hl	{ color:#000000; background-color:#eeeeee; font-size:8pt;
font-family:'Courier New'; border-style:solid; border-width:3px; padding:3px;}

Nas instruções do site em inglês da WordPress diz que para instalar o WordPress na raiz do domínio (ex: http://www.exemplo.com.br/) é necessário por todos os arquivos do WordPress na raiz. Mas isso não é verdade, outro documento ensina como fazer diferente. Por que não é adequado instalar o WordPress na raiz do domínio? Você não instala um programa na raiz do seu disco rígido, não é mesmo? Se instalarmos tudo na raiz, o servidor fica uma bagunça. Assim, no meu domínio eu tenho o WordPress instalado na pasta wordpress mas o endereço do meu blog é http://www.desenvolvendosoftware.com.br/.

1 – Mudança do endereço do blog

• Logue no painel de administração http://localhost/wordpress/wp-admin/, usuário admin e a senha.
• Na barra lateral, vá em configuração e mude os dados como está na Figura 10 e depois confirme.
  
  

  Figura 1: Mostra como mudar o endereço do blog

• Faça o logout do painel de administração.
• Mova o arquivo index.php da pasta UniServer\udrive\www\wordpress para a pasta UniServer\udrive\www. Aparecerá uma mensagem alertando da existência de outro arquivo index.php. Esse arquivo pode ser sobrescrito sem problema.
• Mude a seguinte linha do arquivo index.php:
  require('./wp-blog-header.php');
  para
  require('./wordpress/wp-blog-header.php');
• Pode agora entrar no seu blog http://localhost/
  
  

  Figura 2: Mostra a página inicial do blog

Pronto o endereço do blog foi alterado.

2 – Criação dos Links Permanentes “Bonitos”

A forma padrão de se acessar as postagens do blog é algo do tipo: http://localhost/?p=123. Esse tipo de acesso é pouco conveniente, não diz nada a respeito em relação à postagem. No entanto, o WordPress permite que se configure URL mais “bonitas”:
http://www.desenvolvendosoftware.com.br/2009/08/configuracoes-importantes-wordpress-url-anti-spam.

Para isso, siga os passos abaixo:

• Faça login novamente no painel de administração. Há um link no blog, está indicado em vermelho na figura 2.
• No menu lateral escolha a opção Configurações e depois Links Permanentes. Aparecerá a página da figura 3. Lá estão algumas opções, as mais comuns, eu escolhi Mês e Ano
  
  

  Figura 3: A página para mudança dos links permanentes

• Clique em Salvar Alterações.
• Deverá aparecer a mensagem: Estrutura de links permanentes atualizada.

3 – Configuração Anti-Spam

• Vá para o site http://www.wordpress.com/. Caso você já tenha uma conta se logue, caso contrário registre uma.
• Clique em Meu painel de controle, está bem em cima.
• Clique na barra lateral em Perfil. Na Figura 4 aparece o meu perfil. Na localização do retângulo vermelho está a chave API do WordPress. Copie o valor.
  
  

  Figura 4: O perfil em WordPress.com

• Volte para o painel de administração do seu blogue.
• Clique na barra lateral em Plugins.
• Clique em Ativar do plugin Akismet
  

  Figura 5: Ativando o Plugin Akismet

• Aparecerá a mensagem: O Akismet está quase pronto. Você deve digitar sua chave API do WordPress.com para ativar este recurso.
• Clique no link, digite a chave que você copiou do site www.wordpress.com e clique em Atualizar opções

Há outras maneiras de se criar um blog de testes. Por exemplo, no post do Ferramentasblog, explica como criar uma conta gratuita no WordPress.

Vantagem da instalação do computador: está sempre disponível mesmo sem Internet.

Vantagem da conta do WordPress: é mas simples. Cabe ressaltar que a instalação no computador é bem fácil quando se conhece o “caminho das pedras”. Nesse tutorial explico tudo detalhadamente.

Programas Necessários:

• The Uniform Server - Este servidor possui o Apache, PHP e MySQL previamente instalados e configurados. Após clicar em Download, aparecerá uma página com dois arquivos para download. Eu fiz o download do arquivo UniServer4_3.zip, isso não significa que o UniServer4_3.exe não funcione, apenas não testei. Todo o tutorial é baseado no arquivo com extensão zip.
• WordPress em Português do Brasil Afinal estamos instalando o WordPress .

Instalação do Servidor

• Extraia o arquivo do servidor em uma pasta do disco rígido ou no Pen-Drive. Eu criei uma pasta em meu pen drive chamada Blog Teste, movi o arquivo UniServer4_3.zip para lá. Cliquei com o botão direito e pedi para extrair o arquivo. No Windows Vista aparece a janela da Figura 1. Eu apaguei o nome da última pasta. A extração pode demorar alguns minutos. Se o Windows criar uma pasta chamada UniServer4_3, não tem problema. Nesse caso você pode mover a pasta UniServer que está dentro.
  
  
  

  Figura 1: Extraindo o servidor para a pasta Blog Teste do meu Pen Drive

• A pasta Uniserver deve ter sido criada, dentro dela há o arquivo Server_start.bat. Execute esse arquivo dando um clique duplo.
• É possível que algum Firewall reclame do programa, dê as permissões necessárias.
• A página inicial do servidor deve aparecer. (Figura 2)
  
  
  

  Figura 2: Página Inicial do Uniserver

Instalação do WordPress

1 – Criação do Banco de Dados SQL

• Na barra lateral, dentro de Tools, escolha a opção phpMyAdmin.
• Irá aparecer uma nova janela, dentro da caixa Create a New Database entre com o nome do banco de dados, eu escolhi

  wordpress.(Figura 3)



Figura 3: Página do phpMyAdmin - administra o banco de dados MySQL

• Depois de clicar em Create deve surgir uma página indicando que o banco de dados foi criado com sucesso.
  
  

  Figura 4: Página que aparece quando o banco de dados foi inserido com sucesso

2 – Colocando arquivos do WordPress no Servidor

• Extrair os arquivos do WordPress na pasta UniServer\udrive\www (Figura 5). Para isso mova o arquivo wordpress-2.8.2-pt_BR.zip para a referida pasta e use o botão direito para extrair os arquivos. Se uma pasta chamada wordpress foi criada, parabéns. Se foi criada uma pasta chama wordpress-2.8.2-pt_BR, mova a pasta wordpress (está dentro dela) para a pasta UniServer\udrive\www.
  
  

  Figura 5: Extraindo o WordPress para o Servidor

• Na pasta wordpress criada, renomei o arquivo wp-config-sample.php para wp-config.php.
• Modifique o arquivo wp-config.php entrando com os parâmetros do banco de dados. A configuração padrão está abaixo. Se a segurança for importante a senha do banco precisa ser modificada . Isso normalmente não é um problema porque o blog só estará disponível no seu computador.<\ br>
  /** O nome do banco de dados do WordPress */
  define('DB_NAME', 'wordpress');

  /** Usuário do banco de dados MySQL */
  define('DB_USER', 'root');

  /** Senha do banco de dados MySQL */
  define('DB_PASSWORD', 'root');

  /** nome do host do MySQL */
define('DB_HOST', 'localhost');

3 – Installando o WordPress

• Vá para a URL http://localhost/wordpress/wp-admin/install.php e entre com os dados pedidos.
  
  

  Figura 6: Página que aparece para a Instalar o WordPress

• Depois de clicar em Instalar WordPress aparecerá a seguinte tela:
  
  

  Figura 7: Tela de sucesso do WordPress

A instalação do WordPress terminou! O blog está em http://localhost/wordpress/O passo abaixo é opcional, mas mudar a senha gerada por outra mais fácil de lembrar é recomendação do WordPress.

Mudança da Senha Original

• Entre com o nome do usuário (admin), entre com a senha aleatória gerada e click em Login
  
  
  
  

  Figura 8: Tela de Login do WordPress

• Logo após o login, irá aparecer a seguinte advertência:
  
  

  Figura 9: Mensagem de Advertência do WordPress

• Na página do perfil digite a nova senha (está bem embaixo), atualize o perfil e pronto. Não há mais necessidade de se lembrar da senha maluca.