Dicas para Blogs e Sites

Criar uma pagina ou colocar um gadget com posts aleatórios do seu blog pode ajudar seu site ter mais pageviews e manter as pessoas por mais tempo navegando no seu blog isso ajuda em varias coisas o desenvolvimento do seu site: reduz a taxa de rejeição fazendo que as pessoas não saiam do seu blog pela mesma pagina que entraram e isso pode ser bom até como otimização de site (SEO) mostrando ao Google e outros sites de busca que as pessoas que entram na sua pagina ficam nela, ou seja, gostam do conteúdo.


Como falamos esse código para postagens aleatórias pode ser usado como um gadget (pagina layout > adicionar gadget > HTML/javascript) ou numa pagina extra do blog (Paginas extras para o Blogspot). Então escolha em qual forma prefere e use este código:

<script type='text/javaScript'>
var rdp_numposts=9;
var rdp_snippet_length=150;
var rdp_info='yes';
var rdp_comment='Comments';
var rdp_disable='Comments Disabled';
var rdp_current=[];var rdp_total_posts=0;var rdp_current=new Array(rdp_numposts);function totalposts(json){rdp_total_posts=json.feed.openSearch$totalResults.$t}document.write('<script type=\"text/javascript\" src=\"http://www.dicasparablogs.com.br/feeds/posts/default?alt=json-in-script&max-results=0&callback=totalposts\"><\/script>');function getvalue(){for(var i=0;i<rdp_numposts;i++){var found=false;var rndValue=get_random();for(var j=0;j<rdp_current.length;j++){if(rdp_current[j]==rndValue){found=true;break}};if(found){i--}else{rdp_current[i]=rndValue}}};function get_random(){var ranNum=1+Math.round(Math.random()*(rdp_total_posts-1));return ranNum};
</script>
<script type='text/javaScript'>
function random_posts(json){for(var i=0;i<rdp_numposts;i++){var entry=json.feed.entry[i];var rdp_posttitle=entry.title.$t;if('content'in entry){var rdp_get_snippet=entry.content.$t}else{if('summary'in entry){var rdp_get_snippet=entry.summary.$t}else{var rdp_get_snippet="";}};rdp_get_snippet=rdp_get_snippet.replace(/<[^>]*>/g,"");if(rdp_get_snippet.length<rdp_snippet_length){var rdp_snippet=rdp_get_snippet}else{rdp_get_snippet=rdp_get_snippet.substring(0,rdp_snippet_length);var space=rdp_get_snippet.lastIndexOf(" ");rdp_snippet=rdp_get_snippet.substring(0,space)+"&#133;";};for(var j=0;j<entry.link.length;j++){if('thr$total'in entry){var rdp_commentsNum=entry.thr$total.$t+' '+rdp_comment}else{rdp_commentsNum=rdp_disable};if(entry.link[j].rel=='alternate'){var rdp_posturl=entry.link[j].href;var rdp_postdate=entry.published.$t;if('media$thumbnail'in entry){var rdp_thumb=entry.media$thumbnail.url}else{rdp_thumb="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhnL2aveIRo7fG6Oq75DF5pH6K79CYlHX6baRHs7-6uZIQdXOlQizZJAxQ9-X04Fm6bqcbjbjV5IFTexAdfGyDGuTvJi20i8aW9ceQeyf_r-oBe2bOjFl3nUYwryW5pBX7FRKpHCqzATjsO/s320/dicas-para-blogs.gif"}}};document.write('<a href="'+rdp_posturl+'" style="font-size:14pt"title="'+rdp_posttitle+'"><img alt="'+rdp_posttitle+'" width="72" height="72" style="float:left;margin-right:10px" src="'+rdp_thumb+'"/>'+rdp_posttitle+'</a><div style="clear: both; padding:10px"></div>');if(rdp_info=='yes')document.write('')}};getvalue();for(var i=0;i<rdp_numposts;i++){document.write('<script type=\"text/javascript\" src=\"http://www.dicasparablogs.com.br/feeds/posts/default?alt=json-in-script&start-index='+rdp_current[i]+'&max-results=1&callback=random_posts\"><\/script>')};
</script>

Personalização do Gadget de Posts Aleatórios

São poucas coisas que precisamos alterar neste código a primeira delas é o numero de posts mostrados pelo gadget, isto fica na linha: var rdp_numposts=9; então apenas altere o numero 9 para a quantidade que desejar.

Coloque o endereço do seu blog no código, mas atenção ele aparece 2 vezes, veja os trechos abaixo:

http://www.dicasparablogs.com.br/feeds/posts/default?alt=json-in-script&max-results
http://www.dicasparablogs.com.br/feeds/posts/default?alt=json-in-script&start-index

Então apenas apague o endereço do nosso blog e coloque o seu no lugar, mas é somente o endereço do blog e não essa linha completa, ou seja, da parte /feeds/posts/...  em diante continua tudo como está.

style="font-size:14pt" - isso é o tamanho dos títulos que o gadget mostra, leia sobre Como Formatar o Texto do Blog.

E finalmente a imagem que será mostrada quando o post escolhido não possuir uma imagem para gerar a miniatura. Então neste trecho apague o endereço da imagem (https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhnL2aveIRo7fG6Oq75DF5pH6K79CYlHX6baRHs7-6uZIQdXOlQizZJAxQ9-X04Fm6bqcbjbjV5IFTexAdfGyDGuTvJi20i8aW9ceQeyf_r-oBe2bOjFl3nUYwryW5pBX7FRKpHCqzATjsO/s320/dicas-para-blogs.gif) e coloque uma de sua escolha.

else{rdp_thumb="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhnL2aveIRo7fG6Oq75DF5pH6K79CYlHX6baRHs7-6uZIQdXOlQizZJAxQ9-X04Fm6bqcbjbjV5IFTexAdfGyDGuTvJi20i8aW9ceQeyf_r-oBe2bOjFl3nUYwryW5pBX7FRKpHCqzATjsO/s320/dicas-para-blogs.gif"

Se precisar de ajuda com imagens para seu blog veja aqui como criar e hospedar imagens. Sobre o tamanho das imagens em miniatura ela deve ser 72x72 porque é o tamanho do thumbnail (miniatura da imagem) usado pelo Blogger e neste código, portanto isso não é possível alterar.

Como Avaliar um Gadget

Para você avaliar melhor os resultados deste acessório você pode usar as campanhas do Google Analytics como mostramos no tutorial sobre acompanhar cliques dentro do blog, mas de forma resumida você só precisa alterar esse trecho de código:

<a href="'+rdp_posturl+'?utm_source=sidebar&utm_medium=codigo&utm_campaign=aleatoria" style="font-size:12pt"title="'+rdp_posttitle+'"

Veja que no código original não tinha a parte:
?utm_source=sidebar&utm_medium=codigo&utm_campaign=aleatoria

Não está no código original que publicamos é isso que faz o acompanhamento de cliques internos, se quiser usar esse recurso do Analytics e tiver duvidas é só clicar no link que acabamos de mostrar e terá mais detalhes sobre como usar esse recurso do Google Analytics.

Então faça seus testes e veja se essa ferramenta é vantagem ou não para o seu blog. Esperamos que gostem deste gadget e tenham bons resultados e sucesso no blog.

Marcadores: Acessórios, Scripts, Seo