Muitos perguntam como colocar os anúncios dentro dos artigos, ou no início ou no fim das postagens (mas não serve apenas para anúncios, mas para outras coisas também). Essa é a melhor posição para gerar mais cliques e fechar mais vendas. Como recebi algumas dezenas de pedidos para ensinar a colocar o código dos anúncios dentro dos artigos, vou mostrar aqui.
Não é complicado e, se for usado para veicular os anúncios dentro das postagens, pode ajudar a reverter em muitas vendas e mais dinheiro para você. Também é uma ótima maneira de colocar avisos dentro dos artigos.
Como essa dica, tudo o que você quiser que apareça no início ou no final dos artigos, só aparecerá quando o visitante abrir o artigo individualmente. Não parece na página principal do seu blog, exatamente como acontecem com alguns elementos desse blog de dentro dos artigos.
Para aparecer no final do artigo:
1. Vá em “Layout” e clique em “Editar HTML”, no painel do Blogger – sem esquecer de marcar o “Expandir modelos de widgets”.
2. Procure pela linha:
<div class='post-footer'>
3. Abaixo dela, cole o seguinte código:
<b:if cond='data:blog.pageType == "item"'>
O que deseja que apareça no final do artigo.
</b:if>
Agora, muita atenção.
Se for colar os códigos de banners e publicidades dos serviços de afiliados como o do Mercado Sócio, citados acima, é preciso converter o código para a linguagem adaptada dos templates. Para isso, vá em Centricle, insira o código que foi gerado no site do programa de afiliados e clique no botão “Encode”.
Você verá que alguns caracteres são mudados. Basta agora copiar essa versão do código para o local indicado que tudo funcionará perfeitamente.
Para aparecer abaixo do título do artigo:
1. Da mesma forma, vá em “Editar HTML”.
2. Procure, agora, pela linha:
<div class='post-header-line-1'/>
3. Cole o código da terceira etapa indicada acima, com as modificações que desejar.
Veja o resultado e seja criativo para colocar o que for relevante para seus artigos. Isso aparecerá de forma idêntica em todos os artigos do seu blog, automaticamente, sem precisar fazer nenhuma alteração nos textos dos artigos. Não é possível que isso deixe de aparecer em uns e só parecer em outros artigos – repetindo: aparecerá em todos os artigos.
E, sobre este tema deste artigo, veja os artigos que podem complementar seus conhecimentos:
O novo template ficou show! O que uma migração não faz, né? ^^
Obrigada pelo Post Marcos.Cada dia gosto mais de seu blog. E obrigada também pela atenção e resposta a todos os email que te enviei.
Abraços,
Luciane
Bela dica!
Saudações
Marcus, Criativo de Galochas
Quanta honra receber a visita do Criativo.
Acompanho seu blog a bastante tempo.
Obrigado pela presença e volte sempre!
e muito legal
otima dica
precisava dessa dica pra por banner do buscape,hehe
vlw
Brigaduuuuuu ficou perfeito. otima dica…
Muito bom, acabei de implantar no meu blog e deu super certo, ai ai se não fosse o ferramentas blog estaria fritando a cabeça até agora!
sabe que hoje fiquei com esta duvida e ainda bem que posto essa fica.
Marcos Muito Obrigado
Atila City
Pensamentos Urbanos
não achei as linhas devidas para escrever abaixo por favor ajuda
não achei essa linha ”div class=’post-footer”’
no meu html do blog
por favor o q devo fazer ? ja colei os anuncios mais até agora não apareceu .. estou usando anuncios do mercado sócio e ja codifiquei como pedido ..
E-HD,
pode ser que vc esteja usando algum template chamado “Clássico” q não têm algumas funções do Blogger novo.
Ou, vc pode tentar trocar “div” por “p”, pois algumas vezes o criadores de templates alteram essa linha de código para evitar q façamos modificações no original.
E para colocar na pagina inicial?
obrigado pela dica!!
BaladaX,
Então basta colocar em algum Gadget ou mesmo noutra parte do código-fonte.
Vc terá que ver em seu Modelo de template para determinar a melhor forma.
Gostaria de agradecer pela ajuda. Pessoas como você fazem com que a gente esqueça que há inúmeras coisas inúteis na internet e com que tenhamos sempre em mente que aqui também é lugar para aprender.
Muito obrigada.
Achar o seu blog melhorou bastaaaante a apresentação do meu. Comecei há três dias, portanto, ainda há muito o que melhorar. =)
Um abraço,
Bruna
http://www.relacoesdeconsumo.blogspot.com
(não precisa comentar, não é essa minha intenção. É só para mostrar as coisinhas que aprendi no seu blog)
Valeu, Marcos, muito boa estas dicas. Apliquei em meu blog e estou gostando do resultado.
Na verdade, estou na contramão do sistema, pois parece haver um discurso, no Brasil, que professor não pode ganhar dinheiro.
Eu quero e vou! 😉
Um grande abraço,
Prof_Michel
Ola´, antes de tudo, obrigado pelas dicas. São sempre muito úteis.
Fiz exatamente como mostrado no texto e coloquei as propagandas ao fim de cada postagem, mas elas não aparecem. Fica apenas o espaço vazio que deveria ser ocupado pelo banner do anúncio (AdSense).
Gostaria de saber como proceder para que os banners apareçam devidamente.
Desde já, grato.
@Oráculo,
Provavelmente vc ultrapassou a quantidade de 3 banners…
Primeiramente, gostaria de parabenizá-lo pelo seu trabalho no Ferramentas Blog, e pelo video-aula exibido ontem. Foi muito instrutivo, estou começando agora no ramo de blogs, e ainda tenho algumas dificuldades.
Encontrei esse artigo, e fiz o teste, porem quando eu visualizo o meu blog, os codigos do adsense nao aparecem, no lugar do codigo aparece uma tela dizendo que "nao foi possivel localiza a pagina".
Se puder me ajudar, fico grato.
Abraços
@Anderson Guedes,
Veja o texto q explico e chamo a atenção para uma modificação no código.
Outro detalhe é q é preciso esperar cerca de 10min para o AdSense ativar o anúncio.
Este é um dos melhores artigos para quem usa Adsense, sempre venho aqui quando crio um novo blog ou altero o template de algum. Parabéns Marcos.
cara então eu achei o código e tal…ali onde diz O que deseja que apareça no final do artigo.eu coloco o que? a URL do anuncio do meu blog? isso? desculpe a ignorancia sou meio leigo nesses assuntos
@Jean,
qualquer código que quiser. tudo o que for colocado ali só aparecerá dentro do post.
Pode ser o código do AdSense, um link ou um banner. O que vc precisar.
Olá Marcos, o seu post ficou excelete, mas tem muitas pessoas como eu que não estava conseguindo colocar os anuncios abaixo do título e no final do post, é porque tem que fazer uma pequena alteração no codigo do anuncio e não é contra os termos do adsense, ou pelo menos eu acho.Tem que trocar onde tem < e > por <
Fazendo isso o codigo aparecerá normalmente.
abraços
Eu fiz exatamente como ta ai, mas não apareceu nada Marcos, e ate converti o codigo, não entendo porque não deu certo. E tenho certeza que não ultrapassei o limite de anuncios. Uso o blogger.
Pq o centricle está riscado?
Oi Marcos, bom dia
Venho usando seu site ha algum tempo, acho super util. Fiquei mais de um ano parada com os blogs e agora tantas coisas mudaram que estou tendo que reaprender a mexer com eles! Sei que este post eh meio antigo, nao sei se vc ira ler o comentario, mas tentei inserir o codigo do Adsense no inicio do post e nao funcionou, nao aparece nada, em nenhum dos dois blogs. O que pode estar errado?
Agradeco a ajuda quando tiver um tempo.
Abracos,
Sani
Sani,
Veja se você segui o passo onde marquei de vermelho pedindo atenção, para modificar o código.
Além disso, vale lembrar que novos códigos do AdSense podem levar até 10 min para aparecerem no Blog.
Se a sua conta do AdSense for nova, esse prazo pode ser maior, chegando até 10 dias de espera para o sistema verificar se seu site está dentro das regras.
Caro Marcos, socorra-nos, mais uma vez. Segui o protocolo do post, aguardei um tempinho, mas os anúncios não apareceram no post, nem abaixo do titulo, nem no fim do post. Ressalto que minha conta no Adsense jah eh antiga e estou dentro do limite dos 03 banners.
Tem algum coisa a ver os espaços entre os códigos html na etapa 03, ou posso coloca-los juntos, sem espaço?
Luiz,
Também é preciso esperar um prazo de até 10 min para os banners aparecerem.
Certifique-se de que copiou corretamente o código.
Os espaços não afetam o resultado.
Realmente não consegui. Repeti o procedimento, cautelosamente, mas não obtive êxito. Poderia ser meu template? Uso o modelo simples do blogger.
Olá Marcos, quero agradecer pela dica. Teve um pouco de dificuldade, mas depois que converti o código, ficou tudo bem.
Marcos sou Edson Almeida tenho 3 meses com blog e recebi agora aprovação adsense e visito sempre ferramentas blog para pegar as excelentes dicas,,,por favor me explique uma coisa são tres banners por cada post ou na pagina inteira estou em fase de aprovação e gostaria de entender melhor esse negócio de posicionamento dos anuncios. Valeu muito conhecer seu blog aprendo muito com voce, Obrigado!
Edson,
são três por página. Isso significa que só 3 blocos podem ser exibidos ao mesmo tempo.
Olá Marcos, parabéns pelo post!
Eu gostaria de saber como faço para inserir um widget abaixo das postagens e da sidebar, e acima das colunas do final do site.
Por exemplo, eu tenho um anúncio do adsense (728×90) abaixo do cabeçalho do blog e acima dos posts e sidebar. Queria fazer isso também, mas lá embaixo, um anúncio abaixo do post e sidebar e acima das colunas no rodapé da página.
Gostaria que olhasse esta imagem aqui, eu fiz uma montagem para que compreenda melhor o que estou dizendo.
http://1.bp.blogspot.com/-3Wyg4KJiuPA/Uzc_eCg0SpI/AAAAAAAAFvY/750YhWvWnHs/s1600/marcos+lemos.jpg
Você poderia fazer um tutorial ensinando isso?
Agradeço desde já. Tenho certeza que irá ajudar muitos outros blogueiros também!
Boa noite! No meu blog eu tenho 3 blocos de anúncios e 3 blocos de links. Gostaria de saber o seguinte: quando eu coloco o código no html da postagem aparece um anúncio abaixo da postagem e continua aparecendo os 3 anuncios dos 3 blocos que já tenho. |Assim são 4 anúncios exibidos. Isto é permitido? O que devo fazer?
Andréia,
Não pode. Melhor você eliminar algum.
Muito obrigada pela atenção. Mas se eu tirar, nas postagens que eu não colocar o código nelas, aparecerá só dois anúncios. Então a opção de colocar no html da postagem é melhor ser descartada, isto? Outra coisa na versão celular é exibido 2 anúncios que são gerados por um bloco de anúncio da versão web, que é do painel do blogger quando associei, e os outros dois são códigos do adsense. Mas é permitido na versão celular ter 3 anúncios, vc sabe me dizer como faço pra colocar o terceiro anúncio? Colocando o código no html da postagem faz aparecer o terceiro anúncio na versão celular, porém na versão web aparece 4. O que você me orienta a fazer? Muito obrigada e desde já agradeço. fico aguardando a sua orientação.
Muito obrigada pela atenção. Mas se eu tirar, nas postagens que eu não colocar o código nelas, aparecerá só dois anúncios. Então a opção de colocar no html da postagem é melhor ser descartada, isto? Outra coisa na versão celular é exibido 2 anúncios que são gerados por um bloco de anúncio da versão web, que é do painel do blogger quando associei, e os outros dois são códigos do adsense. Mas é permitido na versão celular ter 3 anúncios, vc sabe me dizer como faço pra colocar o terceiro anúncio? Colocando o código no html da postagem faz aparecer o terceiro anúncio na versão celular, porém na versão web aparece 4. O que você me orienta a fazer? Muito obrigada e desde já agradeço. fico aguardando a sua orientação.
Fiz tudo da forma correta e mesmo assim não funcionou… Este método ainda funciona ?
Sim, ainda funciona.
Você usou qual código de anúncios? Pois alguns casos vai exigir a conversão, como citado no tutorial.
Olá, Marcos. Também sou um graduando em Letras, porém Literatura. Entrei no mundo dos blogs a pouco tempo e, acho que obviamente, estou com dificuldades. Tenho dois, do WordPress e do Blogger, entretanto meu foco é o Blogger. Quando dou Ctrl+F para procurar a linha mencionada ele simplesmente não a acha. O que poderia ser?
Parabéns pelo tutorial, Marcos! Estou comentando para agradecer e avisar aos leitores que mesmo agora em 2017 está tudo ok e perfeito, funcionou direitinho. Abraço!
Eu gostaria de incluir html de vários anúncios. Só que cada anunciante tem uma tag e eu não sei que código usar para fazer com que cada anúncio aparece no mesmo local de forma dinâmica e alternada. No momento, estou usando o google adsense, mas quero usar os anúncios de outros patrocinadores.
Marcos Lemos Olá! Gostaria de inserir código do anuncio native In-article que deve ficar no meio da postagem, pregferencialemnete entre dois parágrafos. Existe uma maneira de fazer isso no Blogger. Neste seu artigo vc ensina a colocar abaixo do título ou no final artigo. E no meio? Agradeço e aguardo