Tout le monde déteste la publicité. En regardant la télévision, les films, Youku et les pages Web, je déteste également les publicités volant dans tout le ciel. La publicité est quelque chose qui n'est pas populaire. Cependant, pour un webmaster / blogueur de sites Web de taille petite et moyenne, la publicité est presque la seule source de fonds qui peuvent prendre en charge le fonctionnement normal du site Web / du blog. Si un blogueur publie simplement des manuscrits de manière désintéressée, il y a très peu de gens qui peuvent durer quelques années. La plupart d'entre eux ont lentement perdu leur enthousiasme.
Firefox et Google Chrome ont des plug-ins qui peuvent bloquer les pages aux publicités, dont les plus célèbres sont AdBlock et AdBlock Plus. Il y a quelques jours, j'ai fait des statistiques pour voir combien d'utilisateurs parcourent le site Web ont utilisé le plug-in AdBlock et j'ai constaté que ce nombre s'élevait en fait à 1/5 du nombre total de téléspectateurs.
1/5 est un grand nombre. Comment pouvons-nous remplacer l'espace publicitaire par d'autres images sur les pages des utilisateurs qui utilisent le plug-in AdBlock en 1/5? Pour ce faire, la première chose est de savoir que le plugin AdBlock est utilisé dans le navigateur actuel. Après quelques tests, j'ai constaté qu'AdBlock est très sensible aux mots comme "AD" ou "Google AD". Tant qu'il a le mot "AD" dans le nom de classe ID ou CSS d'un certain élément de page, cet élément sera essentiellement bloqué par le plug-in AdBlock, c'est-à-dire l'affichage: aucun:
La copie de code est la suivante:
<div class = 'google-ad testad'> Cette div sera bloquée </div>
Avec cette règle, je peux utiliser JavaScript pour découvrir si le plug-in AdBlock est activé dans le navigateur actuel. Tout d'abord, nous mettons le code d'annonce Google dans un div et mettons le nom de classe CSS de la div dans un nom de classe qui représente clairement Google AD:
La copie de code est la suivante:
<div class = 'google-ad testad'> placer le code d'annonce Google ici </div>
Ensuite, utilisez JS pour détecter en bas de la page:
La copie de code est la suivante:
if ($ ('. google-ad'). height () == 0) showotherimage ();
Il y a un autre problème ici. Les annonces Google se réfèrent généralement à l'affichage après le chargement DOM. Afin de vous assurer que les annonces Google sont détectées après le chargement, vous devez ajouter des fonctionnalités d'exécution retardées au code JS, ce qui évite la détection des erreurs:
La copie de code est la suivante:
$ (function () {
setTimeout (function () {
if ($ ('. google-ad'). height () == 0)
showotherimage ();
}, 3000);
});
Que pouvons-nous faire dans le showotherimage (); Méthode ici? Nous pouvons placer des photos et des liens promotionnels sur d'autres sites Web de JD.com, Dangdang et Amazon.com. En obtenant des commissions, il s'agit d'un peu de compensation pour les pertes.