Google Analytics apenas em produção

O Google Analytics é uma ferramenta espetacular para trabalhar com métricas de navegação e e-commerce, implementei o "tracking" de diversos eventos no Eu Compraria que estão nos auxiliando a melhorar a interface e identificar os produtos mais procurados, pontos de desistência de compra, etc.

Mas como executamos diversos testes isso estava influenciando um pouco nossas métricas, então fui pesquisar como executar os códigos do Analytics apenas em produção (sem gambiarras) e descobri na documentação que tem uma variável do próprio GA que cuida disso.

Bloqueando o Google Analytics

O Analytics permite que você bloqueie a execução de determinada conta ativa na página através da criação de uma variável.

window['ga-disable-UA-XXXXXX-Y'] = true;

Substitua o UA-XXXXXX-Y pelo código identificador da sua conta no Google Acalytics e todas as páginas que tiverem esta variável (javascript) como true não irão armazenar cookies ou enviar dados para os servidores do Analaytics.

Com o Code Igniter adicionei no header das minhas views uma verificação do ENVIRONMENT da aplicação, sempre que for diferente de produção esta variável do Analytics é criada. Assim nem ambiente de homologação e nem ambiente de desenvolvimento afetam as métricas dos meus projetos. 🙂

Como criar um bom XML Sitemap

A nova versão do And After teve algumas mudanças bastante significativas de front-end e back-end, e isso causou uma gigantesca penalização na indexação do Google – deixamos de utilizar o subdomínio www e viramos um domínio no-www classe B (que redireciona tudo que tenha www retirando o subdomínio).

Seria possível manter o subdomínio www funcionando para evitar isso, mas resolvemos assumir o risco pois acreditamos que atualmente não faz sentido seu uso e também evita a possibilidade do conteúdo ser considerado duplicado nos domínios andafter.org e andafter.org.

Se você quer aprender um pouco mais sobre Search Engine Optimization (SEO) recomendo algumas leituras:

Sitemap protocol

Padronização é a palavra que faz a web funcionar de forma organizada e bonita, existem recomendação para criação de sitemaps em XML que são usada por vários motores de busca, incluindo o Google (que sempre foi o buscador que mais trouxe resultados para o And After).

Você pode encontrar a documentação completa e mais informações no sitemaps.org

 

Exemplo de sitemap

Segue um exemplo de sitemap com as especificações do sitemap protocol 0.9:

 

<?xml version="1.0" encoding="UTF-8"?>
<urlset xmlns="http://www.sitemaps.org/schemas/sitemap/0.9">
   <url>
      <loc>http://www.example.com/</loc>
      <lastmod>2005-01-01</lastmod>
      <changefreq>monthly</changefreq>
      <priority>0.8</priority>
   </url>
</urlset>

 

Cada link para o seu site deve ser um tag seguindo a estrutura acima, e as tags filhas são:

  • loc (obrigatório) – a url completa da página, incluindo o protocolo (http:// por exemplo)
  • lastmod (opcional) – a data da última modificação da página, seguindo a formatação do
    W3C Datetime  (exemplod: YYYY-MM-DD)
  • changefreq (opcional) – frequência de atualização da página, pode ter os seguintes valores:

    • always
    • hourly
    • daily
    • weekly
    • monthly
    • yearly
    • never
  • priority  (opcional) – define a importância relativa entre as páginas do seu site, o valor vai de 0.0 a 1.0.

 

Dicas: um sitemap não deve ter mais do que 50.000 links, se for necessário você pode criar mais de um sitemap e criar um índice de sitemaps (leia mais em inglês).

Depois de feito você pode cadastrar seu sitemap no Google Webmaster Tools e isso vai evitar que alguma de suas páginas não seja encontrada pelo Google e com a seleção de prioridade interna (priority) você pode escolher quais urls devem ter preferência sobre as outras do seu domínio no posicionamento das buscas (lembrando que isto não influencia o posicionamento na busca quando comparado com outros domínios, apenas define uma url preferencial quando páginas do seu domínio estão "concorrendo" por uma posição).

Google Analytics libera API para desenvolvedores

Ontem li no Profissionais Web que o Google disponibilizou uma API para o Google Analytics, isso significa que agora será possível desenvolver aplicativos utilizando as estatísticas vindas do Analytics.

Uma verdadeira mão na roda!

 

O que é possível fazer com a API do Analytics?

Com a API significa que você pode ter acesso a TODOS os dados disponíveis no Analytics de um aplicativo terceirizado ou desenvolvido por você, ou em sites de terceiros. Para o meu caso pensei em duas aplicações.

 

1. Exibir relatórios para os clientes em interface própria

 

Atualmente eu trabalho com aplicativos web e com CMS próprio (GS Intra), porém nunca desenvolvi um sistema de estatísticas para ele por dois motivos principais relacionadas ao Analytics:

  • Gratuito
  • Não utiliza recursos do meu servidor
  • Superioridade técnica ao que eu poderia desenvoler

Com o uso da API será possível que eu centralize em um só aplicativo o gerenciamento do conteúdo, dos clientes e estatísticas do site de meus clientes. Não preciso mandar o cliente para um site externo para que ele visualize as estatísticas. Facilita para o cliente, é obviamente é melhor para o desenvolvedor, que agrega mais funcionalidade e valor ao sistema.

 

2. Acompanhar impacto de mudanças no site

Eu tenho sérios problemas para acompanhar o impacto das alterações realizadas no And After. Por exemplo, adiciono um elemento de navegação visando aumentar o tempo médio de visita dentro do site no dia 27 de abril.

Preciso de um log, onde eu adicione nesta data todas as alterações feitas para que posteriormente eu colete informações do "antes e depois". Utilizei por algum tempo o Excel para fazer isso, mas era praticamente no CTRL+C e CTRL+V para mesclar dados do Buscapé, AdSense e Analytics em uma mesma tabela, além das datas das modificações.

Agora é possível eu tem um banco de dados com todas as alterações realizadas em no site (como o exemplo do elemento de navegação) e mesclar com os dados que serão importados da API, facilitando a criação do "antes e depois" das alterações de forma automática. 

Quando (e se) a API do AdSense for liberada então, ficará show. Em um único aplicativo será possível medir o impacto de mudanças nas visitas e rendimentos de um site. 

 

Ta aí a dica para um aplicativo que eu utilizaria. haha 🙂

 

 

Saiba mais sobre a API do Analytics em

Blog oficial do Google Analytics

Google Code Analytics

Javascript

Java

 

 

O que já existe desenvolvido?

Polaris

Até o momento testei um aplicativo desktop, o Polaris. Ele utiliza a plataforma (plataforma?) Adobe Air, e a versão free é extremamente simples de usar.

Apresenta diversas informações em uma pequena janela com uma interface bastante intuitiva. 

Confira algumas telas do Polaris , o  analytics desktop:

Polaris - Google analytics destkop

Polaris - Google analytics destkop

Polaris - Google analytics destkop

Polaris - Google analytics destkop

 

Recomendo! 

 

Mobile

Não testei, mas no blog oficial do Analytics recomendaram uma aplicação Android do Analytics.

 

 

Assim que eu fizer testes com a ferramenta publicarei os resultados e programações aqui no O desenvolvedor, se você já desenvolveu alguma coisa ou quer compartilhas suas idéias pode publicar um artigo ou comentar. 🙂

Enviando e-mail em ASP (CDO) utilizando o Google Apps

Desde que migrei para o novo servidor que estou gerenciando optei por fornecer os benefícios do Google Apps para todos os meus clientes, principalmente pela poderosa ferramente de e-mail (Gmail) que de longe é o melhor sistema de webmail que eu já testei.

Como resolvi utilizar este como único servidor de e-mails, tive que fazer alterações nos scripts de envio de e-mail, newsletter, contato, etc. dos sites dos clientes, como demorei um pouco para descobrir porque não estava funcionando acho que este pode ajudar quem está com o mesmo problema.

 

Enviando e-mail em ASP utilizando o Google Apps

Muito bem, é um script simples mas que me tomou algum tempo pois eu havia esquecido de habilitar o SSL. Não esqueça de usar um e-mail do seu domínio como remetente, criar a conta de e-mail (cerifique logando no webmail) e habilitar o uso de SMTP pelo painel do Google Apps.

Feito isso, é só utilizar o código abaixo alterando apenas as configurações para sua conta.

 

Dim objCDOSYSMail
Dim objCDOSYSCon
Set objCDOSYSMail = Server.CreateObject("CDO.Message")
Set objCDOSYSCon = Server.CreateObject ("CDO.Configuration")
objCDOSYSCon.Fields("http://schemas.microsoft.com/cdo/configuration/smtpserver") = "smtp.gmail.com"
objCDOSYSCon.Fields("http://schemas.microsoft.com/cdo/configuration/smtpserverport") = 25
objCDOSYSCon.Fields("http://schemas.microsoft.com/cdo/configuration/sendusing") = 2
"Aqui estava o meu problema: SSL tem que ser TRUE!
objCDOSYSCon.Fields("http://schemas.microsoft.com/cdo/configuration/smtpauthenticate") = 1
objCDOSYSCon.Fields("http://schemas.microsoft.com/cdo/configuration/smtpusessl") = True
"o e-mail completo que você utiliza no google apps (não esqueça de habilitar SMTP no painel fo Google apps!
objCDOSYSCon.Fields("http://schemas.microsoft.com/cdo/configuration/sendusername") = "[email protected]"
objCDOSYSCon.Fields("http://schemas.microsoft.com/cdo/configuration/sendpassword") = "senha"
objCDOSYSCon.Fields("http://schemas.microsoft.com/cdo/configuration/smtpconnectiontimeout") = 30
objCDOSYSCon.Fields.update
Set objCDOSYSMail.Configuration = objCDOSYSCon
objCDOSYSMail.From = "Newsletter And After
objCDOSYSMail.To = "Nome <[email protected]>"
objCDOSYSMail.Subject = "And After - Newsletter Junho"
objCDOSYSMail.HtmlBody = email
objCDOSYSMail.Send
Set objCDOSYSMail = Nothing
Set objCDOSYSCon = Nothing 

 

 

 

Limite de envios

O Google libera o envio de apenas 500 e-mails por conta para evitar o uso indevido do Google Apps, por isso você pode utilizar duas ou mais contas se for necessário o envio de Newsletter assim. Por exemplo, crie as contas:

Assim você pode realizar o disparo de 2.000 mensagens a cada 24h, configurando cada grupo de usuário para ser atendido por uma conta de e-mail. 🙂

 

 

Espero que ajude, para o envio em PHP também é necessário habilitar o SSL (óbvio…) mas não vou me arriscar no código, se alguém quiser compartilhar publique-o no And After 🙂

Como inserir livros do Google Books em uma página

O serviço de livros do Google, o Google Books, oferece uma forma de você inserir os livros que eles disponibilizam por lá (em alguns casos trechos dos livros, em outros a obra inteira) no seu site.

É muito simples: só fazer a chamada a um javascript disponibilizado – e hospedado – pelo Google e depois usar a função GBS_insertEmbeddedViewer(id_do_livro,largura,altura);
No caso abaixo, vamos inserir trechos do livro O Leão, a Feiticeira e o Armário (Crônicas de Narnia) em um html, com dimensões de 600 por 500:

<html>
<head>
<title>Google - Books</title>
<script type="text/javascript" src="http://books.google.com/books/previewlib.js"></script>
</head>
<body>
<script type="text/javascript">
GBS_insertEmbeddedViewer(´xsWdgS6eFsYC´,600,500);
</script>
</body>
</html>

Para pegar o ID do livro, é só entrar em http://books.google.com e fazer a busca; o id fica exposto na URL.

Simples e interessante 🙂