PRECISANDO de um LOCUTOR para GRAVAR o Seu ANÚNCIO? Saiba mais

Tabela de conteúdo

Como instalar anti-adBlock no Blogger (Todos os anúncios)

O AdBlock é uma extensão do navegador que serve para evitar que anúncios apareçam. O objetivo de instalar o AdBlock geralmente é para que os visitantes possam ler artigos confortavelmente sem a necessidade de ver anúncios que estão circulando.

Para editores e donos de blogs do AdSense, isso pode ser um problema, pois uma das principais receitas como bloger é de publicidade.

Se os anúncios não aparecerem, então não há renda. Portanto, é necessário fazer uma maneira de impedir que o AdBlock apareça.

script-anti-adblock
Como instalar anti-adBlock no Blogger (Todos os anúncios)

Neste tutorial, será explicado como instalar um script anti-AdBlock na versão do Blogger. Uma notificação aparecerá para os visitantes desativarem a extensão do AdBlock ou inserirem a URL do seu blog na lista branca.

Como instalar script anti-adblock no blogger

Antes de tudo, procure este código Javascript externo do AdSense e EXCLUA-o. Normalmente a posição está lá ANTES . </head>

<script async="async" src="https://pagead2.googlesyndication.com/pagead/js/adsbygoogle.js?client=ca-pub-xxxx" crossorigin="anonymous">

Nota: xxxx é um código editor do AdSense cujos números variam para cada pessoa. Geralmente consiste em 16 números.

Não se preocupe, porque essa chamada javascript externa foi substituída pelo script a seguir. Esse valor Marcado é um valor substituível. E adicionaremos na tag de nome </body>

<script> //<![CDATA[
/* Anti AdBlock */
(function ignielAdBlock() {
  let adPub = 'xxxx',
  adTitle = 'Desative o AdBlock',
  adText = 'Para manter o blog em execução, desative o AdBlock ou coloque este blog na lista de permissões. obrigado!',
  ad = document.createElement('script');
  ad.src = 'https://pagead2.googlesyndication.com/pagead/js/adsbygoogle.js?client=ca-pub-' + adPub;
  ad.async = true;
  ad.setAttribute('crossorigin', 'anonymous');
  ad.onerror = function() {
    let a = document.createElement('div');
    a.className = 'ignielAdBlock';
    a.innerHTML = '<div class=\"adblock-outer\"><div class=\"adblock-inner\"><div class=\"adblock-icon\"><svg viewBox=\"0 0 24 24\"><path d=\"M3 10.5V15.5C3 20.19 6.81 24 11.5 24S20 20.19 20 15.5V7C20 5.62 18.88 4.5 17.5 4.5C17.33 4.5 17.16 4.5 17 4.55V4C17 2.62 15.88 1.5 14.5 1.5C14.27 1.5 14.04 1.53 13.83 1.59C13.46 .66 12.56 0 11.5 0C10.27 0 9.25 .89 9.04 2.06C8.87 2 8.69 2 8.5 2C7.12 2 6 3.12 6 4.5V8.05C5.84 8 5.67 8 5.5 8C4.12 8 3 9.12 3 10.5M5 10.5C5 10.22 5.22 10 5.5 10S6 10.22 6 10.5V15C7.66 15 9 16.34 9 18H11C11 15.95 9.77 14.19 8 13.42V4.5C8 4.22 8.22 4 8.5 4S9 4.22 9 4.5V11H11V2.5C11 2.22 11.22 2 11.5 2S12 2.22 12 2.5V11H14V4C14 3.72 14.22 3.5 14.5 3.5S15 3.72 15 4V12H17V7C17 6.72 17.22 6.5 17.5 6.5S18 6.72 18 7V15.5C18 19.09 15.09 22 11.5 22S5 19.09 5 15.5V10.5Z\"></path></svg></div><div class=\"adblock-wrapper\"><div class=\"adblock-title\">' + adTitle + '</div><div class=\"adblock-text\">' + adText + '</div></div></div></div>';
    document.body.append(a);
    document.body.style.overflow = 'hidden';
  };
  document.head.appendChild(ad);
})();
//]]> </script>

Informações adicionais:

  • adPub: Código do editor do AdSense. É MUITO OBRIGATÓRIO mudar para o seu próprio ID de editor.
  • adTitle: O título da notificação anti-AdBlock.
  • adText: Preencha o texto adicional do AdBlock.

Em seguida, embeleza o aparecimento desta notificação do anti-AdBlocker adicionando o seguinte CSS. só procurar a seguinte tag ]]></b:skin> Mantenha o código fornecido ABAIXO, logo ACIMA de ]]></b:skin>

/* Anti AdBlock */
.ignielAdBlock {
  background-color: rgba(0,0,0,.75);
  position: fixed;
  z-index: 999;
}
.ignielAdBlock svg {
  height: 8rem;
  width: 8rem;
}
.ignielAdBlock path {
  fill: #b82929;
}
.adblock-outer {
  margin: auto;
  max-height: 90vh;
  max-width: 640px;
  padding: 2rem;
  position: absolute;
}
.adblock-inner {
  background-color: #f4f4f4;
  border-radius: 15px;
  overflow: auto;
  padding: 2rem;
}
.ignielAdBlock, .adblock-outer {
  bottom: 0;
  left: 0;
  right: 0;
  top: 0;
}
.adblock-outer, .adblock-inner {
  align-items: center;
  display: flex;
  display: inline-flex;
}
.adblock-wrapper {
  margin-left: 1rem;
}
.adblock-title {
  font-size: 2rem;
  font-weight: bolder;
  line-height: 2.5rem;
}
.adblock-text {
  margin-top: 1rem;
}
@media screen and (max-width: 640px) {
  .adblock-outer {
    max-width: 90vw;
  }
  .ignielAdBlock svg {
    height: 5rem;
    width: 5rem;
  }
  .adblock-title {
    font-size: 1.75rem;
    line-height: 2rem;
  }
}
@media screen and (max-width: 480px) {
  .adblock-inner {
    flex-direction: column;
  }
  .adblock-wrapper {
    margin-left: 0;
    margin-top: 1rem;
    text-align: center;
  }
}

É assim que o script de notificação anti-AdBlock se parece no blog se for instalado com sucesso. Esta mensagem só aparecerá se o visitante ativar o AdBlock ou não tiver listado seu blog.

script-anti-adblock
Veja em Codepen

Nota: O display já é dinâmico e responsivo para todos os dispositivos. Você pode mudá-lo você mesmo se você não gostar.

E é uma boa ideia primeiro verificar o truque de escrever scripts eficientes do AdSense para que a estrutura HTML não seja bagunçada ao instalar código de anúncio.

Saiba também sobre o conjunto de posições de anúncios do AdSense que têm potencial para aumentar o número de CTR.

Script do AdBlock para anúncios diferentes do Google AdSense

Este script anti AdBlock pode funcionar para todos os tipos de anúncios, como adsterra ou alternativas MGID adSense. Apenas uma pequena mudança é necessária. Observe o seguinte código:

ad.src = 'https://pagead2.googlesyndication.com/pagead/js/adsbygoogle.js?client=ca-pub-' + adPub;

Substitua o marcado pela localização do script fornecido pelo provedor de anúncios. Todos os provedores definitivamente têm. Eu lhe dou um exemplo. Aqui está o código que Adsterra dá:

<script type="text/javascript">
	atOptions = {
		'key' : '123456789',
		'format' : 'iframe',
		'height' : 60,
		'width' : 468,
		'params' : {}
	};
	document.write('<scr' + 'ipt type="text/javascript" src="http' + (location.protocol === 'https:' ? 's' : '') + '://petrolgraphcredibility.com/123456789/invoke.js"></scr' + 'ipt>');
</script>

Bem, o que marcou é a localização do roteiro a que estou me referindo. Na MGID e outros provedores é a mesma coisa.

De qualquer forma, basta prestar atenção ao sufixo de URL, ele deve ter uma extensão na cauda. Mas para anúncios diferentes do Google AdSense, os dois scripts, ambos os scripts que escrevi acima e o script padrão ainda são escritos, não substituídos. Então o resultado final é o seguinte: .js

<script> //<![CDATA[
/* Anti AdBlock */
(function ignielAdBlock() {
  ....
  ....
  ....
  ad.src = '//petrolgraphcredibility.com/123456789/invoke.js';
  ....
  ....
})();
//]]> </script>

<script type="text/javascript">
	atOptions = {
		'key' : '123456789',
		'format' : 'iframe',
		'height' : 60,
		'width' : 468,
		'params' : {}
	};
	document.write('<scr' + 'ipt type="text/javascript" src="http' + (location.protocol === 'https:' ? 's' : '') + '://petrolgraphcredibility.com/123456789/invoke.js"></scr' + 'ipt>');
</script>

Conclusão

Você viu neste tópico Como instalar anti-adBlock no Blogger (Todos os anúncios). Isso é tudo. Espero que possa ser um pouco útil. Qualquer dúvida, deixe o seu comentário na seção de comentários deste tópico!

Referência:
www.igniel.com

Radialista formado, ator, locutor, e produtor de audio. Já são mais de 15 anos de experiência na área da comunicação. Saiba mais

Postar um comentário

O site mantém sistema de comentários na maioria dos artigos para estimular a troca democrática de informações e aprofundar a discussão sobre assuntos que frequentam o blog. Saiba Mais