How to make mobile and desktop footer bottom sticky ad in Bengali

How to make mobile and desktop footer bottom sticky ad in Bengali

কিভাবে একটি স্টিকি এড বানাবেন?

আপনার ওয়েবসাইট এ বিঞ্জাপনের উপর ইনকাম বাড়াতে স্টিকি এড ইউনিট খুবই গুরুত্বপূর্ণ ভূমিকা পালন করে। কারন এটা আপনার ভিজিটরদের একদম চোখের সামনে ভেসে থাকে এবং সর্বদা সবথেকে বেশি বিঞ্জাপনের উপর ক্লিক এর চান্স বাড়িয়ে দেয় ফলে আপনার ইনকামও বৃদ্ধি পায়। তবে আসুন জেনে নিই কিভাবে আপনি আপনার সাইটে এটাকে বসাবেন।

স্টিকি এড কিভাবে কাজ করে (Ad Stick)

স্টিকি এড সাধারণত একটি HTML কোড এর মাধ্যমে কাজ করে। এই কোডের মধ্যেই আপনার AdSense অথবা অন্য যেকোনো এড নেটওয়ার্ক এর এড কোড যুক্ত করে এটাকে দেখাতে পারেন।

Ad Stick স্টিকি এড বসানোর পদ্ধতি (Blogger) এবং (WordPress)

এই এড কোডটি আপনি Blogger এবং WordPress দুটি প্লাটফর্মেই ব্যাবহার করতে পারবেন। তবে দুটি প্লাটফর্মেই ব্যাবহার করার নিয়ম আলাদা আলাদা। ব্লগারের জন্য আপনাদের শুধু HTML কোড বসালেই চলবে কিন্তু ওয়ার্ডপ্রেসের জন্য আপনাকে একটি প্লাগিন এর প্রয়োজন হবে। তবে আসুন দেখি কিভাবে-

Ad Stick HTML Code

এড স্টিক কোডটি নীচে দেওয়া হল।

<!--Ad Stick ad code start-->

<script type='text/javascript'>

$(document).ready(function() {$

('img#closed').click(function(){$

('#bl_banner').hide(90);});});

</script>

<div id='adstick' style='width:100%;

margin:auto;

text-align:left;

float:none;

overflow:hidden;

display:scroll;

position:fixed;

bottom:0px;

z-index:999;

webkit-transform:translateZ(0); background:#'>

<div>

<a id='close-adstick'

onclick='document.getElementById("adstick").style.display = "none";'

style='cursor:pointer;'>

<span aria-hidden="true" style="font-size:35px; color:#0080ff;">×</span>

</a></div>

<div style='text-align:center;

display:block;

max-width:100%;

max-height:60px;

overflow:hidden;

margin:auto;

background:#E8E8E8;

padding-top:2px;

box-shadow: 0 0 4px #1b2f4a;

border-top:5px solid #E8E8E8;'>

<!--ad code start-->

এখানে 468×50 এড কোড বসাবেন।

<!--ad code end-->

</div>
</div>

<!--Ad Stick ad code end-->

Ad Stick কোড Blogger এ কিভাবে বসাবেন?

ব্লগার এডমিন প্যানেলে লগ‌ইন করুন, তারপর থিম এডিটর এর যান এবং আপনার থিমের HTML বডি ট্যাগ  < /body> এর ঠিক উপরে উল্লেখিত Adstick কোডটি কপি করে পেস্ট করুন। এরপর কোডে

<!–ad code start–>

এখানে 468×50 এড কোড বসাবেন

<!–ad code end–>।

মনে রাখবেন এই কোডটি শুধুমাত্র 468×50 সাইজের এড‌ কোড ই ভালো ভাবে সাপোর্ট করবে। তারপর থিমটি সেভ করুন। এবার দেখুন আপনার সাইটে স্টিকি এড চালু হয়েছে।

মনে রাখবেন এই কোডটি আপনার ব্লগার সাইটের মোবাইল ও কম্পিউটার দুটি ডিভাইসেই দেখা যাবে।

Ad Stick কোড WordPress এ কিভাবে বসাবেন?

ওয়ার্ডপ্রেস এডমিন প্যানেলে লগ‌ইন করুন। এরপর আপনাকে একটি নতুন প্লাগিন ইন্সটল করতে হবে। প্লাগিন সেটিং থেকে এড নিউ প্লাগিন এ গিয়ে Ad Inserter প্লাগিন ইন্সটল করুন, এরপর একটিভ করুন। ওয়ার্ডপ্রেস সেটিং মেনুতে গিয়ে Ad Inserter এ ক্লিক করুন এরপর Ad Stick এড কোডটি কপি করে যেকোনো একটি Block এ পেস্ট করুন এরপর কোডে

<!–ad code start–>

এখানে 468×50 এড কোড বসাবেন

<!–ad code end–>।

নীচে insartation অংশে সিলেক্ট করুন Footer. এরপর Devices অংশে ক্লিক করুন দেখুন নীচে একটি নতুন মেনু যুক্ত হয়েছে। মেনুতে Use claient-side detection এ ক্লিক এরপর আপনি Ad Stick এর এডটি কোন কোন ডিভিইসে দেখাতে চান সিলেক্ট করুন। সব শেষে Save Settings এ ক্লিক করুন। দেখুন আপনার সাইটে স্টিকি এড চালু হয়েছে।

Ad Stick Ad DEMO

How to make mobile and desktop footer bottom sticky ad in Bengali

Fainal Thaughts

আশাকরি আপনারা এই লেখাটির সকল পদ্ধতি বুঝতে পেরেছেন। Ad Stick কোড বসাতে আপনাদের যদি কোন প্রকার অসুবিধা হয় তবে কমেন্ট অংশে জানান। ভালো থাকুন সর্বদা, আপনার দিন শুভ হোক।

Leave a Reply

Your email address will not be published. Required fields are marked *