جار التحديث ...
جار التحديث ...

كيف اظهر رسالة معينة على جميع المقالات اذا كان المستخدم يستخدم adblock

  • 2

لدي مدونة وقد فعلت عليها الارباح

ولكن جميع الزوار لديهم adblock ولا اريد اظهار تلك الرسالة الكبيرة التي تزعج الزائر وتقول له الرجاء اغلاق مانع الاعلانات لكي تتصفح الموقع,

بل اريد اظهار نص في اول المقالة تعطيه تنبيه , الرجاء اطفاء مانع الاعلانات لكي نستطيع ان نستمر بالمحتوى المجاني

إجابات المستخدمين (7)


<div id="banner-12345">
الرجاء اطفاء مانع الاعلانات لكي نستطيع ان نستمر بالمحتوى المجاني
</div>
<style>
    #banner-12345 {
        display: none;
        margin-bottom: 30px;
        padding: 20px 10px;
        border-radius: 5px;
        background: #D30000;
        color: #fff;
        text-align: center;
        font-weight: bold;
    }
</style>

السابق هو تصميم الرسالة , يمكنك تغييره بما تراه مناسباً , ويمكنك وضع الكود السابق في بداية المقالة او في اي مكان ضمن الموقع

الان سنقوم بعمل برمجة السكربت لكي يظهر الاشعار

اولاً قم بانشاء ملف ads.js وضعه في جذر الموقع , خارج كل المجلدات مباشرة في الجذر وضع فيه ما يلي

var e = document.createElement('div');
e.id = 'test-block';
e.style.display = 'none';
document.body.appendChild(e);

وقم باستدعائه مباشرة قبل اغلاق تاغ Body

<script src="/ads.js" type="text/javascript"></script>

والان سنبدا في عملية التحقق من حظر الاعلان , يمكنك وضع الكود التالي مباشرة بعد الكود السابق قبل اغلاق ال body

<script type="text/javascript">
    if ( !document.getElementById('test-block') ) {
        document.getElementById('banner-12345').style.display='block';
    }
</script>

الفكرة من الكود السابق ان يتحقق من طول المحتوى في #test-block الذي هو محاكاة للبنر الاعلاني , اذا كان طوله 0 يعني انه محظور فتظهر الرسالة , اما ان كان اكبر من 0 فيعني انه موجود فبالتالي الاعلانات غير محظورة ...


  • 1
رد على التعليق (3)

الردود :


  • قبل أسبوعين

الكود فعال ولكن هنالك مشكلة! انا استخدم بلوجر , ولا يمكنني انشاء ملف خارجي منفصل, فقمت بوضع الكود الاول في function واستدعيته في تخر الصفحة بمعنى اخر بدلا من وضع كود جافا سكربت في ملف خاص واستدعائه , قمت بوضع الكود في fuunction واستدعيته بدلاً من <script src="/ads.js" type="text/javascript"></script>

وهل نجحت العملية ؟

  • قبل أسبوعين

لا ابداً لم تنجح


سجل الدخول لاضافة رد

حسناً صديقي , وجدت الحل المرتبط ب Blogger , فقط قم بانشاء عنصر جديد (عنصر وليس مقالة) من نوع HTML / Javascript وضع فيه الكود التالي

<style>#g207{position:fixed!important;position:absolute;top:0;top:expression
((t=document.documentElement.scrollTop?document.documentElement.scrollTop:document
.body.scrollTop)+"px");
left:0;width:100%;height:100%;background-color:#fff;opacity:0.9;filter:alpha(opacity=90);display:block}#g207 p{opacity:1;filter:none;font:bold 16px Verdana,Arial,sans-serif;text-align:center;margin:20% 0}#g207 p a,#g207 p i{font-size:12px}#g207 ~ *{display:none}</style><noscript><i id=g207><p>Please enable JavaScript!<br />Bitte aktiviere JavaScript!<br />S'il vous pla&icirc;t activer JavaScript!<br />Por favor,activa el JavaScript!<br /><a href="http://antiblock.org/">antiblock.org</a></p></i></noscript><script>(function(w,u){var d=w.document,z=typeof u;function g207(){function c(c,i){var e=d.createElement('i'),b=d.body,s=b.style,l=b.childNodes.length;if(typeof i!=z){e.setAttribute('id',i);s.margin=s.padding=0;s.height='100%';l=Math.floor(Math.random()*l)+1}e.innerHTML=c;b.insertBefore(e,b.childNodes[l-1])}function g(i,t){return !t?d.getElementById(i):d.getElementsByTagName(t)};function f(v){if(!g('g207')){c('<p>Please disable your ad blocker!<br/>This site is supported by the advertisement <br/> Please disable your ad blocker to support us!!! </p>','g207')}};(function(){var a=['Adrectangle','PageLeaderAd','ad-column','advertising2','divAdBox','mochila-column-right-ad-300x250-1','searchAdSenseBox','ad','ads','adsense'],l=a.length,i,s='',e;for(i=0;i<l;i++){if(!g(a[i])){s+='<a id="'+a[i]+'"></a>'}}c(s);l=a.length;for(i=0;i<l;i++){e=g(a[i]);if(e.offsetParent==null||(w.getComputedStyle?d.defaultView.getComputedStyle(e,null).getPropertyValue('display'):e.currentStyle.display
)=='none'){return f('#'+a[i])}}}());(function(){var t=g(0,'img'),a=['/adaffiliate_','/adops/ad','/adsales/ad','/adsby.','/adtest.','/ajax/ads/ad','/controller/ads/ad','/pageads/ad','/weather/ads/ad','-728x90-'],i;if(typeof t[0]!=z&&typeof t[0].src!=z){i=new Image();i.onload=function(){this.onload=z;this.onerror=function(){f(this.src)};this.src=t[0].src+'#'+a.join('')};i.src=t[0].src}}());(function(){var o={'http://pagead2.googlesyndication.com/pagead/show_ads.js':'google_ad_client','http://js.adscale.de/getads.js':'adscale_slot_id','http://get.mirando.de/mirando.js':'adPlaceId'},S=g(0,'script'),l=S.length-1,n,r,i,v,s;d.write=null;for(i=l;i>=0;--i){s=S[i];if(typeof o[s.src]!=z){n=d.createElement('script');n.type='text/javascript';n.src=s.src;v=o[s.src];w[v]=u;r=S[0];n.onload=n.onreadystatechange=function(){if(typeof w[v]==z&&(!this.readyState||this.readyState==="loaded"||this.readyState==="complete")){n.onload=n.onreadystatechange=null;r.parentNode.removeChild(n);w[v]=null}};r.parentNode.insertBefore(n,r);setTimeout(function(){if(w[v]!==null){f(n.src)}},2000);break}}}())}if(d.addEventListener){w.addEventListener('load',g207,false)}else{w.attachEvent('onload',g207)}})(window);</script>

  • 1
رد على التعليق (2)

الردود :


  • قبل أسبوعين

بالفعل الكود يعمل بشكل ممتاز هذا يكفي شكراً لك صديقي

العفو صديقي , بالتوفيق


سجل الدخول لاضافة رد
سجل الدخول لاضافة اجابة جديدة


ملئ الشاشة

اضافة سؤال جديد