Kaynak ikonu

ip ucu Adblock Tespit bildirim Gösterimi - Show adblock detected notice

XenForo kullanımı için ip uçları.
Bu yöntem ile reklam engelleyici kullanan üyelerinizden bunu kaldırmasını rica edebilirsiniz.

adblock notice.webp


NASIL Yapılır:
1-
Öncelikle bu özelliği çalıştırabilmek için forum kök dizine altına "advertisement.js" adında bir java script dosyası oluşturuyoruz ve sadece bu dosya içine tke satırdan oluşan şu kodu kopyalıyoruz.

Kod:
document.write('<div id="tester">an advertisement</div>');

2- Sonra kullandığımız temanın extra.less şablona açıp en sonuna şu kodu ilave ediyoruz.

Kod:
/* AdBlock Detection */
#tester {
    display:none;
}

.blockContainer { text-align: center; margin: 10px auto; clear: both; }
.noticeContainer { padding: 20px; background: #c44; color: #fff; }
.noticeContainer .head { font-size: 22px; font-weight: bold; }
.noticeContainer .foot { font-size: 16px; margin-top: 10px; }

3- Daha sonra reklam bölümüne gidip, reklamları engellendiğinde mesajı göstermek istediğiniz bir reklamı seçiyoruz. Bu genelde en üstte yer alan reklamın altında veya genel görünümün üst kısmındaki reklam alanı olacaktır.

İlgili reklam alanını açıp HTML alanında google adsense kodundan sonra, aşağıdaki kod satırlarını ekleyin.

Kod:
<script type="text/javascript" src="/advertisement.js"></script>
        <script type="text/javascript">
            if (document.getElementById("tester") != undefined)
                {
                    document.write(' ');
                }
            else
                {
                    document.write('<div class="messageText ugc blockContainer"><div class="noticeContainer"><div class="head">Ad-blocking software has been detected!</div><div class="foot">This website is run by the community, for the community... and it needs advertisements in order to keep running.<br />Please consider disabling your ad-block or <a href="account/upgrades" style="color: #FFF933; font-weight:bold">becoming a premium member</a> to hide all advertisements. Thanks!</div></div></div>');
                }
        </script>

NOT: Yukarıdaki kodda göstermek istediğiniz mesajı ve temanıza uygun stil değişikliklerini yapabilirsiniz.

Hepsi bu kadar. Şimdi sitenizde reklam bloğunu etkinleştirerek doğru çalışıp çalışmadığını test edebilirsiniz. Eğer doğru yaptınız ise yukarıdaki resimde gösterildiği gibi bir mesaj alacaksınız.
Yazar
mkucuksari
Görüntüleme
1.790
İlk yayınlama
Son güncelleme

Puanlar

5,00 yıldız 1 değerlendirme

mkucuksari ait diğer kaynakar

Kişiselleştirme

Tema editörü

Ayarlar Renkler

  • Mobil kullanıcılar bu fonksiyonları kullanamaz.

    Alternatif header

    Farklı bir görünüm için alternatif header yapısını kolayca seçebilirsiniz.

    Görünüm Modu Seçimi

    Tam ekran ve dar ekran modları arasında geçiş yapın.

    Izgara Görünümü

    Izgara modu ile içerikleri kolayca inceleyin ve düzenli bir görünüm elde edin.

    Resimli Izgara Modu

    Arka plan görselleriyle içeriğinizi düzenli ve görsel olarak zengin bir şekilde görüntüleyin.

    Yan Paneli Kapat

    Yan paneli gizleyerek daha geniş bir çalışma alanı oluşturun.

    Sabit Yan Panel

    Yan paneli sabitleyerek sürekli erişim sağlayın ve içeriğinizi kolayca yönetin.

    Box görünüm

    Temanızın yanlarına box tarzı bir çerçeve ekleyebilir veya mevcut çerçeveyi kaldırabilirsiniz. 1300px üstü çözünürler için geçerlidir.

    Köşe Yuvarlama Kontrolü

    Köşe yuvarlama efektini açıp kapatarak görünümü dilediğiniz gibi özelleştirin.

  • Renginizi seçin

    Tarzınızı yansıtan rengi belirleyin ve estetik uyumu sağlayın.

Geri