ثبت‌نام ورود

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

ساخت نوار تبلیغات شناور
ساخت نوار تبلیغات شناور

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

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

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

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

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

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

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

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

درواقع این کار باعث کاهش bounce rate یا همان نرخ پرش سایت می‌شود. چراکه کاربر را ترغیب می‌کند تا از صفحات دیگر سایت شما نیز بازدید کند. همچنین تبلیغات شما به دلیل اینکه در محل چشمگیری قرارگرفته‌اند می‌توانند برای اهداف زیادی مورداستفاده قرار گیرند.

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

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

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

<div class="fixedBar">
<div class="boxfloat">
<ul id="tips">
<li><a href="https://mihanwp.com/">آیا می دانید میهن وردپرس سایتی هست مرجع برای آموزش وردپرس؟</a></li>
<li><a href="https://mihanwp.com/mihanpanel/">آیا می خواهید برترین افزونه عضویت برای وردپرس را بشناسید؟</a></li>
</ul>

</div>
</div>

سپس در مرحله بعد فایل style.css قالب سایتتان را بازکرده و کد زیر را در انتهای آن paste کنید:

.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>

به همین راحتی! اکنون شما می‌توانید یک نوار تبلیغات چشمگیر که به فوتر سایتتان اضافه‌شده را مشاهده کنید. این نوار تبلیغات برای سایت شما بسیار کارآمد بوده و می‌تواند برای شما نرخ کلیک بالایی را به همراه داشته باشد.

حتماً به این نکته توجه داشته باشید که متن را از فایل footer.php می‌توانید تغییر دهید و لینک دلخواه خود را به‌جای https://mihanwp.com وارد کنید.

جمع‌بندی کلی

تبلیغات جز جدایی‌ناپذیر فضای مجازی و به دنبال آن سایت‌های وردپرسی هستند. شما به‌وسیله تبلیغات می‌تواند تا حد بسیار زیادی کسب درامد کنید؛ و ازاین‌جهت تبلیغات بسیار حائز اهمیت هستند. همچنین به‌وسیله تبلیغات شما به‌عنوان مدیر سایت می‌توانید تعداد زیادی کاربر را به سایت خود سرریزکنید؛ و از این طریق کسب‌وکار خود را گسترش دهید. شما می‌توانید برای تبلیغات سایت خود از تبلیغات شناور استفاده کنید که شامل تعدادی کد است که می‌توانید به‌راحتی از آن استفاده کنید.

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

امیدواریم که از این آموزش بهره کافی را برده باشید و این مقاله در بالا رفتن سطح آگاهی شما در این زمینه کمک کرده باشد. موفق و سربلند باشید. 🙂

نظر شما در این‌باره چیست؟

  1. کاربر مهمان ۱۶ دی ۱۳۹۷

    سلام
    لطفاً اگر امکان داره همین نوار شناور که توی سایت خودتون هست رو آموزشش رو و کدهاش رو بگذارید.

    با تشکر

  2. کاربر مهمان ۱۵ آذر ۱۳۹۵

    سلام. لطفا روش قرار دادن یک بنر شناور در پایین صفحه‌ی سایت رو بفرمایید.به عنوان مثال صفحات سایت khabaronline.ir رو اگه “با مرورگر موبایل” نگاه کنید، پایین صفحاتش چنین بنری رو داره. البته به جز صفحه‌ی اصلی.سپاسگذارم.

  3. کاربر مهمان ۲۷ آبان ۱۳۹۵

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

  4. کاربر مهمان ۲۷ مهر ۱۳۹۵

    سلام
    3 کد داده شده را با تغییر لینک به آدرس دامنه سایت انجام دادم اما نوار نمایش داده نمیشه و فقط متن در فوتر نمایش داده میشه و با اسکرول هم دیده نمیشه لطفا راهنمایی کنید چکار کنم درست شه
    ممنون

    • رضا حسینی راد رضا حسینی راد ۲۷ مهر ۱۳۹۵

      سلام بعد از اضافه کردن کد سی اس اس به style.css قالب سایتتان. باید ctrl+f5 بزنید حتما

  5. کاربر مهمان ۲۴ مهر ۱۳۹۵

    سلاممهندس مثل همیشه جالب ، کامل و خواندنی بود.متشکرم