Rehber XenForo Popup Reklam Yapmak

Merhaba arkadaşlar, Sitenizin ziyaretçilerini etkileyici bir şekilde karşılamak ve belirli bir mesajı iletmek için kullanabileceğiniz bir popup reklam kodu paylaşmak istiyorum. Bu kod, sitenizin önemli bir bölümünü kaplamadan, kullanıcıların dikkatini çekecek ve sitenizi tanıtacak bir reklamı göstermek için idealdir. Bu kodu sitenize ekleyerek, ziyaretçilerinize önemli bilgileri veya reklamları göstermek için etkili bir araç elde edebilirsiniz. Resim ekleyebilir ve resme bir bağlantı ekleyebilirsiniz. Kodu tanıttığıma göre şimdi kodu nasıl ekleyeceğinizi bahsetmek istiyorum. İlk olarak admin sayfanıza gelmeniz gerekiyor. Geldikten sonra görünüm ve diller kısmını bulun. Bulduktan sonra şablonlara girin ve "PAGE_CONTAINER" isimli şablonu bulun. Bulduktan sonra en altına inmeniz gerekiyor.

    <style>
        /* Popup stilini ayarlayın */
        .popup {
            position: fixed;
            top: 50%;
            left: 50%;
            transform: translate(-50%, -50%);
            max-width: 90%; /* Maksimum genişlik ayarı */
            max-height: 90%; /* Maksimum yükseklik ayarı */
            width: auto;           /* konteynır genişlik ayarı */
            height: auto;        /* konteynır yükseklik ayarı */
            background-color: white;
            box-shadow: 0px 0px 10px rgba(0, 0, 0, 0.5);
            z-index: 9999;
            padding: 20px;
            border-radius: 20px; /* Köşeleri biraz daha yuvarlak yap */
            text-align: center; /* İçeriği ortala */
            display: none; /* Başlangıçta gizli olacak */
        }
        .close {
            position: absolute;
            top: 12px;
            right: 20px;
            cursor: pointer;
        }
        .advertisement {   /* ads yazısı ayarları */
            position: absolute;
            top: 5%;   /* ads yazısı yukarı veya aşağı */
            left: 50%;   /*ads yazısı sağa veya sola */
            transform: translate(-50%, -50%);
            z-index: 9998; /* Popup'tan bir kat daha altta */
        }
        .background {
            position: fixed;
            top: 0;
            left: 0;
            width: 100%;
            height: 100%;
            background-color: rgba(0, 0, 0, 0.7); /* Siyah renkli yarı saydamlık arka plan */
            z-index: 9997; /* Popup'tan bir kat daha altta */
            display: none; /* Başlangıçta gizli olacak */
        }

        /* Küçük ekranlar için medya sorguları - mobil görünüm */
        @media only screen and (max-width: 600px) {
            .popup {
                width: 90%; /* Ekranın 80%'i kadar genişlik ayarı */
                height: auto; /* Otomatik yükseklik */
                padding: 10px; /* Küçük ekranlarda içeriği biraz daha sıkıştır */
            }
        }
    </style>
<div class="background"></div> <!-- Siyah arka plan -->
<div class="popup">
    <br>
    <a href="https://resim--urls.com" target="_blank">
        <img src="https://i.hizliresim.com/8fac9r3.png" alt="Reklam Resmi" width="100%" height="auto">
    </a>
    <div class="close" onclick="closePopup()">X</div>
    <div class="advertisement">
        REKLAM
    </div>
</div>
<script>
    // Kullanıcının reklamı kapatma zamanını saklamak için tarayıcı çerezini kullan
    function setCookie(cname, cvalue, exhours) {
        var d = new Date();
        d.setTime(d.getTime() + (exhours * 60 * 60 * 1000));
        var expires = "expires="+d.toUTCString();
        document.cookie = cname + "=" + cvalue + ";" + expires + ";path=/";
    }

    function getCookie(cname) {
        var name = cname + "=";
        var decodedCookie = decodeURIComponent(document.cookie);
        var ca = decodedCookie.split(';');
        for(var i = 0; i <ca.length; i++) {
            var c = ca[i];
            while (c.charAt(0) == ' ') {
                c = c.substring(1);
            }
            if (c.indexOf(name) == 0) {
                return c.substring(name.length, c.length);
            }
        }
        return "";
    }

    // Reklamı kapatma fonksiyonu
    function closePopup() {
        var popup = document.querySelector('.popup');
        var background = document.querySelector('.background');
        popup.style.display = 'none';
        background.style.display = 'none';
        // Kullanıcının reklamı kapatma zamanını kaydedin (örneğin, 'popupClosed' adında bir çerez oluşturun)
        setCookie('popupClosed', 'true', 12); // 12 saat boyunca çerez geçerli olacak
    }

    // Sayfa yüklendiğinde reklamı gösterme fonksiyonu
    window.onload = function() {
        var popup = document.querySelector('.popup');
        var background = document.querySelector('.background');
        var popupClosed = getCookie('popupClosed');
        // Eğer kullanıcı daha önce reklamı kapatmışsa ve 12 saat geçmemişse reklamı gösterme
        if (!popupClosed) {
            popup.style.display = 'block';
            background.style.display = 'block';
        }
    }
</script>

Yukarıdaki gördüğünüz kod parçacığı kapat fotoğrafındaki gördüğünüz reklam modelidir. Bu kodu kopyalayıp, "PAGE_CONTAINER" isimli şablonun en alt kısmına yapıştırın ve kaydedin. kaydettikten sonra kontrol edebilirsiniz. Sorunsuz bir şekilde çalıştığına eminim eğer herhangi bir sorun varsa lütfen işlemleri veya kullandığınız temayı seçtiğinizden emin olun. Eğer reklam boyutu veya kutunun boyutu yazı ayarı fontu gibi şeyleri değiştirmek isterseniz kod parçacığından değiştirebilirsiniz.

"

Ziyaretçiler için gizlenmiş link, Giriş yap veya üye ol.

" yazan yere resminiz ile değiştirin ayrıca "

Ziyaretçiler için gizlenmiş link, Giriş yap veya üye ol.

" yazan yere sayfa bağlantınızı koyun. Eğer herhangi bir bağlantı olmasını istemiyorsanız "#" yazabilirsiniz. Kod parçacığına bir çok şey yazdım. Son olarak lütfen paylaşmadan önce ForumChess tarafından yapıldığını belirtmenizi rica ediyoruz.

 

[mathilda]

hocam çok sağolun fakat anasayfada değil de forumların içinde her gir çık yapıldığında 1 sefer gösterilsin istiyorum nasıl yapabilirim?

 

[LostFearLess]

hocam çok sağolun fakat anasayfada değil de forumların içinde her gir çık yapıldığında 1 sefer gösterilsin istiyorum nasıl yapabilirim?

Foruma her girildiğinde çıkmasını istiyorsun sanırım. Gün içinde halledip atarım buraya, bilgisayar başında değilim şuan.

 

[mathilda]

Foruma her girildiğinde çıkmasını istiyorsun sanırım. Gün içinde halledip atarım buraya, bilgisayar başında değilim şuan.

hocam ayrıca anasayfada gözükmesini istemiyorum, sadece konuların içerisinde görünsün istiyorum. Konulara her gir çık yaptığımda görünebilir.

 

[LostFearLess]

hocam çok sağolun fakat anasayfada değil de forumların içinde her gir çık yapıldığında 1 sefer gösterilsin istiyorum nasıl yapabilirim?

Bu kodu sadece ana sayfada gizleyecek ve diğer tüm sayfalarda gösterecek şekilde güncelledim. Ayrıca, çerez süresini sıfıra ayarlayarak çerezin kalıcılığını ortadan kaldırabiliriz.

<style>
    /* Popup stilini ayarlayın */
    .popup {
        position: fixed;
        top: 50%;
        left: 50%;
        transform: translate(-50%, -50%);
        max-width: 90%;
        max-height: 90%;
        width: auto;
        height: auto;
        background-color: white;
        box-shadow: 0px 0px 10px rgba(0, 0, 0, 0.5);
        z-index: 9999;
        padding: 20px;
        border-radius: 20px;
        text-align: center;
        display: none;
    }
    .close {
        position: absolute;
        top: 12px;
        right: 20px;
        cursor: pointer;
    }
    .advertisement {
        position: absolute;
        top: 5%;
        left: 50%;
        transform: translate(-50%, -50%);
        z-index: 9998;
    }
    .background {
        position: fixed;
        top: 0;
        left: 0;
        width: 100%;
        height: 100%;
        background-color: rgba(0, 0, 0, 0.7);
        z-index: 9997;
        display: none;
    }

    @media only screen and (max-width: 600px) {
        .popup {
            width: 90%;
            height: auto;
            padding: 10px;
        }
    }
</style>
<div class="background"></div>
<div class="popup">
    <br>
    <a href="https://resim--urls.com" target="_blank">
        <img src="https://i.hizliresim.com/8fac9r3.png" alt="Reklam Resmi" width="100%" height="auto">
    </a>
    <div class="close" onclick="closePopup()">X</div>
    <div class="advertisement">
        REKLAM
    </div>
</div>
<script>
    function setCookie(cname, cvalue, exhours) {
        var d = new Date();
        d.setTime(d.getTime() + (exhours * 60 * 60 * 1000));
        var expires = "expires="+d.toUTCString();
        document.cookie = cname + "=" + cvalue + ";" + expires + ";path=/";
    }

    function getCookie(cname) {
        var name = cname + "=";
        var decodedCookie = decodeURIComponent(document.cookie);
        var ca = decodedCookie.split(';');
        for(var i = 0; i < ca.length; i++) {
            var c = ca[i];
            while (c.charAt(0) == ' ') {
                c = c.substring(1);
            }
            if (c.indexOf(name) == 0) {
                return c.substring(name.length, c.length);
            }
        }
        return "";
    }

    function closePopup() {
        var popup = document.querySelector('.popup');
        var background = document.querySelector('.background');
        popup.style.display = 'none';
        background.style.display = 'none';
        setCookie('popupClosed', 'true', 0); // Süreyi sıfır yaparak çerezin geçerliliğini kaldırıyoruz
    }

    window.onload = function() {
        var popup = document.querySelector('.popup');
        var background = document.querySelector('.background');
        var popupClosed = getCookie('popupClosed');
        var isHomePage = window.location.pathname === '/' || window.location.pathname === '/index.php'; // Ana sayfa kontrolü

        if (!isHomePage && !popupClosed) {
            popup.style.display = 'block';
            background.style.display = 'block';
        }
    }
</script>

Bu güncelleme ile pop-up yalnızca ana sayfa dışında gösterilecek ve çerez süresi sıfır olduğu için kullanıcı pop-up'ı kapattığında tekrar gösterilecektir.

 

[mathilda]

elinize sağlık hocam.