Os anúncios são muito importantes para qualquer post publicado na internet. Isto é o que decide a receita da pessoa. Mas, recentemente, sistema AdBlocker está matando a receita da editora isso também afeta a criatividade dessa pessoa. Hoje, eu estou fornecendo uma solução nova e simples para as pessoas deprimidas e afetadas pelo sistema AdBlocking. Aqui é um javascript simples para ser incluído juntamente com o seu código de site para ocultar o conteúdo de seu site ou mostrar um pop-up ou mensagem de alerta para remover o plugin espectadores adblock. Qualquer blogueiro ou de qualquer gestão do site pode usar este código para melhorar a receita do seu site. Este código é projetado principalmente para o Google Adsense.
Download Script Live Demo
Google Adsense
Você tem que incluir evento onerror para a marca de script, isso vai desencadear a função adBlockFunction) ( JavaScript.
<script async src="//pagead2.googlesyndication.com/pagead/js/adsbygoogle.js"onerror="adBlockFunction();"></script>
<ins class="adsbygoogle"
style="display:inline-block;width:300px;height:600px"
data-ad-client="ca-pub-XXXXXXXXXXXXX"
data-ad-slot="XXXXXXX"></ins>
<script>
(adsbygoogle = window.adsbygoogle || []).push({});
</script>
<ins class="adsbygoogle"
style="display:inline-block;width:300px;height:600px"
data-ad-client="ca-pub-XXXXXXXXXXXXX"
data-ad-slot="XXXXXXX"></ins>
<script>
(adsbygoogle = window.adsbygoogle || []).push({});
</script>
Ad Blocker Function
Este contém o código JavaScript muito simples, isso vai substituir parte o conteúdo do artigo com a mensagem Ad Blocker. Se você é usuário do Google Blogger não altere o nome da classe de post-body-n . Esta função ajuda a localizar os usuarios do Ad Blocker e contar com o Google Analytics.
<script>
function adBlockFunction()
{
// Google Analytics Tracking
setTimeout(function() {
ga('send', 'event', 'Blocker', 'click','Blocker');
},2000);
// Google Analytics End
// Website Users
document.getElementById('contentDivName').innerHTML = 'Please disable your ad blocker for yourwebitename.com';
// Google Blogger Users
document.getElementsByClassName('post-body-n')[0].innerHTML = 'Por favor desabilite seu bloqueador de anúncio para yourwebitename.com';
}
</script>
function adBlockFunction()
{
// Google Analytics Tracking
setTimeout(function() {
ga('send', 'event', 'Blocker', 'click','Blocker');
},2000);
// Google Analytics End
// Website Users
document.getElementById('contentDivName').innerHTML = 'Please disable your ad blocker for yourwebitename.com';
// Google Blogger Users
document.getElementsByClassName('post-body-n')[0].innerHTML = 'Por favor desabilite seu bloqueador de anúncio para yourwebitename.com';
}
</script>
Google Analytics Resultado
Simples Código HTML
//HTML Code
<div id="container">
<div id="contentDivName">
Parte do conteudo // Isto irá substituir com mensagem do anúncio bloqueador
</div>
<div id="sidebar">
Google Adsense Codigo
</div>
</div>
<div id="container">
<div id="contentDivName">
Parte do conteudo // Isto irá substituir com mensagem do anúncio bloqueador
</div>
<div id="sidebar">
Google Adsense Codigo
</div>
</div>
Função para barra de alerta Blockear anúncio
<script>
function adBlockFunction()
{
// Google Analytics Tracking
setTimeout(function() {
ga('send', 'event', 'Blocker', 'click','Blocker');
},2000);
// Google Analytics End
document.getElementById('ab-message').style.display = 'block';
}
</script>
function adBlockFunction()
{
// Google Analytics Tracking
setTimeout(function() {
ga('send', 'event', 'Blocker', 'click','Blocker');
},2000);
// Google Analytics End
document.getElementById('ab-message').style.display = 'block';
}
</script>
HTML Code
Incluir a tag ad-mensagem após a tag <body & gt
<style>
#ad-message{
text-align: center;
background-color: #E23C3C; color: #ffffff;
font-weight: bold; font-family: Arial;
border-bottom: solid 1px #333333;
}
</style>
//HTML Code
<body>
<div id='ad-message' style='display: none;'>
Por favor desabilite seu bloqueador de anúncio para yourwebitename.com
</div>
.....
.....
#ad-message{
text-align: center;
background-color: #E23C3C; color: #ffffff;
font-weight: bold; font-family: Arial;
border-bottom: solid 1px #333333;
}
</style>
//HTML Code
<body>
<div id='ad-message' style='display: none;'>
Por favor desabilite seu bloqueador de anúncio para yourwebitename.com
</div>
.....
.....
0 Comentários:
Observação: somente um membro deste blog pode postar um comentário.