Como colocar anúncios Adsense dentro das postagens | Quero Dicas | Tutoriais para seu blogs


Como colocar anúncios Adsense dentro das postagens


Quem tem um blog ou site e quer ganhar dinheiro, existem várias formas para isso, algumas delas é se cadastrar no Adsense ou outros tipos programas de afiliados, construindo E-books e muito mais.

Em muitos desses programas para ganhar dinheiro, é preciso colocar propagandas de vendas, como o Adsense e Hotmart e é claro, existem muitas dúvidas em relação a ganhar dinheiro com esses tipo de programa.

Uma dessas dúvidas é de como colocar os anúncios do Adsense entre outras propagandas dentro de nossas postagens. Dessa forma, os nossos visitantes podem ficar "mais tentados" a clicar nos anúncios.
Os anúncios do Adsense são pagos por clique dos seus visitantes. Hotmart é venda de produtos e você recebe por comissão.
Existem 2 formas de adicionar propagandas dentro das postagens manualmente e automaticamente.
Lembrando, também, que este tutorial serve para quaisquer outros tipos anúncios a base de códigos ou revertidos a códigos por você.

  Automaticamente

Fazendo dessa forma (automaticamente),  eu sempre recomendo fazer um backup do seu template, ao instalar qualquer tipo de implementação de códigos dentro do HTML do seu blog e claro, dê preferências a blogs de teste! Não sabe fazer Backup? Não tem problema, clique em: Como fazer um Backup ou restauração do seu template.

Pegando o Código

1 - Clique na propaganda que quer implementar para pegar o código



2 - Ou crie um "Novo bloco de anúncios" do Adsense.


2.1 - Preencha as informações necessárias. Escolha o "tamanho do anúncio" de acordo com sua necessidade e clique em "Salvar e obter código".


2.2 -  Copie o código que está na caixa e salve em um bloco de notas. Feche a aba do anúncio!


Convertendo o código
Para implantar os anúncios automaticamente em suas postagens, é necessário converter esse código, senão o seu template dará erros e não será possível adicioná-lo
1 - Acesse o site Blogcrowds (Conversor de códigos)

2. Cole o código que você salvou do seu bloco de notas, anteriormente (Código Original) e clique no botão "Parse".


3 - Logo será mostrado o código convertido


4 - Salve este código no bloco de notas, pois usaremos a seguir.

Alterando o HTML do seu template
Lembrando: Recomendo fazer um backup do seu template e claro, dê preferências a blogs de teste! Não sabe fazer Backup? Não tem problema, clique em: Como fazer um Backup ou restauração do seu template.
1ª forma: Anúncio no início de todas as postagens
Desta forma, você exibe o anúncio em todas as suas postagens, tanto antigas quanto novas, no início das suas postagens.

1 - Acesse o painel do Blogger. Vá em "Modelo" e "Editar HTML"
2 - Procure por:

 <div class='post-body'>
 

3 - Logo abaixo dele, cole o código abaixo, substituindo "SEU CÓDIGO ANUNCIO AQUI", pelo código que você converteu e salvou no bloco de notas. (Logo acima "Convertendo o código")
  
    
SEU CÓDIGO ANUNCIO AQUI

4 -  Salve e Pronto! Agora, o anúncio AdSense passará a ser exibido logo no inicio de todas as suas postagens. Mas somente nas páginas de postagens e não exibido na página inicial do seu blog.

ERRO: 
Caso dê algum erro de não aparecer o anúncio ou não tiver em seu template o código de procura (<div class='post-body'>)

1 - Procure em seu template por este outro:
 <data:post.body/> 

 

2 - Talvez, você encontre mais de um igual, então, logo acima dele, cole o código convertido em todos eles.

3 - Salve e Pronto!

2ª Forma: Anúncio no meio das postagens e onde você quiser
Esta forma, eu indico, criar um anúncio mais largo, com a largura máxima que couber em sua postagem (a área). por exemplo o do Quero Dicas é 655px

1 - - Acesse o painel do Blogger. Vá em "Modelo" e "Editar HTML"

2 - Procure no HTML do seu blog por:
 <data:post.body/> 
 

3 - Substitua essa linha pelo código abaixo. Lembrando de substituindo "SEU CÓDIGO ANUNCIO AQUI", pelo código que você converteu e salvou no bloco de notas. (Em "Convertendo o código")

 
 
    
SEU CÓDIGO ANUNCIO AQUI

4 - Salve as alterações.

Agora, quando você estiver criando uma postagem e quiser que o anúncio apareça em um determinado trecho.
Entre no HTML da postagem. Veja na imagem abaixo.

Coloque o código <!-- anuncio -->, onde você desejar que seja exibido o anúncio
    


4.1 - Ao publicar a postagem, esse código será substituído pelo seu anúncio. Pronto!
Embora este tutorial tenha sido feito usando o Adsense, qualquer anuncio possa ser implementado em formato HTML em seu template. E como alertado algumas vezes, volto a repetir: Faça em um template de teste, desta forma, você verá e escolherá melhor qual das formas acima é melhor!


Manualmente

Para adicionar seus anúncios manualmente, basta copiar os códigos Adsense e Adicionar dentro das suas postagens ao criá-las. Lembrando que você sempre terá que fazer este procedimento.

Espero que tenham gostado e se gostou, deixe seu comentário! 
Beijinhos

2 comentários

Clique e deixe seu comentários
quinta-feira, 03 novembro, 2016 ×

Olá! Acredito que tenha alguma coisa errada nos códigos acima, nenhum deles funcionam, aparece a informação:

Erro ao analisar XML, linha 4579, coluna 36: Element type "b:if" must be followed by either attribute specifications, ">" or "/>".

Resposta
avatar
admin
quinta-feira, 03 novembro, 2016 ×

Olá Dri. Vou verificar e concertar =D Desculpe

Resposta
avatar
admin


Que bom você reservou um tempinho para vir comentar. Você me deixa super feliz e desde já agradeço por sua colaboração.

Comente. Mais peço que leia antes:

1 - Devido a falta de tempo, não prometo responder a todos os comentários. Mais farei o possível.

2 - Educação sempre! Comentários com xingamentos entre outros, não serão publicados ou respondidos.

3 - Comentários não relacionados ao titulo, não serão publicados.

4 - Comentários somente URLs de terceiros, não serão publicados.

♥ - Caso queira divulgar seu blog gratuitamente, Acesse, Galeria de Blogs
♥ - Eu terei o maior prazer em colocar o link ou seu banner nesta galeria.

Muito obrigada por seu comentário e por sua vista.
Beijinhos ♥
Abrir Conversa em CódigoFechar Conversa em Código Abrir EmoticonFechar Emoticon

Obrigada por seu comentário! Ele é muito importante para mim.