Todo mundo odeia publicidade. Ao assistir TV, filmes, youku e páginas da web, também odeio os anúncios que voam por todo o céu. A publicidade é algo que não é popular. No entanto, para um webmaster/blogueiro de site pequeno e médio, a publicidade é quase a única fonte de fundos que podem suportar a operação normal do site/blog. Se um blogueiro apenas publica manuscritos desinteressadamente, há muito poucas pessoas que podem durar alguns anos. A maioria deles perdeu lentamente o entusiasmo.
O Firefox e o Google Chrome têm plug-ins que podem bloquear as páginas dos anúncios, os mais famosos dos quais são Adblock e Adblock Plus. Alguns dias atrás, fiz estatísticas para ver quantos usuários navegaram no site usou o plug-in do Adblock e descobri que esse número realmente representava 1/5 do número total de espectadores.
1/5 é um grande número. Como podemos substituir o espaço de anúncios por outras imagens nas páginas dos usuários que usam o plug-in adblock em 1/5? Para fazer isso, a primeira coisa é saber que o plug -in Adblock é usado no navegador atual. Após alguns testes, descobri que o Adblock é muito sensível a palavras como "anúncio" ou "anúncio do Google". Desde que tenha a palavra "anúncio" no nome da classe ID ou CSS de um determinado elemento de página, esse elemento será basicamente bloqueado pelo plug-in do Adblock, ou seja, exibição: Nenhum: Nenhum:
A cópia do código é a seguinte:
<div class = 'google-ad testad'> Esta div será bloqueada </div>
Com esta regra, posso usar o JavaScript para descobrir se o plug-in do Adblock está ativado no navegador atual. Primeiro, colocamos o código de anúncios do Google em uma div e colocamos o nome da classe CSS da div em um nome de classe que representa claramente o Google AD:
A cópia do código é a seguinte:
<div class = 'Google-ad testad'> Coloque o código do Google AD aqui </div>
Em seguida, use JS para detectar na parte inferior da página:
A cópia do código é a seguinte:
if ($ ('. Google-ad'). Height () == 0) SHOWOTHERIMAGE ();
Há outro problema aqui. Os anúncios do Google geralmente se referem à tela depois que o DOM é carregado. Para garantir que os anúncios do Google sejam detectados após o carregamento, você precisa adicionar recursos de execução atrasados ao código JS, que evita a detecção de erros:
A cópia do código é a seguinte:
$ (function () {
setTimeout (function () {
if ($ ('. Google-ad'). Hight () == 0)
showotherImage ();
}, 3000);
});
O que podemos fazer na ShowotherImage (); Método aqui? Podemos colocar algumas imagens e links promocionais em outros sites do JD.com, Dangdang e Amazon.com. Ao obter comissões, é um pouco de compensação pelas perdas.