کد لایت باکس و پاپ باکس برای وردپرس

در صورتی که دارای یک وب سایت وردپرسی پربازدید هستید، حتما یک نیم نگاهی هم به کسب درآمد از وب سایت خود انداخته اید. یکی از پربازده ترین نوع تبلیغ که در سایت های وردپرسی از آن استفاده می شود، تبلیغ لایت باکس یا پاپ باکس است. نحوه عملکرد تبلیغ لایت باکس نیز بدین صورت است که یک کاربر پس از ورود به وب سایت شما، محتوایی که تحت عنوان تبلیغ لایت باکس که برایش قرار داده اید را مشاهده خواهد کرد. به عنوان مثال کاربر پس از ورود به سایت شما با یک تصویرِ دارای لینک در وسط صفحه برخورد می کند که می تواند روی آن کلیک کرده و تبلیغ را مشاهده کند یا با کلیک بر روی دکمه ی بستن تبلیغ، به مشاهده وب سایت شما بپردازد.

در این مطلب کد کمیاب تبلیغ لایت باکس را برای نمایش هر 24 ساعت یکبار در وردپرس آماده کرده ایم که با مراجعه به ادامه مطلب می توانید کد ها را مشاهده و نحوه استفاده از آن را فرا بگیرید. همراه ترفندها باشید.

 

کد لایت باکس برای وردپرس:

 

مرحله اول: ابتدا کد های css زیر را در انتهای کدهای فایل style.css موجود در ویرایشگر قالب خود قرار دهید.
 


.modal {
  max-width: 400px;
    width: calc(100% – 20px);
    padding: 10px;
    text-align: center;
    color: #fff;
    position: fixed;
    top: 50%;
    right: 50%;
    z-index: 999999;
    border-radius: 6px;
    -webkit-transform: translate3d(50%, -50%, 0);
    transform: translate3d(50%, -50%, 0);

}


.modal-content {
   
    margin: 15% auto; /* 15% from the top and centered */
    padding: 20px;
   
    width: 80%; /* Could be more or less, depending on screen size */
}


.close {
    color: #aaa;
    float: right;
    font-size: 28px;
    font-weight: bold;
}

.close:hover,
.close:focus {
    color: black;
    text-decoration: none;
    cursor: pointer;
}

 

مرحله دوم: سپس کدهای جاوا اسکریپت زیر را در صفحه ای که میخواهید لایت باکس نمایش داده شود پس از تگ </body> قرار دهید.
 


<script>

var modal = document.getElementById('myModal');


var btn = document.getElementById("myBtn");


var span = document.getElementsByClassName("close")[0];


 
        
  

span.onclick = function() {
    modal.style.display = "none";
    SenCookieCheck;
}


window.onclick = function(event) {
    if (event.target == modal) {
        modal.style.display = "none";
    }
}


function SenCookieGet(c_name){
    var i,x,y,z=document.cookie.split(";");
    for (i = 0; i<z.length; i++){
        x = z[i].substr(0,z[i].indexOf("="));
        y = z[i].substr(z[i].indexOf("=")+1);
        x = x.replace(/^\s+|\s+$/g,"");
        if (x == c_name)
            return unescape(y);
    }
}
function SenCookieSet(c_name,value){
    var exdays = 24,
        exdate = new Date();
    exdate.setHours(exdate.getHours() + exdays);
    var c_value = escape(value) + ((exdays==null) ? "" : "; expires="+exdate.toUTCString());
    document.cookie = c_name + "=" + c_value;
}
function SenCookieCheck(){
    var cookieSen = SenCookieGet('Ehsanbox'),
        cookieDate = Date.now().toString();
    if(cookieSen == null)
           modal.style.display = "block";
    if(cookieSen == '' || cookieSen == null){
        if((/Android|iPhone|windows|iPad|iPod|BlackBerry|IEMobile|Opera Mini/i).test(navigator.userAgent)){
               modal.style.display = "block";
            SenCookieSet('Ehsanbox',cookieDate);
        }
    } 
}
 SenCookieCheck;
window.onload = SenCookieCheck;
if((window.XMLHttpRequest == undefined) && (ActiveXObject != undefined))
    window.onload = SenCookieCheck;
</script>
 

 

مرحله سوم: اکنون کد های html زیر را پس از تگ <body> در هدر یا فوتر قرار دهید. 
 


<div id="myModal" class="modal">


  <div class="modal-content">
    <span class="close">&times;</span>
    <a href="https://tarfandha.org"><img src="https://tarfandha.org/pic.jpg" height="400" width="400" alt="عنوان تبلیغ"></a>
  </div>
 


مرحله آخر: در آخر و در کد بالا، به جای آدرس https://tarfandha.org لینک تبلیغ مورد نظر خود و به جای https://tarfandha.org/pic.jpg آدرس عکس تبلیغ را جایگزین کنید. 

 

نظر شما در رابطه با کد لایت باکس وردپرس چیست؟ در دیدگاه ها همراه ما باشید …

چه امتیازی می دهید؟
5 / 5.00
[ 1 رای ]

ارسال دیدگاه

انتشار یافته : 0 ، در انتظار بررسی : 95
  • نظرات ارسال شده توسط شما، پس از تایید توسط مدیران سایت منتشر خواهد شد.
  • نظراتی که حاوی تهمت یا افترا باشد منتشر نخواهد شد.
  • نظراتی که به غیر از زبان فارسی یا غیر مرتبط با خبر باشد منتشر نخواهد شد.
  • نظرات ممکن است بدون پاسخ تایید شوند. در اینصورت باید منتظر پاسخ از سوی دیگر کاربران باشید.

افزایش لایک و فالوور

کی عکس تلگراممو دیده؟

رفع ریپورت تلگرام

کسب درآمد از ربات تلگرام

حرفه ای شدن در اینستاگرام