Résolu Mettre en place un message éducatif aux utilisateur d'adblock

Solutions (1)
|
Bonjour,
Je posséde un site intenret sur l'informatique et je le monétise avec la publicité adsence qui me permet de recevoir un petit revenus.
Le problème s'est que sur mon site internet, environ 60 à 65% des visiteurs bloquent les publicités.
Ce qui fait pour moi une perte de revenus importante.
J'aimerais mettre en place un message éducatif, mais je ne sais pas trop comment faire d'un point de vue technique ?

Lien de mon site : informatiquefacile.org

Merci
  • hyunkel30 a déplacé ce sujet
  • hyunkel30 a édité ce message
Contenus similaires
  • Autres pages sur : mettre place message educatif utilisateur adblock
Meilleure solution
partage
, Je reviendrai |
Je comprends très bien ta situation, la plupart (y compris moi-même) utilisent le plugin adblock pour empêcher généralement les sites qui utilisent des pop ups et non adsense.

Alors mon ami je vais te donner un code javascript que tu va implémenter dans n'importe quelle page de ton site.

Juste met ce code après la balise <body> de n'importe quelle page de votre site :

  1. <!--Fichier javascript Anti-Adblock-->
  2. <style type="text/css">
  3. #blockblockA {position:absolute;top:0px;left:0px;background-color:#000000;width:100%;height:100%;}
  4. #blockblockA td {text-align:center;width:100%;height:100%;}
  5. #blockblockA td p {font: bold 20px Verdana;color:#ffffff;}
  6. #blockblockA td div {font: bold 13px Verdana;color:#ffffff;}
  7. #blockblockB {visibility:invisible;display:none;}
  8. #linkA {font: bold 13px Verdana;color:#ffffff;}
  9. </style>
  10.  
  11. <noscript>
  12. <style type="text/css">
  13. #blockblockA {visibility:invisible!important;display:none!important;}
  14. #blockblockA td {visibility:invisible!important;display:none!important;}
  15. #blockblockA td p {visibility:invisible!important;display:none!important;}
  16. #blockblockB {visibility:visible!important;display:block!important;}
  17. </style>
  18. </noscript>
  19.  
  20. <script type="text/javascript" src="/informatiquefacile.js"></script>
  21.  
  22. <table id="blockblockA"><tr><td>
  23.  
  24. <!-- AFFICHER LE CODE HTML ICI -->
  25.  
  26. <p>Veuillez désactiver Ad-Block pour consulter ce site web.</p>
  27.  
  28. <!-- AFFICHER LE CODE HTML ICI -->
  29.  
  30. <!-- C'est mes droit d'auteur, tu peux les retirer si tu veux :P, si non ca va être apprécié :) -->
  31. <div id="linkA" align="right">Par <a href="http://pixelfx.ca/">Conception Web & Référencement Naturel SEO</a></div>
  32. <!-- C'est mes droit d'auteur, tu peux les retirer si tu veux :P, si non ca va être apprécié :) -->
  33.  
  34. </td></tr></table>
  35.  
  36. <span id="blockblockB">


Maintenant tu crée un autre fichier en le nommant "informatiquefacile.js", en le placant dans root de votre site et en mettant dedans ce code :

  1. document.write('<style type="text/css">#blockblockA {visibility:invisible!important;display:none!important;}#blockblockA td {visibility:invisible!important;display:none!important;}#blockblockA td p {visibility:invisible!important;display:none!important;}#blockblockB {visibility:visible!important;display:block!important;}</style>');


Tout est fait:) 

Personne ne va pouvoir consulter votre site à moins qu'ils désactive le adblock
  • Dreamcaster a sélectionné cette solution comme la meilleure réponse
  • Commenter cette solution |

Ce n'est pas ce que vous cherchiez ?

Tom's guide dans le monde
  • Allemagne
  • Italie
  • Irlande
  • Royaume Uni
  • Etats Unis
Suivre Tom's Guide
Inscrivez-vous à la Newsletter
  • ajouter à twitter
  • ajouter à facebook
  • ajouter un flux RSS