[Tutoriais] AdSense para team blogs
Autor: Taylor LoL ~ | Publicado: 2011-01-16T16:47:00-08:00





O uso das condicionais para a tag data:post.author permite várias utilizações para blogs com equipe de autores. Neste artigo veremos alguns exemplos do que pode ser feito.



É importante observar nesses hacks que o nome do autor deve ter exatamente a mesma grafia que consta como nome de exibição no perfil do autor, por exemplo, ao colocar meu nome é necessário escrever Rô, com inicial "R" em maiúscula, a letra "o" em minúscula e acento circunflexo no "o".  Se eu escrever RO, Ro ou RÔ, o hack não funciona.




Também é importante que você fique atento ao fechamento das tags b:if que sempre devem corresponder ao número de "b:if" que você abre.



1) Linkar o nome do autor do post à página de descrição ou "Sobre" (About me) 

Alguns blogs de equipe possuem páginas que descrevem cada autor. Para que o leitor conheça melhor o autor do post, pode-se colocar um link em seu nome que direcione à essa página. Ou o administrador pode usar esses links para direcionar à página do Twitter do autor do post, ou ao blog individual de cada um.



Para isso, localize o código do autor do post (abaixo da linha do título do post ou no rodapé):



?
123456&lt;span class='post-author vcard'&gt;&lt;b:if cond='data:top.showAuthor'&gt;&lt;data:top.authorLabel/&gt;&lt;span class='fn'&gt;&lt;data:post.author/&gt;&lt;/span&gt;&lt;/b:if&gt;&lt;/span&gt;



Acrescente as condicionais, como no exemplo abaixo:



?
123456789101112131415161718192021&lt;span class='post-author vcard'&gt;&lt;b:if cond='data:top.showAuthor'&gt;&lt;data:top.authorLabel/&gt;&lt;span class='fn'&gt;&lt;b:if cond='data:post.author == &amp;quot;AUTOR-1&amp;quot;'&gt;&lt;a href='http://ENDEREÇO-DA-PÁGINA-DO-AUTOR-1'&gt;NOME DO AUTOR 1&lt;/a&gt;&lt;b:else/&gt;&lt;b:if cond='data:post.author == &amp;quot;AUTOR-2&amp;quot;'&gt;&lt;a href='http://ENDEREÇO-DA-PÁGINA-DO-AUTOR-2'&gt;NOME DO AUTOR 2&lt;/a&gt;&lt;b:else/&gt;&lt;b:if cond='data:post.author == &amp;quot;AUTOR-3&amp;quot;'&gt;&lt;a href='http://ENDEREÇO-DA-PÁGINA-DO-AUTOR-3'&gt;NOME DO AUTOR 3&lt;/a&gt;&lt;b:else/&gt;&lt;b:if cond='data:post.author == &amp;quot;AUTOR-4&amp;quot;'&gt;&lt;a href='http://ENDEREÇO-DA-PÁGINA-DO-AUTOR-4'&gt;NOME DO AUTOR 4&lt;/a&gt;&lt;b:else/&gt;&lt;data:post.author/&gt; &lt;! -- para postagens do administrador --- &gt;&gt;&lt;/b:if&gt;&lt;/b:if&gt;&lt;/b:if&gt;&lt;/b:if&gt;&lt;/span&gt;&lt;/b:if&gt;&lt;/span&gt;



2) Colocando um "avatar" com informações sobre o autor do post no rodapé da postagem 





O raciocínio é semelhante, porém você deverá criar algumas class para poder aplicar estilos ao "avatar". Vejamos no exemplo:



?
12345678910111213141516171819202122232425262728293031323334&lt;div class='post-footer'&gt;&lt;div class='post-footer-line post-footer-line-1'&gt;&lt;b:if cond='data:post.author == &amp;quot;AUTOR-1&amp;quot;'&gt;&lt;div class='individual'&gt;&lt;div class='autor-img'&gt;&lt;a href='http://ENDEREÇO-DA-PÁGINA-DO-AUTOR-1'&gt;&lt;img alt='' height='74' src='http://ENDEREÇO-DA-IMAGEM-DO-AUTOR-1' width='64'/&gt;&lt;/a&gt;&lt;/div&gt;&lt;div class='autor-text'&gt;&lt;h3&gt;&lt;a href='http://ENDEREÇO-DA-PÁGINA-DO-AUTOR-1'&gt; NOME DO AUTOR 1 &lt;/a&gt;&lt;/h3&gt;&lt;p&gt;Texto descritivo &lt;/p&gt;&lt;/div&gt;&lt;div style='clear:both'/&gt;&lt;/div&gt;&lt;/b:if&gt;&lt;b:if cond='data:post.author == &amp;quot;AUTOR-2&amp;quot;'&gt;&lt;div class='individual'&gt;&lt;div class='autor-img'&gt;&lt;a href='http://ENDEREÇO-DA-PÁGINA-DO-AUTOR-2'&gt;&lt;img alt='' height='74' src='http://ENDEREÇO-DA-IMAGEM-DO-AUTOR-2' width='64'/&gt;&lt;/a&gt;&lt;/div&gt;&lt;div class='autor-text'&gt;&lt;h3&gt;&lt;a href='http://ENDEREÇO-DA-PÁGINA-DO-AUTOR-2'&gt; NOME DO AUTOR 2 &lt;/a&gt;&lt;/h3&gt;&lt;p&gt;Texto descritivo &lt;/p&gt;&lt;/div&gt;&lt;div style='clear:both'/&gt;&lt;/div&gt;&lt;/b:if&gt;&lt;!--- abra quantas condicionais precisar ----&gt;&lt;/div&gt; &lt;!--- fechamento da div para post-footer-line post-footer-line-1 ---&gt;&lt;/div&gt; &lt;!--- fechamento da div para post-footer ---&gt;



Exemplo de estilos aplicados às class criadas:



?
1234567891011121314151617181920212223242526/*&nbsp; estilo para o container&nbsp; */.individual {&nbsp; background: #F1F0EB;border-top: 1px solid #CC0000;border-bottom: 1px solid #CC0000;margin: 0 2px 9px 0;padding: 5px;}/*&nbsp; estilo para a imagem do avatar&nbsp; */.autor-img {&nbsp;&nbsp; float: left; margin-right: 3px;}&nbsp; /* estilos para o texto&nbsp; */.autor-text {&nbsp; color: #333;font-size: 12px;}/* estilos para os links nos textos&nbsp; */.autor-text a:link, .autor-text a:visited {color: #CC0000;font-size: 12px;text-transform: uppercase;}.autor-text a:hover {&nbsp; color: #CC0000; text-decoration: underline;}



3) Separar as publicidades do adSense de acordo com o autor do post 

Pode-se usar os anúncios da conta de cada autor, ou uma conta única. No segundo caso, para que se possa administrar os resultados das páginas de cada autor, o primeiro procedimento é criar um critério nas configurações do AdSense, por exemplo, nomeando esse critério com o nome do autor:







Feito isso, ao criar o anúncio inclua o critério com o nome do autor. Isso irá gerar um google_ad_slot diferenciado para cada critério. O administrador da conta poderá obter um relatório classificado por critério.



?
1234567891011&lt;script type="text/javascript"&gt;&lt;!--google_ad_client = "pub-xxxxxxxxxxxxx";/* 234x60, post-title, autor Rô */google_ad_slot = "123456789";google_ad_width = 234;google_ad_height = 60;//--&gt;&lt;/script&gt;&lt;script type="text/javascript"src="http://pagead2.googlesyndication.com/pagead/show_ads.js"&gt;&lt;/script&gt;



3.1.) Adicionando o código nas postagens 

Para adicionar o código nas postagens, o raciocínio também é semelhante ao dos ítens anteriores. Seja o código da conta individual do autor do post ou o código da conta geral com o critério, basta inserir cada código entre as condicionais. No exemplo o código está na linha abaixo do título dos posts:



?
1234567891011&lt;div class='post-header-line-1'&gt;&lt;b:if cond='data:post.author == &amp;quot;AUTOR-1&amp;quot;'&gt;&lt;!--- código do AdSense para o AUTOR-1 ---&gt;&lt;b:else/&gt;&lt;b:if cond='data:post.author == &amp;quot;AUTOR-2&amp;quot;'&gt;&lt;!--- código do AdSense para o AUTOR-2 ---&gt;&lt;b:else/&gt;&lt;!--- código do AdSense do administrador ---&gt;&lt;/b:if&gt;&lt;/b:if&gt;&lt;/div&gt; &lt;!--- fechamento da div post-header-line-1 ---&gt;



Lembre-se de alterar os caracteres (parse) de seu código para o perfeito funcionamento ( use a ferramenta do Blogcrowds )



3.2.) Adicionando o código em um widget - sidebar, header, crosscol, etc 

Este caso já é mais complicado, pois o Blogger não irá "entender" a tag data:post.author fora do widget "Blog".



A solução é criar um novo widget Blog (veja artigo do Fernando do Quite Random), onde poderemos colocar os includable necessários.




Escolha o local onde você quer adicionar o widget (sidebar, header, crosscol); 
 Em "Editar HTML" deixe desmarcada a opção "Expandir Modelos de Widgets";
 Inclua o código no local escolhido, abaixo da abertura da b:section. No exemplo, coloquei o widget na sidebar:  


?
123456789101112131415161718192021222324252627282930313233343536373839&lt;b:section class='sidebar' id='sidebar' preferred='yes'&gt;&lt;b:widget id='Blog99' locked='false' title='Blog Ads' type='Blog'&gt;&lt;b:includable id='main' var='top'&gt;&lt;b:if cond='data:blog.pageType == &amp;quot;item&amp;quot;'&gt;&lt;b:loop values='data:posts' var='post'&gt;&lt;b:include data='post' name='post'/&gt;&lt;/b:loop&gt;&lt;/b:if&gt;&lt;/b:includable&gt;&lt;b:includable id='post' var='post'&gt;&lt;center&gt;&lt;div class='ads-per-author'&gt;&lt;b:if cond='data:post.author == &amp;quot;AUTOR-1&amp;quot;'&gt;&lt;!--- código do AdSense do AUTOR-1 ---&gt;&lt;b:else/&gt;&lt;b:if cond='data:post.author == &amp;quot;AUTOR-2&amp;quot;'&gt;&lt;!--- código do AdSense do AUTOR-2 ---&gt;&lt;b:else/&gt;&lt;!--- código do AdSense do administrador ---&gt;&lt;/b:if&gt;&lt;/b:if&gt;&lt;/div&gt;&lt;/center&gt;&lt;/b:includable&gt;&lt;/b:widget&gt;&lt;/b:section&gt;



Essas foram algumas utilizações que já precisei desenvolver usando as condicionais para data:post.author, mas provavelmente existem muitas outras onde hacks semelhantes podem ser aplicados.