Como colocar anúncios Adsense dentro das postagens | Quero Dicas Quero Dicas : Como colocar anúncios Adsense dentro das postagens

Quero Dicas : Como colocar anúncios Adsense dentro das postagens

Quero Dicas , Como colocar anúncios Adsense dentro das postagens , Adsense , Monetização ,

Como colocar anúncios Adsense dentro das postagens

| |

anúncios Adsense dentro das postagens

Quem tem um blog e quer ganhar uma renda extra por ele, existem várias formas para isso. Algumas delas é se cadastrar no Adsense ou optar por outros outros meios de ganho: Outros Programas de afiliação, construção de e-books e muito mais.

Muitos desses programas de afiliação, é preciso colocar propagandas de vendas, como o Adsense e Hotmart. Claro, existem muitas dúvidas em relação a ganhar dinheiro com esses tipo de programa, principalmente, quando se refere a colocação dos anúncios.

Acredito, que uma das piores dúvidas é: Como colocar os anúncios do Adsense dentro das postagens. Dessa forma, os visitantes podem ficar "mais tentados" para clicar nos nossos anúncios.

Existem duas formas de adicionar as propagandas dentro das postagens. Manualmente e automaticamente. Lembrando, que este tutorial serve para qualquer tipos anúncios a base de códigos (script) ou até mesmo os revertidos enviados para você.


Automaticamente

Para adicionar os anúncios Adsense dentro do seu template, basta acessar:

1. Painel do seu blog
2. Clicar na aba "Ganhos"
3. Escolher a opção "Sim"
4. Optar pela estilo de exibição que deseja implementar.

Veja a imagem abaixo:

5. Salve e pronto!


Manualmente

Criando um anúncio 
Siga esse tutorial caso você ainda não tem nenhum bloco de anuncio montado. Caso contrario, siga para "Anúncio já criado".

1. Para ter acesso ao código, clique aqui e faça o login.
2. No painel lateral esquerdo clique em "Meus Anúncios"
3. No mesmo item opte por "Bloco de anúncios"
4. Clique em "Novo bloco de anúncios".

Crie um novo bloco de anúncios


4.1 Escolha uma das opções em destaque (inicialmente, escolha a opção Anúncios Gráficos e de Textos). 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". 

Dica: Opte pelo tamanho responsivo. Dessa forma, seu anúncio será mostrado em todos os dispositivos.  

4.2  Ao terminar sua configuração. Copie o código que está na caixa que se abre e salve em um bloco de notas. Feche a aba do anúncio!

código Adsense


Anúncio já criado

O processo basicamente o mesmo:

1. Para ter acesso ao código, clique aqui e faça o login.
2. No painel lateral esquerdo clique em "Meus Anúncios"
3. No mesmo item opte por "Bloco de anúncios"

Agora, ao invés de criar um novo anúncio....

4. Clique em "Obter código"


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

código Adsense


Convertendo o código

1 - Acesse o site Blogcrowds ou e Nosetup

2. Cole o código Adsense que você salvou do seu bloco de notas (Código Original) e cole na caixa de texto do site e clique no botão "Parse".

3 - Após alguns segundos o código será convertido.

Código convertido Adsense

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

Alterando o HTML do seu template
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. Não sabe fazer Backup? Não tem problema, clique: Como fazer um Backup ou restauração do seu template.

1ª forma: Anúncio no início de todas as postagens
Você exibe o anúncio em todas as suas postagens, tanto antigas quanto novas, no início das suas postagens. (abaixo do titulo, data, autor, etc...)

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

 <div class='post-header-line-1'/>
 

4. Apareceram dois ou mais tags iguais, opte pela segunda.
4.1 Logo abaixo dessa tag cole o código convertido Adsense.
5. Salve e pronto.

• Se você escolheu o estilo de anúncio quadrado ou retangular, ele ocupará o espaço, normalmente, da lateral esquerda da sua postagem. Caso, queira adicionar do lado direito da sua postagem, cole o código convertido no meio no código abaixo:

<div class='GA' style='float: left;!important;''>

Aqui cole o código convertido

</div>



2ª Forma: Anúncio no meio das postagens
Esta forma, eu indico, criar um anúncio mais largo, por exemplo responsivo, 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.
2. Vá em "Tema" e "Editar HTML"
3 - 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.

5. Agora, quando você estiver criando uma postagem e quiser que o anúncio apareça em um determinado trecho.

• Entre no HTML da postagem.

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


4.1 - Ao publicar a postagem, esse código será substituído pelo seu anúncio. Pronto!

F.A.Q
Algumas pessoas tem problemas em adicionar os anúncios Adsense no meio da postagem. A informação é que o script em questão não funciona. Caso isso, também, aconteça com você. a unica opção, que eu indico, é colocar os anúncios manualmente em cada postagem. Neste caso, deverá ser com o código original


Outros Locais 

Acima dos comentários do Blogger
Procure e cole o código convertido abaixo de:

<div class='post-footer'>

Caso não encontre, procure por:

<b:includable id='comments' var='post'>

Abaixo do cabeçalho
Procure e cole o código convertido abaixo de:
</header>

Lateral do Blog (Sidebar)
1. Acesse o painel do Blogger
2. Clique em Layout e depois em "Adicionar um gadget"
3. Procure por HTML/Javascript e Cópie o código original (não convertido)
4. Depois é só posicionar o local que deseja que o anúncio apareça, salvar a posição e pronto!


Nota
Embora este tutorial tenha sido feito utilizando o Adsense, qualquer anúncio pode ser implementado em formato HTML em seu template. E como já alertado: Faça o backup do seu template ou faça em um template de teste para você ver e escolher a melhor onde adicioná-los.

Gostou?
Beijinhos



Compartilhe

* Você reservou um tempinho para comentar? *

Desde já agradeço!

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


2 comentários:

  1. 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 "/>".

    ResponderExcluir
    Respostas
    1. Olá Dri. Vou verificar e concertar =D Desculpe

      Excluir

Amigos do Blog

agenda dos blogs Universo das Dicas

Ganhe Visitantes | Inscreva-se!

GeraLinks Atoananet Linkirado
subir