Como adicionar Anúncios Fixos Inferiores Responsivos no Blogger

Deseja adicionar anúncios RESPONSIVO no final do seu site do Blogger e aumentar a receita no Adsense, então este artigo será super útil para você.

Mas, antes disso, você precisa entender o básico do que são anúncios fixos, diferentes tipos de anúncios fixos e quais são as orientações fornecidas pela equipe do Adsense para a implementação adequada desses anúncios.

O que é um anúncio fixo?

Um anúncio fixo é um anúncio fixo que permanece visível exatamente na mesma posição, independentemente da rolagem do usuário pelo conteúdo. Eles geralmente são usados no cabeçalho, rodapé, barra esquerda / direita, barra lateral esquerda e direita.

Tipos de anúncios fixos

Anúncios fixos são amplamente divididos em duas categorias. Por exemplo. Horizontal vertical.

Anúncios horizontais são geralmente colocados no cabeçalho e rodapé de um site e geralmente são espalhados de uma extremidade a outra na forma de paisagem.

Os anúncios âncora que obtemos na seção "anúncios automáticos" do Adsense são um exemplo de anúncio fixo horizontal.

Anúncios fixos verticais são geralmente colocados na barra lateral de um site e, em alguns casos, fora dela. Eles são projetados de forma que fiquem na barra lateral mesmo que o usuário role a página para baixo

Benefícios do uso de anúncios fixos no Blogger

Anúncios fixos são uma ótima maneira de aumentar sua receita do Google AdSense, pois aumentam a impressão geral e a taxa de cliques [CTR] de seu website, além de melhorar seu valor de CPM com o tempo.

Aqui estão alguns dados estatísticos que comprovam o ponto acima.

1. CTR 40-60% superior: em comparação com anúncios gráficos normais
2. Melhorar a visibilidade: até 200% mais visível do que outros formatos nos mesmos canais.
3. CPM 30-70% mais alto: os anunciantes gastam mais com esses anúncios.

Também discutiremos as diretrizes para colocar anúncios fixos no Blogger, mas antes disso vamos entender como você pode adicionar anúncios fixos de rodapé ao seu site.

Antes de prosseguir com as etapas abaixo, certifique-se de fazer um backup do seu tema, para que, se você fizer algo errado, você possa restaurar facilmente o seu site à sua posição original, carregando o arquivo de backup.

Como criar anúncio flutuante responsivo no Blogger

Para adicionar um anúncio aderente na parte inferior do Blogger, siga as etapas abaixo.

Etapa 1: copie o código CSS abaixo e cole-o logo acima deste]]> </ b: skin> código ou cole-o na seção CSS adicional do seu tema

Copie o código CSS abaixo

Como colocar um mapa do site no blogger

Caso voce deseje criar um mapa de site para seu blog, voce está no caminho correto, para os buscadores (principalmente o google) uma página de mapa do site é muito útil, pois redireciona para todo o conteúdo do site, para o blogger é bastante simples, aqui no blog possuimos um mapa com a utilização de um simples codigo, o seguinte:

<script src="https://sites.google.com/site/kassionubia/codigos/mapaparablogger.js?attredirects=0&amp;d=1">

</script>

<script src="http://kassioromulo.blogspot.com/feeds/posts/default?max-results=1000&amp;alt=json-in-script&amp;callback=loadtoc">

</script>

Basta substituir ENDEREÇO-DO-BLOG pelo endereço de seu blog para que o código funcione. Para instalar, basta criar uma nova página ou postagem no blogger e clicar acima em EDITAR HTML

E então colar este código acima com o endereço de seu blog dentro e publicar, bem simples. Então seu blog terá um mapa do site dividido por mês.

AMP no Blogger: Configuração básica

 AMP no Blogger: Configuração básica

Eu sou um usuário da plataforma Blogger e acho um lugar realmente incrível para um novato começar. Muitos dos meus blogs usam o Blogspot. Todo mundo está falando sobre o AMP e realmente é brilhante no sentido de velocidade de carregamento das páginas mobile. Levou o padrão de carregamento da página para um novo nível.

O que é o Google AMP?

Basicamente é "Accelerated Mobile Pages", ou seja, páginas aceleradas para acesso móvel. É um projeto do Google que visa criar páginas móveis com conteúdo estático que seja mais rápida. As páginas da AMP usam AMP HTML, AMP JS e AMP CDN para processar e entregar páginas com muita mais rapidez. O Google introduziu a AMP com a visão de que os editores possam criar conteúdos otimizados para acesso móvel ´para carregá-los instantaneamente em todos os lugares.

Como configurar o AMP no Blogger?

Passo 1 - Criar o html AMP

Antes de tudo save o seu templante para se caso ocorra algo de errado é só você voltar de onde começou.

Agora vá em Configurações > Editar html e substitua todo código <html>, que fica no começo do templante por:

<html amp='amp' lang='pt-br'>

Passo 2 - Adicione as meta tags Charset e Viewport logo após <head>

<meta charset="utf-8">
<meta name="viewport" content="width=device-width,minimum-scale=1,initial-scale=1">

Passo 3 - Adicione a tag Canonical

Confira se no seu html já existe essa tag. Se não estiver presente, adicione dessa maneira abaixo logo após o código anterior:

<link expr:href='data:blog.url' rel='canonical'/>

Passo 4 - Configurando o CND AMP

Cole este código logo acima da tag </ head>:

<style amp-boilerplate='amp-boilerplate'>body{-webkit-animation:-amp-start 8s steps(1,end) 0s 1 normal both;-moz-animation:-amp-start 8s steps(1,end) 0s 1 normal both;-ms-animation:-amp-start 8s steps(1,end) 0s 1 normal both;animation:-amp-start 8s steps(1,end) 0s 1 normal both}@-webkit-keyframes -amp-start{from{visibility:hidden}to{visibility:visible}}@-moz-keyframes -amp-start{from{visibility:hidden}to{visibility:visible}}@-ms-keyframes -amp-start{from{visibility:hidden}to{visibility:visible}}@-o-keyframes -amp-start{from{visibility:hidden}to{visibility:visible}}@keyframes -amp-start{from{visibility:hidden}to{visibility:visible}}</style><noscript><style amp-boilerplate='amp-boilerplate'>body{-webkit-animation:none;-moz-animation:none;-ms-animation:none;animation:none}</style></noscript>
<script async='async' src='https://cdn.ampproject.org/v0.js'></script>

Passo 5 - Código AMP das imagens

Se você já possui imagens em seus posts altere pelo seguinte código:

<amp-img alt="Texto da imagem" height="560" layout="responsive" src="link da imagem" title="Título da imagem" width="840"></amp-img>

Agora é só substituir conforme indicado e colocar conforme o tamanho de sua imagem.

Conclusão

Espero que isso te ajude. o AMP é um projeto apoiado pelo Google e o Blogspot é a plataforma de blogs do Google, mas ainda assim o Blogger atualmente não suporta AMP. Então, não podemos esperar por eles e nem sabemos quando eles começarão a suportar. Então, use essas dicas e ajustes para adicionar suporte AMP no seu blogger. Se você tem muitas postagens terá que ajustar todas as imagens para que todo o blog seja válido para AMP, ou você pode ajustar só os principais e os novos.

*Meu Blogger

Como criar um blog lucrativo

Com este artigo pretendemos ajudá-lo nos primeiros passos da criação do seu blog.

1• Escolher o nicho de mercado

Com a elevada concorrência dos milhões de blogs já criados, é fundamental começar por estudar o nicho de mercado que pretende desenvolver. Para além de ser vital escolher uma área de negócio que seja lucrativa, é importante que tenha algum conhecimento e gosto pela mesma, para que a longo prazo a sua estratégia obtenha o sucesso desejado.

Uma boa estratégia é pesquisar nos programas de afiliados as melhores ofertas e a partir daí selecionar as áreas que se sinta mais à vontade para poder desenvolver no seu blog. Há nichos de mercado que apresentam ofertas muito vantajosas, podendo ganhar mais de 100€ por cada referido. Forex, poker, casinos, apostas desportivas, hoteis, dietas, emagrecimento, encontros, etc são alguns exemplos de nichos de mercado com excelente potencial para blogs muito lucrativos.

2• Comprar um domínio

Se o objetivo é criar um projeto sólido e rentável, a melhor solução passa por comprar um domínio. Atualmente a concorrência é muito elevada, por isso trata-se sempre de uma boa aposta. Aconselhamos duas opções: Godaddy ou 1and1.

Godaddy.com é uma das empresas mais prestigiadas a nível mundial. Com domínios baratos, painel de controlo, apoio ao cliente 24 horas, promoções constantes, bem como outras funcionalidades.

A 1and.com é também uma das maiores empresas internacionais de alojamento e registo de domínios, apesar de ter um serviço um pouco inferior, principalmente ao nível do suporte e da rapidez. Apesar destes pontos fracos, tem como grande vantagem o preço dos domínios, possivelmente com os preços mais baixos do mercado.

Em ambas as soluções encontra domínios. com .net .info com preços muito competitivos.

3• Depois do domínio, vem o alojamento

Poderia ter optado por um pack com domínio e alojamento nas empresas anteriores, mas se quer uma solução uma excelente relação qualidade/preço aconselhamos vivamente o Hostgator.

Trata-se de uma das maiores empresas de alojamento americanas, com bom apoio ao cliente, planos muito atrativos e uma grande vantagem: suporta domínios ilimitados, o que permite poupar muito dinheiro se futuramente criar mais projetos. Tem um painel de controlo muito completo, cheio de funcionalidades e garante a funcionalidade do seu site 99,9% do tempo.

Outra grande vantagem é a possibilidade de instalar uma série de aplicativos automaticamente (o seu blog wordpress, lojas de comércio electrónico, etc), o que é uma grande ajuda para os iniciados.

Sugerimos o “Baby Plan”, que apresenta preços inferiores a 5€ mensais. Para além dos domínios, a largura de banda e o espaço em disco também são ilimitados.

Por fim outra excelente notícia. No primeiro mês paga apenas $0.1 (cerca de 1 cêntimo) se apresentar o seguinte cupão no processo de compra: HOSTGFREE994

4• Instalar o WordPress

É sem dúvida a plataforma mais usada e a que lhe permite obter melhores resultados. Se optou pelo alojamento do hostgator a instalação não podia ser mais simples, em dois passos tem o seu wordpress instalado.

Se utiliza outra empresa de alojamento que não tenha instalação automática, terá de fazer o download em www.wordpress.org e instalar através de um programa de ftp.

5• Instalar um tema profissional

Em seguida, e outro dos fatores fundamentais para o desempenho do seu projeto, é o design. A maior parte dos templates grátis são muito básicos e se quiser transmitir um aspecto mais profissional deverá pensar na compra de um template, transmitindo assim uma imagem muito mais atual.

Aconselhamos uma das seguintes soluções:

– Elegant Themes é um clube com mais de 60 templates wordpress para vários tipos de utilizações. Pode aceder e fazer o download de todos os temas por $39.

– Theme Forest é um mercado onde pode adquirir templates por preços muito bons, que variam dos $12 aos $60. Só em temas wordpress já são mais de 1100, por isso encontrará certamente um excelente tema para o seu projeto.

*Blogs de Renda Extra WordPress 

www.alsorsa.news - Redes Sociais