Prender a atenção dos leitores e fazer com que eles fiquem mais tempo no blog, lendo mais artigos, aumentando assim o número de page views e diminuindo a taxa de rejeição, é uma preocupação constante para o autor do blog. Não basta conseguir atrair visitas para o seu blog é preciso depois conseguir fidelizar o leitor ao seu conteúdo, ajudando a encontrar mais artigos do seu interesse. Então, uma forma de conseguir isso é colocando links dentro do post para outros artigos que complementem o assunto e/ou que estejam interligados. Outra forma de fazer isso é manter uma lista de artigos relacionados no rodapé do post, para que os seus leitores possam clicar no final da leitura do mesmo.
Até há bem pouco tempo, eu tinha uma lista dessas no rodapé, mas não estava contente com ela, porque repetia o próprio artigo dentro da lista. Digamos que não ficava muito bem, mas não encontrei forma de modificar isso.
Pensei em usar o LinkWithin, uma ferramenta que poderá também experimentar e que permite colocar imagens numa lista de artigos relacionados, tornando-a assim mais apelativa. É uma ferramenta interessante mas que também dava problemas em alguns templates do Blogger.
Encontrei então um artigo, aliás vários, mas vou mencionar apenas os 2 primeiros, que ensinam a colocar um hack de artigos relacionados com imagens, que resulta muito melhor no Blogger e que é super fácil de implementar. Podem ver no rodapé da página o hack já implementado e o aspecto com que fica.
INSTALAR O HACK PARA ARTIGOS RELACIONADOS
Como em qualquer alteração que implemente no código da página, recomendo-lhe que faça um backup do layout e do conteúdo do blog antes de começar.
- No painel do blogger, abra o menu "Layout" e seguidamente "Editar HTML" e marque a caixa "Expandir modelos de widget".
- Antes da linha </head>, insira todo o código abaixo sem mudar nada.
<b:if cond='data:blog.pageType == "item"'>
<style type="text/css">
#related-posts {
float:center;
text-transform:none;
height:100%;
min-height:100%;
padding-top:5px;
padding-left:5px;
}
#related-posts h2{
font-size: 1.6em;
font-weight: bold;
color: black;
font-family: Georgia, “Times New Roman”, Times, serif;
margin-bottom: 0.75em;
margin-top: 0em;
padding-top: 0em;
}
#related-posts a{
color:black;
}
#related-posts a:hover{
color:black;
}
#related-posts a:hover {
background-color:#d4eaf2;
}
</style>
<script src='http://blogergadgets.googlecode.com/files/relatedthumbs21.js' type='text/javascript'/>
</b:if>
- Em seguida procure por uma linha de código semelhante a uma destas:
<div class='post-footer-line post-footer-line-1'>
ou
<p class='post-footer-line post-footer-line-1'>
- Imediatamente antes dessa linha, insira todo o código abaixo, modificando apenas o que for indicado.
<b:if cond='data:blog.pageType == "item"'>
<div id='related-posts'>
<b:loop values='data:post.labels' var='label'>
<b:if cond='data:label.isLast != "true"'>
</b:if>
<b:if cond='data:blog.pageType == "item"'>
<script expr:src='"/feeds/posts/default/-/" + data:label.name + "?alt=json-in-script&callback=related_results_labels_thumbs&max-results=6"' type='text/javascript'/></b:if></b:loop><a href='http://www.bloggerplugins.org/2009/08/related-posts-thumbnails-blogger-widget.html' style='display:none;'>Related Posts with thumbnails for blogger</a><a href='http://www.bloggerplugins.org/' style='display:none;'>blogger widgets</a>
<script type='text/javascript'>
var currentposturl="<data:post.url/>";
var maxresults=5;
var relatedpoststitle="Artigos Relacionados";
removeRelatedDuplicates_thumbs();
printRelatedLabels_thumbs();
</script>
</div><div style='clear:both'/>
</b:if>
- O que está indicado a azul é a quantidade de elementos que irá aparecer. Modifique de acordo com o que desejar, tendo em conta o espaço que tenha disponível no seu template. Teste um determinado número e se ficar com elementos a mais, altere a quantidade.
- A vermelho está o título da lista, que poderá ser: "Artigos Relacionados", "Leia também", Outros Artigos de Interesse", o que você desejar que apareça.
- Salve o modelo e o resultado é o que está no rodapé desta página.
Atenção: Este hack funciona utilizando os marcadores (categorias) para conseguir determinar quais os assuntos que estão relacionados. Se não estiver a usar os marcadores, não irá aparecer nada na lista.
Espero que gostem do resultado final e que esta ferramenta vos seja útil para fidelizarem os vossos leitores, encaminhando-os para outros artigos de interesse.
Fonte: [Ferramentas Blog] e Dicas Blogger
No próximo artigo, irei ensinar a fazer algumas personificações no bloco de comentários. Esteja atento!
Entretanto, aproveito para o relembrar que está a decorrer um passatempo aqui no blog até dia 15 de Outubro. Convido-o desde já a participar habilitando-se assim a ganhar 2 prémios fantásticos.
0 comentários:
Enviar um comentário