Assine nosso Feed

Anúncios Adsense dentro das Postagens do Blog

Recebemos uma pergunta em nossos comentários sobre como colocar anúncios Google dentro das postagens do blogger isso pode parecer difícil, mas é muito fácil e rápido de fazer. Além disso pode ajudar a melhorar seus lucros com Adsense e você pode escolher a posição que o anuncio Google aparecerá em suas postagens.

Primeiro entre na pagina do Google Adsense(Configurar Anuncios do Adsense - Video Tutorial) e pegue o código do anuncio agora entre no site Parse HTML para converter o código de HTML para XML que é o código aceito pelo blogger. Só precisa colar o código do anuncio e clicar no botão parse em baixo da caixa.

Anúncios Adsense dentro das Postagens do Blog
Após isso coloque esse código transformado do anuncio e coloque dentro deste aqui (sugerimos fazer no bloco de notas e depois passar para o blogger):
<b:if cond='data:blog.pageType == &quot;item&quot;'>
<div style='float:right;padding:2px'>codigo do anuncio
</div></b:if>


Entre na pagina editar HTML, antes de começar é bom salvar uma copia do seu template assim se tiver algum problema poderá voltar ao seu modelo original facilmente, clique para expandir modelos de widgets e procure por <data:post.body/>, cole o código antes deste trecho, você pode escolher o lado que o anuncio aparece trocando a palavra right por left no inicio do código div style='float:right.

Agora é só visualizar seu blog, depois salvar e já está pronto agora já colocamos anúncios adsense dentro das postagens do blog. Agora é só escolher os melhores formatos de anúncios adsense e ganhar mais dinheiro com o seu blog. Related Posts with Thumbnails


Link desta Pagina

86Comentários:

Adriana disse...

obrigado por responder, não pensei que fosse tão simples

[GMS]Ariel FN disse...

não consegui pegar o codigo do meu google adsense

Fabiano Roberto disse...

veja o link Configurar Anuncios do Adsense (Video Tutorial), aqui mostra como gerar um anuncio

Dener Oliveira disse...

Olá, Fabiano você poderia me ajudar? tipo esse é meu site www.patchesbr.com queria dividir a sidebar dele em duas para ter mais espaço no site teria como? como faz? aguardo... :D

Finanças Inteligentes disse...

Boa dica!

Gostaria de deixar uma dica também para os que recebem pagamentos via adsense. Como todos sabem os pagamentos são feitos em dólar, portanto na hora de fechar o câmbio (converter para reais) pode-se ganhar ou perder uma quantia razoável justamente porque a moeda varia muito.

É nessa intenção que resolvi criar um blog para ajudar a todos que recebem via adsense no melhor momento para cambiar esse valor e consequentemente receber uma quantia maior em reais. Aos interessados segue o link:

http://olhonodolar.blogspot.com/


Abcs a todos e bons lucros!

Rosani Oliveira disse...

Adorei esse site. Já estou te seguindo, vou divulgar seu site nas minhas páginas da net.
Abraço

Mp3 Samba e Pagode disse...

muito bom parceiro....mais eu soh posso coloca de um lado ou de outro ? nao da pra colocar no centro? abraços

Mp3 Samba e Pagode disse...

outra perguta...eu nao posso colocar esses anuncios perto de cada separação de postagem nao?
se eu posso, me diz onde coloca o codigo

abraços

Fabiano Roberto disse...

se em vez de colocar float:right;padding:2px no código usar text-aling:center; o anuncio ficará no centralizado, mas ficará um espaço vazio ao lado... então acho que não é bom negocio pois assim será quase a mesma coisa que usar um gadget antes da primeira postagem

Fabiano Roberto disse...

clique para editar as postagens na pagina desiner, lá tem a opção de anuncios entre as postagens

Mp3 Samba e Pagode disse...

eu seleciona o opeção "Exibir anúncios entre postagens" mais nao ta aparecendo...pq isso? ;/


vlw pelas outras respostas

Mp3 Samba e Pagode disse...

ainda n ficou centralizado meu anuncio...foi pro lado esquerdo agora

Fabiano Roberto disse...

se usar o recurso diretamente da pagina do blog para colocar anuncios entre as postagens ele ficar mesmo do lado esquerdo.. para modificar isso precisa editar o html, mas tem que ver diretamente no seu html, não tenho como explicar por aqui

Mp3 Samba e Pagode disse...

qnd tiver tempo ve se tem como da uma olhadinha no meu html entao por favor
abraços
e bom ano novo

Mp3 Samba e Pagode disse...

em site de download o adsense nao paga?

Mp3 Samba e Pagode disse...

uma pergunta a fazer....estou vendo seu anuncio do lado direito e vejo que ele nao fica com fundo de outra cor...sempre que coloco um anuncio na parte inferior do meu blog ele fica com um fundo branco...nao teria como eu tirar esse fundo e deixa-lo da cor do fundo do blog que eh verde? abraços

Fabiano Roberto disse...

o fundo do anuncio depende da configuração feita no adsense e não no blogger

Mp3 Samba e Pagode disse...

entao...deixo ao ar livre(axo q eh isso) sem fundo mais fica aquele branco feio no meu blog ;/

tem como deixar da cor do fundo do blog?

Fabiano Roberto disse...

é só trocar a cor de fundo no estilo body{..... use nossa pesquisa e ache cores ou imagens de fundo

Mp3 Samba e Pagode disse...

no caso eu queria tirar isso aqui (http://img194.imageshack.us/img194/8990/sidepbottome.png) mais só no gadget do anuncio tb,pq nos outros quero deixar...tem como eu tirar só do anuncio que se encontra na parte inferior? pq se eu tirar de um,vai sair de todos neh?
;/

Fabiano Roberto disse...

Mp3 Samba e Pagode
não tem como retirar uma imagem de fundo só de uma parte da pagina, se for um gadget completo pode criar um estilo e colocar background-image:none;

veja aqui como Personalizar gadgets do Blog

Mp3 Samba e Pagode disse...

parceiro como eu coloco anuncios no fim de cada postagem...tipow esse que vc explicou só que depois da caixa de comentarios? abraços

Fabiano Roberto disse...

para colocar anuncios logo abaixo da postagem tem que ser na pagina editar html depois de post.body, veja aqui: Anúncios Adsense dentro das Postagens do Blog

Mp3 Samba e Pagode disse...

sabe onde eu uso o codigo do ocioso.com?
coloco em tudo qnt eh lugar mais sempre da erro

esse eh o codigo: .div align="center"><script type="text/javascript" src="http://www.ocioso.com.br/compartilhe.php?id=25750&imgsz=85&nlinks=6".</script.</div.

obs: tirei alguns < e coloquei .(pontos)

abraços
se souber me da uma ajuda

Mp3 Samba e Pagode disse...

parceiro..queria colocar os anuncios dentro de cada postagem mais no final delas logo depois da caixa de comentarios...esse topico q me passou nao tem explicando isso...só no começo das postagem q tem ;/
mais vlw

Fabiano Roberto disse...

Mp3 Samba e Pagode
se for para o anuncio ficar depois dos comentarios pode colocar como um gadget, senão entre na pagina editar html e coloque depois de post.body, o mesmo vale para o código do ocioso

Mp3 Samba e Pagode disse...

jah tentei colocar um gadget mais nao ficou os anuncios e o mesmo aconteceu com o ocioso e qnd coloca depois do body { ...tb nao acontece nd ;/

Mp3 Samba e Pagode disse...

olha como ficou o gadget do ocioso no meu blog:http://mp3sambaepagode.blogspot.com/

e eu nao quero assim
quero em baixo desse caixa de mensagem q estou escrevendo agora e dentro de cada postagem
mais ta dificil ;/

sabe onde coloco o codigo?

Mp3 Samba e Pagode disse...

como eu coloco um anuncio do adsense nesse lugar (olha o link)
http://img405.imageshack.us/img405/7293/semttulooh.jpg

jah tentei de tudo e nao consigo

abraços

Fabiano Roberto disse...

para colocar o anuncio neste local é só adicionar um gadget e depois posicionar embaixo da postagem

Mp3 Samba e Pagode disse...

só q msm eu posicionando o gadget em baixo da postagem nao fica dentro da postagem neh...fica fora ;/

mais vlww
abraços

Fabiano Roberto disse...

só tem duas maneiras de colocar os anuncios: em forma de gadget ou na pagina editar html depois de post.body ou algum outro trecho, veja aqui os codigos dos comentarios assim poderá colocar depois deles - Mostrar Marcadores, Comentários embaixo do Título da Postagem

Mp3 Samba e Pagode disse...

uma pergunta mais n tem nd haver com anuncio dentro da postagem....

tem como eu colocar anuncios no lugar da minha "separação de postagem" que no caso seria essa borda verde em meu blog... tem ? (http://mp3sambaepagode.blogspot.com/) de uma olhada ..queria uma parada tipow assim, olha esse site (http://www.musicgratis.org/) a cada postagem no meio tem um anuncio...como faço isso? abraços

Mp3 Samba e Pagode disse...

o comentario acima eu errei o site....eh esse aqui (http://musicamp3gratis.org/)

vlw

Ricardo Miguel disse...

Muito bom o seu site.
Tem sido útil para me ajudar na construção dos meus sites.
Abraço e continue com o bom trabalho.

Flávia Menezes disse...

OI,queria saber se estes anuncios são igual aqueles que parecem pop ups que se abrem na frente das postagens que deve se aguardar segundos para fechar automaticamente?

Zona INFO disse...

Ei, felipe. Agora não é mais preciso usar o "Parce HTML" pois o blogger está suportando o javascript normalmente. nesta postagem o uso desse Parce agora é apenas opcional quando usando o codigo em javascript não funcionar corretamente dentro das postagens, cite isso nesta postagem.

e tambem, os anuncios não apareçem antes do "Jump Break" dos Posts, só quando acessador a postagem para ler tudo.

Obrigado por postar um tutorial Util desses.

Fabiano Roberto disse...

Flávia Menezes
não tenho esse código, mas muitas pessoas não gostam de sites que tem essas janelas... então não acho que seja um bom negocio utilizar...

Clã Celestial Blog disse...

Bacana, funcionou.

Adelson (Gerenciando Blog) disse...

Olá, Fabiano!

Ótima dica! Serviu como uma luva para o que eu estava procurando. Gostei muito também da dica do Parse HTML, que me ajudará também em outras ocasiões.

Obrigado por compartilhar!

Um abraço!

Recomendação de Notebook disse...

Olá, não está aparecendo no meu blog. =/

É pra copiar o código dentro do dito la, mas no início, meio ou fim daquele código que você postou?

Fabiano Roberto disse...

Recomendação de Notebook
esse é o código do posicionamento somente. o código do anuncio você tem que pegar no adsense

Recomendação de Notebook disse...

Funcionou tranquilo agora, porém não está no centro como tentei o procedimento que você passou para o amigo acima, está um pouco a esquerda. =/

O anúncio ficou próximo as postagens, você acha que posso ser punido??? Da uma olhada aqui e me diz algo: http://www.recomendacaodenotebook.com/

Fabiano Roberto disse...

Recomendação de Notebook
os anuncios podem ficar proximos as postagens... não há problemas

Recomendação de Notebook disse...

Obrigado Fabiano e Parabéns para o blog. Encontrei o que procurava faz tempo aqui... Fiz várias melhorias no RN.

Muito Sucesso pra ti.

Recomendação de Notebook disse...

Fabiano,

Obrigado pela atenção. Só mais uma dúvida. Olha aqui esse exemplo de postagem: http://www.recomendacaodenotebook.com/2011/10/imperdivel-samsung-sf311-por-r132905.html

Com o anúncio no final, acabou o anúncio ficando próximo ao texto do blog. Você com sua experiência, isso pode ter alguma punição nesse caso?

Abraço e fico no aguardo.

Fabiano Roberto disse...

se acha que está muito perto aumente o valor de padding:2px, isso dará mais espaço...

mas muita gente usa anuncios junto com a postagem, acredito que não tenha problemas

Recomendação de Notebook disse...

Valeu Fabiano.

Abraço

€MPREGODINHEIRO disse...

Muito bom obrigado por partilhar.

Emerson S.G disse...

Aonde eu acho esses codigos de anuncios.quero colocar no meu blog

Emerson S.G disse...

Quero muito colocar esse anuncios mas nao sei aonde axo esses codigos

Fabiano Roberto disse...

pode criar seus anuncios no pagina do adsense

google.com.br/adsense

Emerson S.G disse...

Depois que eu fizer qual eo proximo passo

Emerson S.G disse...

Mas me diga uma coisa.com esses anuncios que a gente faz ganho alguma coisa com eles

Fabiano Roberto disse...

Emerson S.G
sim, você ganha. O adsense paga por clique nos anuncios que você mostra no seu blog

Emerson S.G disse...

Eu fiz mas nao esta aparecendo no blog ou demora mesmo pra aparecer

Fabiano Roberto disse...

Emerson S.G
se criou o bloco de anuncios agora demora uns minutos para começar aparecer no blog

Emerson S.G disse...

Vou te fazer mas duas perguntas: como eu coloco link de musica e de videos no blog

Fabiano Roberto disse...

@Emerson S.G não tem como fazer link para musica ou video, você pode fazer o link para pagina do video por exemplo, mas não diretamente para o video, assim por exemplo: www.youtube.com/watch?v=EiFvWCvyA8Y

JStiffℓer disse...

Coloquei anuncions Adsense em meu portal, no mesmo dia a noite ganhei 1R$ , hoje ja ganhei quase 3R$

Se for aumentando assim todo os dias terei uma boa quantidade no Fim do Més (yn)

lucas753159 disse...

Fabiano vlw pelo post ajudou muito mas eu queria saber como eu faço para deixar os anúncios embaixo das postagens? e também queria saber como configurar para a área de postagens ficar em forma de janela tipo assim no meu blog http://konohaanimes.blogspot.com/ é que eu tava querendo fazer um template próprio mas queria saber como deixar desse jeito aguardo resposta.

Fabiano Roberto disse...

se pegar o código do anuncio e colocar depois do trecho post.body na pagina editar html ele aparece depois da postagem.

ou poderia adicionar um gadget

lucas753159 disse...

vlw ajudou de novo. esse é meu e-mail se vc souber como editar a área das postagens me envia um e-mail com as instruções

Recomendação de Notebook disse...

Fabiano,

Já utilizo esse esquema. Muito bom. Mas não consigo centralizar de nenhuma forma. Já coloquei center no lugar do righ ou left, mas não vai... Pode me ajudar?

Fabiano Roberto disse...

para centralizar em vez de usar essa linha:

div style='float:right;padding:2px'

altere dessa forma:

div style='text-align:center;margin:auto'

Fabiano Roberto disse...

ou poderia retirar as divs, deixando o código assim:

< b:if cond='data:blog.pageType == "item"' >
< center >codigo do anuncio< / center >
< /b:if >

Fernanda bordando,pintando e aprendendo disse...

Esses anúncios apareceram no meu blog dentro das postagens.... como eu faço pra tirar eles?

Fabiano Roberto disse...

Fernanda bordando,pintando e aprendendo
tem que achar e retirar os códigos, use o ctrl F e procure pela palavra adsense

entre também na pagina layout clique para editar as postagens e veja se não está marcado para mostrar anuncios entre os posts

John Fabeny disse...

Quero parabenizado pelo site e pela postagem, tinha um bom tempo que estava procurando fazer isso no meu blog e todos que encontrava não funcionava esta forma foi a unica de funcionou.

Fabiano Roberto disse...

John Fabeny
veja aqui:
Colocar Anúncios Google Adsense entre Postagens do Blogger

não é o mesmo posicionamento mas pode ajudar

junior disse...

Fabiano Roberto tem como colocar o anuncio acima do titulo da postagem,esse codigo como vc sabe o anuncio fica abaixo daí se mistura com a foto(s)q eu coloco na postagem do meu blog...

Fabiano Roberto disse...

para colocar o anuncio acima do titulo da postagem use um gadget não precisa mexer no html, veja um exemplo neste blog de frases:
Refletir Sobre a Vida: Frases e Pensamentos Sobre o Futuro

é assim que está tentando fazer o adsense antes do titulo da postagem?

junior disse...

Fabiano Roberto desse modo coo vc disse aí eu já fiz eu quero colocar os anuncios detro da postagem acima do titulo da postagem mas detro do corpo da postagem.com os comentarios do facebook que vc já passou o código aqui ;;;tem como colocar os anuncios desse modo????

Fabiano Roberto disse...

mas se colocar o adsense no html do blog vai aparecer muitos blocos de anuncios e o adsense só permite 3 por pagina.

Anônimo disse...

Fabiano Roberto colocar o anuncio do adsense entre o titulo e a postagem não pode confudir o leitor do blog e ele clicar no anuncio.Minha duvida!Isso não vai contra o regulamento do GOOGLE ADSENSE não???Posso colocar sem medo o anuncio entre o titulo e a postagem??

Fabiano Roberto disse...

varios blogs usam anúncios entre o título e postagens, acredito que não terá problemas, mas eu acho mais recomendado usar antes da primeira postagem como faço aqui no dicas para blogs.

a idéia principal das regras do adsense é não tentar enganar as pessoas e confundir os anuncios com o conteudo.

você gosta de coldplay? disse...

Fabiano Roberto eu coloquei o anuncio com as seguintes alterações:
era assim:
ficou assim: //-->
Alterei só as flechas,sem presisar transformar meu código no PARSE HTML.
Daí minha dúvida,essas alterações são permitidas pelo regulamento do Google Adsense??

Fabiano Roberto disse...

se a alteração foi apenas para o blogger aceitar o código acredito que não haverá problemas

Izaque Liborio disse...

Fabiano.

Se eu pegar o código de um anúncio normal, igual você usa nos seus posts, daria certo do mesmo jeito?

Fabiano Roberto disse...

Izaque Liborio
se você usar o código do adsense de outra pessoa será inútil porque quem ganhará o dinheiro é a outra pessoa.

por exemplo se pegar um código do meu adsense e colocar no seu blog quem vai ganhar com isso sou eu porque o adsense paga para a conta google que gerou o código no adsense .

Izaque Liborio disse...

Fabiano.

Não foi isso que eu quis dizer.
Por exemplo, eu quero colocar o anúncio dentro do post, mas eu quero colocar ele com o mesmo tamanho que você usa, acho que é 300x250, eu quero saber se eu colocar esse tamanho dará algum problema?

Fabiano Roberto disse...

acho que não há problema quando ao formato de anuncio que escolher

Anúncios grátis disse...

Belo poste de qualidade e dedicação, sem dúvidas vai fazer parte de minha biblioteca de apredizado fica com Deus.

Olá pessoal,
O melhor modo de conseguir cliques de qualidade no adsense é ser bem localizado no google e outros buscadores com palavras chaves comerciais ( caras ) de muita concorrencia, que substancialmente terá cliques caros e mas relevantes.

guilherme disse...

Seria interessante se desse para colocar o anuncio diretamente na postagem, colocar direto no html do novo post, assim você decidindo se no próximo post aparecerá o adsense ou não.

Anônimo disse...

Fabiano Roberto eu estou tentando colocar o anuncio antes de no Gogle Chrom e não aparece nada
Tem q excluir os cokies??
Como exclui cokies no Google chrom??

Fabiano Roberto disse...

anonimo basicamente é só colocar o código que mostramos.

se não aparecer pode ser erro no carregamento da pagina, mas vamos fazer alguns testes e se necessário publicar um novo tutorial sobre o assunto

Postar um comentário

Tutoriais Úteis para Blogs

Gostou? Compartilhe!