O jQuery e os seus vários plugins/extensões vão desde efeitos visuais até controle de dados via ajax. Ao utilizar o jQuery também diminuímos a incompatibilidade das páginas/sites entre os diferentes browsers.

O jQuery é relativamente fácil de utilizar e implementar com os temas de wordpress mesmo para os não programadores. No site www.bennadel.com têm um video, em inglês, que explora as potencialidades de usar-mos o jQuery no nossos sites. O vídeo está dividido em 26 capítulos que vão desde o mais básico até utilizar ajax e como aumentar as capacidades do jquery por extensões.

Publicado em Iliquido

jQuery – Iniciação e Exploração.

No blog oficial do wordpress podemos ler o anúncio oficial.

Com esta versão temos um novo painel de administração, com a possibilidade de tratar directamente os comentários, responder a comentários e podemos alterar os vários blocos que estão disponíveis e personalizar as várias secções/páginas.  No novo painel que você pode arrumar arrastando e soltando as coisas mais importantes para você. Praticamente quase todas as tarefas que você realiza em seu blog precisarão menos cliques e serão no 2.7 do que eram na versão anterior.

A secção dos comentários foi profundamente alterada, além da possibilidade falada anteriormente de editar e responder, temos finalmente a hipótese de ter comentários em formato discussão e paginados, o que poderá obrigar a alterar os temas utilizados para aproveitar estas novas funcionalidades.

Nada como visualizar um vídeo para ver in loco as novidades:

Com está versão podemos finalmente actualizar o wordpress sem necessidade de recorrer a um programa FTP para o fazer. Tal como já acontecia com as extensões/plugins agora com um simples clique podemos actualizar o wordpress.

Download da versão portuguesa : http://pt.wordpress.org/

Download da versão portuguesa do Brasil : http://br.wordpress.org/

Publicado em Iliquido

WordPress 2.7

Após da análise feita, podemos alterar ainda vários aspectos gráficos da núvem gerada, tais como: formato, tipo de letra e cores.

A seguir podem ver alguns exemplos para este site

Publicado em Iliquido

Wordle

Os programas dependem da língua do nosso site, por exemplo, existem programas específicos para o português de Portugal e outros para o do Brasil. Mas podemos inscrever o site várias vezes, cada uma para uma língua diferente, tal como acontece com o www.iliquido.com porque tem muitas visitas dos dois países.

Temos acesso a ferramentas estatísticas para saber quais são as campanhas mais eficazes e assim ganhar mais dinheiro. Existem serviços para optimizar o conteúdo. NetAffiliation põe à sua disposição banners em Auto Gestão, assim como diferentes suportes para criar um conteúdo suplementar no seu site: Mini-lojas, calendário das ofertas,…

O pagamento mínimo é de 50€. Por isso toca a registarem-se e ganhar dinheiro.

Publicado em Iliquido

Ganhar dinheiro com os programas de Afiliados

No meu caso tenho também acesso aos dados fornecidos pelo Awstats e o Webalizer, e, relativamente ao mês de Junho de 2008 são estes os seguintes dados:

Como se pode verificar as diferenças são enormes. Sendo que os números de Awstats são sem as visitas dos robots, spiders e afins.

Vou relembrar que o código do GA está associado ao blog através do tema escolhido ou através de uma extensão, por isso, a visita só é contabilizado se for utilizado ficheiro do tema header.php, ou da função interna do wordpress wp_head() que é chamada para colocar informação pertinente nos cabeçalhos das páginas.

Quando acedo ao painel de administração do blog é um exemplo de visitas/páginas que não são contabilizados pelo GA, outro exemplo é do Feedburner, que gere o RSS do site, que fornece conteúdo sem gerar visitas no GA. Se o javascript estiver desactivado por motivos de segurança, será também uma razão para a diferença de números.

A vantagem do GA sobre os outras aplicações de estatística é que podemos “visualizar” o precurso do visitante pelo nosso site. Sabemos quanto tempo esteve em cada página, se saiu sem ler mais algum artigo,  comparar os dados do site com outros da concorrência para verificar se, por exemplo, picos de visitantes também se verificaram nos outros blogues, etc..

Não podemos descurar de verificar os dados das outras aplicações que podem complementar com mais algumas informações, nomeadamente se existe códigos de erros HTTP, quais os robots indexadores que passam pelo site, ou seja, cada aplicação tem a sua utilidade.

Publicado em Iliquido

Comparação entre o Google Analytics e outros

Algumas funcionalidades ou ferramentas disponíveis:

• Desactivar, consultar, validade, editar o código CSS e HTML
• Obter informações sobre todos os elementos de uma página
• Pre-visualizar a página para diferentes destinos, sejam PDA’s, ou outras resoluções.
• Utilizar uma régua para medir distancias e elementos
• etc.

Depois de instalada a extensão, iremos ter um novo menu e uma nova barra com várias ferramentas e opções.

Disable

No menu Disable podemos desactivar vários componentes do Firefox, como por exemplo a cache, javascript, java, as cores da página/site actual, etc..

Cookies

No sub-menu Cookies, encontramos várias funções relacionadas com as mesmas, tais como, visualizar cookies para uma determinada sessão num site, adicionar, apagar ou restringir cookies.

CSS

Um dos aspectos do webdesign que provoca maior dor de cabeças é os CSS(folhas de estilo) e a sua implementação pelos diversos browser/navegadores de Internet. Com estão extensão podemos ver directamente na página qual o CSS que está a ser utilizado e até podemos editar a folha de estilos no próprio Firefox e verificar imediatamente as alterações. Neste menu também podemos facilmente desactivar a folha de estilos CSS utilizada para verificar como o nosso site é visto por alguns bots, como por exemplo o GoogleBot…

Na imagem acima podemos verificar que um elemento do site foi seleccionado(1 a vermelho), neste caso o título de um artigo anterior, na barra do webdeveloper(2 a vermelho) temos o encadeamento dos vários elementos/secções do HTML, e na parte de baixo(3 a vermelho) temos o código CSS utilizado.

Forms

No menu Forms temos diversas funções disponíveis para os formulários. Podemos obter a informação e detalhes de todos os campos do formulário, mudar o método de GET para POST, ou vice versa, entre outras funções.

Images

Como nas outras secções anteriormente referidas, no menu Images temos várias funções relacionadas com imagens. Podemos desactivar a visualização de imagens, verificar as dimensões, o caminho onde se encontram, o texto alternativo utilizado, etc.. Esta opção permite verificar que não esquecemos de nada importante relativo às imagens quando as utilizamos num site.

Information

No menu Information podemos obter mais alguma informação da estrutura do/a site/página. Com as opções Display Id & Class Details e Display Element Information podemos ver as várias classes CSS e ID’s, que irá facilitar na edição do código CSS para correcção de algum detalhe.

Outra opção útil é a visualização da ordem das várias div’s utilizadas no código HTML(Display div order).

Podemos visualizar a palete de cores utilizadas ou visíveis na página(View Color Information), o tamanho dos vários ficheiros utilizados para construir a página(View Document Size), etc…

Neste menu podemos sobrepor guias para alinhar os vários elementos em grelhas(Display lines guides), utilizar uma régua(Display Ruler) para medir elementos, editar o código HTML e verificar imediatamente as alterações, verificar como fica o site/página em aparelhos portateis tipo pda(Small Screen Rendering).

As opções deste menu servem para destacar alguns elementos da página, como cabeçalhos, links externos, frames, tabelas, células de tabela, blocos, etc..

Resize

Aqui podemos redimensionar o browser/navegador para outras resoluções para verificar que o site/página funciona correctamente. Podemos utilizar a função de zoom para aumentar determinada secção.

Tools

Neste menu temos várias opções para validar o CSS, Feed, HTML, verificar os links, a consola do Java e Javascript.

View Source

Como o próprio nome indica, serve para visualizar o código fonte. Podemos associar um editor para visualizar o código fonte através do menu Opções

Opções

Podemos aqui alterar o comportamento desta extensão e acrescentar mais algumas funcionalidades.

Download

Web Developer

Publicado em Iliquido

Extensão Web Developer para Firefox

Depois de criar uma conta no GA, podemos criar um novo perfil para o site que queremos que o GA controle as estatísticas.

Temos que fornecer qual o domínio que queremos controlar estatísticamente, e também o país e o fuso horário do mesmo.

Temos dois scripts diferentes para usar, o urchin.js e o ga.js, sendo este último o mais recente. Existem diferenças nas possibilidades de estatísticas disponíveis, bem como nas comparações consoante a versão do script que utilizar, por isso aconselho a utilizar o mais recente – ga.js.

Num site normal teríamos que copiar o código para todas as páginas que queremos controlar. Num site com software wordpress temos pelo menos dois métodos de inserir o código:

1. Editar manualmente o tema e adicionar o código
2. Utilizar uma extensão/plugin

1. Inserir manualmente o código no tema em uso

Uma das desvantagens de inserir o código manualmente é que temos sempre que editar algum ficheiro quando mudamos de tema para colocar o código do GA para termos dados estatísticos.

Podemos editar os ficheiros directamente através do painel de administração do wordpress. Escolhemos Apresentação->Editor de Temas. Como queremos que o código apareça em todas as páginas geradas pelo wordpress, vamos clicar em “Cabeçalho(header.php). Para o script funcionar correctamente convém inserir-lo antes da tag <body> como se pode verificar na imagem em baixo.

Depois é só carregar no botão “Actualizar ficheiro” e já temos o Google Analytics “instalado” no tema actual do blogue wordpress.

2. Inserir com ajuda de uma extensão/plugin

Existem várias extensões para inserir automaticamente o código GA em todas as páginas do nosso site. A extensão Google Analyticator já é compatível com o novo ga.js. Depois de transferido para a pasta dos plugins/extensões bastará activa-la no painel de administração do blogue.

Depois de activada, temos que ir às “Opções->Google Analyticator”, activar novamente e colocar o Google Analytics UID.

O GA UID pode ser encontrado no código dado para inserir manualmente no site. Depois convém verificar se a extensão está a funcionar. Para isso abrimos o site e verificamos no código fonte da página gerada. Senão estiver lá o código do GA isso poderá indicar que a extensão não é compatível com o tema em uso e terá que inserir-lo manualmente.

Os dados não estão automaticamente disponíveis no painel do Google Analytics, poderá demorar algumas horas ou mesmo dias, mas eventualmente irá aparecer o visto verde a indicar que está a receber dados(ver 2ª imagem).

Publicado em Iliquido

Como inserir o Google Analytics num blogue WordPress

Nestes seis meses o site teve 1553 visitas com um pico de 56 visitas em 8 de Fevereiro. As imagens foram retirados com o Analytics Reporting Suite(mais info).

Na seguinte imagem podemos ver a origem do trâfego ao iliquido.com… Mais de 56% visitantes vem ao site pelos motores de pesquisa, 99% pelo Google! Outros 21,38% são por links que existem noutros sites e mais de 22% acedem directamente ao site, isto quer/pode dizer que o www.iliquido.com está guardado como bookmark/favorito em muitos browsers.

Segue agora um mapa com a origem dos visitantes, neste momento estão dividados por igual número entre Portugal e Brasil, com tendência a subir o número de visitantes de origem brasileira.

Os cinco artigos mais lidos

1. Guia de instalação do WordPress – parte I
2. Instalei o WordPress. E agora?
3. Instalar o WordPress localmente em ambiente Windows XP
4. Guia de instalação do WordPress – parte II
5. Alojamento do site – parte II

O futuro

Num futuro próximo quero tentar aumentar o ritmo do número de posts/artigos publicados a pelo menos 2 ou 3 por semana. Outro objectivo será alterar o tema do blogue e ajusta-lo para poder introduzir alguma publicidade para suportar os custos de manutenção. Espero que as alterações sejam fonte de inspiração escrever mais alguns guias e contribua para melhorar a utilização do site.

Publicado em Iliquido

6 Meses – Números e estatísticas

Os passos para esta actualização são bastantes simples, fazer o download, descompactar para uma pasta, enviar os ficheiros para o site e substituir os antigos, entrar no painel de administração, clicar em dois botões e já está. Mais simples é impossível.

Esta versão do wordpress vem corrigir mais de 70 bugs e uma vulnerabilidade relacionada com o registo de utilizadores. Podem ler mais informações aqui.

Publicado em Iliquido

WordPress 2.5.1

O que é um “trackback”?

O “trackback” é um comentário especial com a informação que alguém fez uma ligação ao nosso site e em particular a um determinado artigo ou post.

Então ontem lá tinha um novo comentário, e neste caso era um “trackback” para o artigo Instalei o WordPress. E agora? de um site com domínio brasileiro – www.bloglabs.com.br onde este teria um artigo/post com um link para o meu site. Qual não é o meu espanto e vejo que o artigo no site brasileiro também se chama “instalei o WordPress. E agora?” e com as mesmas imagens que o meu…

Ou seja, este site brasileiro é o que se chama de “splog” – spam blog. Copia o conteúdo de variados outros sites e coloca no seu sem pedir permissão nem nada. O autor do site não deve saber que os trackback são automáticos depois de publicado o artigo. Entretanto eliminou os links que tinha para o meu site, mas nalgumas das imagens permite ver o titulo do blogue “Teste do iliquido.com”.

No referido artigo já substitui as imagens com outras iguais mas com uma marca de agua do site.

O que posso fazer para evitar isto no futuro

É um problema que tende agravar-se no futuro mas podem seguir as dicas que estão no Blogue do dinheiro. Eu coloquei o rel=”NoFollow” no link para o site brasileiro porque assim posso o mencionar sem ele ganhar com isso.

Actualização

Ontem recebi o seguinte email que penso será do dono do site mencionado acima:

2008/4/22 Pedro de Freitas Junior <xxxxxxx@hotmail.com>:

Prezado Sr Paulo,

Está correto. Foi mesmo copiado. Como pode notar nosso site possui (possuia) somente 3 artigos (agora está somente com 2). Pois acabamos de criá-lo e estamos na fase de experimentação e construção. Não pretendemos fazer plágio ou cópia de nenhum site brasileiro. Colocamos o seu artigo lá temporariamente para nos guiar-mos e para termos um exemplo de artigo para testar-mos o layout. Estamos no momento sem acessos (o domínio foi criado ontem).

Por isso pedimos desculpas. Da próxima vez utilizaremos “lorem ipsum, lorem ipsum…” com imagens genéricas o que parece mais correto, para testes de implementação.

Nosso objetivo (ainda não bem certo) com o site é estudar sobre o WordPress traduzindo artigos e colocando no referido site.

Atenciosamente,

Pedro Freitas

O problema não está em copiar o artigo em si, mas ter retirado a referência à fonte do mesmo.

Publicado em Iliquido

Simplesmente copiar