نمایش تبلیغات شناور در سایت وردپرس با کد نویسی

نمایش تبلیغات شناور در سایت وردپرس با کد نویسی

تبلیغات زیادی امروزه شما در اینترنت مشاهده می کنید و این تبلیغات در سایت ها به هدف های مختلفی پخش می شوند و شما هم می توانید در سایت خود تبلیغات قرار دهید یکی از روش های در آمد زایی از سایت خود نمایش تبلیغات می باشد و شما می توانید با نمایش دادن تبلیغات در سایت خود کسب در آمد کنید ، انواع مختلفی از تبلیغات در سایت ها انجام می شوند و این بار می خواهیم به شما یک روش جدید برای نمایش دادن تبلیغ در سایت خود را آموزش دهیم ، روش نمایش تبلیغ در سایت خود به روش تبلیغات شناور.

انواع تبلیغات در سایت ها :

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

همانطور که توضیح داده شد در سایت ها به روش های مختلفی تبلیغات به شیوه های متفاوت نمایش داده می شود و یکی از این نوع تبلیغات همانطور که می دانید تبلیغات شناور می باشد و در ادامه این مقاله قصد داریم که به شما آموزش دهیم چطور می توانید برای سایت خود تبلیغات شناور قرار دهید و از طریق نمایش تبلیغات شناور کسب در آمد کنید و این نوع تبلیغات برای سایت های شرکتی و سایت های شخصی و سایت های دانلود برنامه مناسب می باشد.

تبلیغات شناور یا تبلیغات هاور چیست :

تبلیغات شناور یا تبلیغات هاور یکی از مهم ترین و مفید ترین نوع تبلیغات در سایت وردپرسی شما می باشد و شما می توانید شیوه های مختلفی برای نمایش تبلیغات در سایت خود داشته باشید و این نوع نمایش دادن تبلیغ در سایت خود بسیار مفید و مناسب می باشد و به این شکل شما می توانید این نوع تبلیغات را به کاربر خود نمایش دهید و به صفحه مربوط به خرید ببرید

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

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

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

کد نمایش تبلیغات شناور در سایت :

شما می توانید با استفاده از این روش با استفاده از کد نویسی و نمایش تبلیغات شناور و اضافه کردن آن به بخش قالب ها در وردپرس خود می توانید این کار را خیلی راحت انجام دهید و برای اینکه بتوانید در سایت خود یک نوار ثابت تبلیغاتی را نمایش دهید و شما می توانید با استفاده از داشتن کمی مهارت کد نویسی برای خود در کمترین زمان مدت برای خود این بخش تبلیغات را بسازید و نمایش دهید

برای ساخت بخش نمایش تبلیغات شناور در سایت خود باید وارد بخش نمایش و زیر مجموعه آن ویرایشگر شوید و سپس فایل Footer.php قالب سایت خود را پیدا کرده و کد زیر را در انتهای آن و قبل از این که </body> بسته شود قرار دهید.

<div class="fixedBar">
<div class="boxfloat">
<ul id="tips">
<li><a href="https://mihanacademy.org/">آیا می دانید میهن آکادمی یکی از بهترین سایت های ایران برای آموزش وردپرس می باشد</a></li>
</ul>
</div>
</div>

بعد از قرار دادن کد بالا در فایل footer.php شما دیگر تبلیغات خود را ساخته اید و در ضمن به یاد داشته باشید که باید در کد بالا به جای آدرس سایت میهن آکادمی و توضیحی که نوشته شده است آیا می دانید میهن آکادمی یکی از بهترین سایت های ایران برای آموزش وردپرس می باشد ، باید این قسمت تبلیغ یا اطلاعیه خود را وارد به جای این متن نوشته شده قرار دهید و بعد از آن برای اینکه بتوانید این بخش کد نویسی شده را در سایت خود به شکل و ظاهر زیبا نمایش دهید باید کد نویسی CSS انجام دهید.

خب حالا بریم که شکل ظاهری این بخش ساخته شده را با CSS تغییر دهیم و شما باید برای اینکه بتوانید کد نویسی CSS انجام دهید باید وارد فایل Style.css شوید و برای وارد شدن به این فایل شما باید وارد بخش نمایش و بعد از آن وارد زیر مجموعه آن ویرایشگر شوید و فایل Style.css قالب سایت خود را نیز پیدا کنید و کد زیر را در انتهای آن قرار دهید :

.fixedbar {
background: #000; 
bottom: 0px; 
color:#fff; 
font-family: Arial, Helvetica, sans-serif; 
left:0; 
padding: 0px 0; 
position:fixed; 
font-size:16px; 
width:100%; 
z-index:99999; 
float:left; 
vertical-align:middle; 
margin: 0px 0 0; 
opacity: 0.95; 
font-weight: bold;
}
.boxfloat {
text-align:center; 
width:920px; 
margin:0 auto;
}

#tips, #tips li {
margin:0; 
padding:0; 
list-style:none
}
#tips {
width:920px; 
font-size:20px; 
line-height:120%;
}
#tips li {
padding: 15px 0; 
display:none;
}
#tips li a{
color: #fff;
}
#tips li a:hover {
text-decoration: none;
}

در مرحله بالا شما توانستید که برای این تبلیغ شناوری که ساخته اید و می خواهید نمایش دهید استایل آن را کد نویسی کنید و حال باید برای نمایش بهتر این تبلیغ در سایت خود یک تکیه کد در فایل header.php قالب سایت خود اضافه کنید و این کد را باید قبل از اینکه </head> سایت بسته شود این کد را اضافه کنید :

<script>
(function($) {
this.randomtip = function(){
	var length = $("#tips li").length;
	var ran = Math.floor(Math.random()*length) + 1;
	$("#tips li:nth-child(" + ran + ")").show();
};

$(document).ready(function(){	
	randomtip();
});
})( jQuery );
</script>

به همین راحتی شما می توانید یک نوار تبلیغاتی به فوتر سایت خود به شکل شناور بسازید و نمایش دهید و اضافه شدن این نوع تبلیغات در سایت به خصوص در بخش فوتر سایت می تواند جلب توجه کاربران سایت خود قرار گیرد و تاثیرات مثبتی خواهد داشت

امیدوارم که این مقاله آموزشی در زمینه نمایش تبلیغات در فوتر سایت برای شما مفید باشد و موفق و پیروز باشید.