কিভাবে ব্লগারে লেইজিলোড সেটআপ করবেন | Adsense Lazyload for Blogger
কিভাবে ব্লগারে লেইজিলোড সেটাআপ করতে হয়
এই ব্লগপোস্ট থেকে আমরা জানবো, কিভাবে Blogger ওয়েবসাইটে Adsense Ads Lazyload করতে হয়। আরো জানবো Lazyload কিভাবে ব্লগার ওয়েবসাইটের স্পিড বাড়ায়।
আসুন জেনে নেই লেইজিলোড কি? এবং কেন লেইজিলোড ব্যবহার করা উচিত।
Lazyloading কি ?
লেইজিলোডিং হলো ওয়েবসাইট অপটিমাইজেশন কৌশল যা ব্যবহার কারীর প্রয়োজন ব্যতীত কোন স্ক্রিপ্ট লোড করে না। Lazyload ওয়েবসাইটের কোন পৃষ্ঠাকে পুরোপুরি লোড না করে ব্যবহারকারীর প্রয়োজন অনুযায়ী ধীরে ধীরে লোড করে। যার ফলে ওয়েবসাইট দ্রুত লোড হয়।
ধরুন কোন ভিজিটর, ওয়েবসাইটে প্রবেশ করলো এবং কোন আর্টিকেলের প্রথম কয়েক লাইন পড়ে সে পিছনে ক্লিক করলো। সে ঐ আর্টিকেলের নিচের লেখা, ছবি, ভিডিও ইত্যাদি কিছুই দেখলো না। কিন্তু সাধারণ ভাবে ওয়েব পেইজ পুরোটাই লোড হয়। ব্যবহারকারী যেতেতু প্রথম কয়েক লাইন পড়ে চলে গেছে সেহেতু নিচের লেখা, ছবি, ভিডিও লোড করার কোন প্রয়োজন ছিলো না। লোড করার ফলে ওয়েবসাইটে স্পীড কমে যায়। কিন্তু Lazyload ওয়েব পেইজ পুরোটাই লোড না ব্যবহারকারী পেইজের যতটুকু স্ক্রল করে ততটুকুই লোড করে। ফলে ওয়েবসাইট দ্রুত লোড হয়।
ওয়েবসাইট ধীর গতিতে লোড হবার অন্যতম কারণ হলো অপ্রয়োজনীয় জাভাস্ক্রিপ্ট লোড হওয়া। Lazyload অপ্রয়োজনীয় জাভাস্ক্রিপ্ট লোড করে না।
কিভাবে Lazyload Adsense কাজ করে ?
যখন কোন ওয়েবসাইটে Lazyload script সেট করা থাকে, তখন এটি অ্যাড দেখাতে বিলম্ব করবে পেইজ আগে দেখাবে। অর্থাৎ লেইজিলোড ওয়েব পেইজ দেখাতে বেশি গুরুত্ব দেয়।
যখন ব্যবহারকারী ওয়েব পেইজ স্ক্রল করতে শুরু করবে লেইজিলোড তখন অ্যাড দেখাতে শুরু করবে। ফলে ব্যবহারকারী ভালো এক্সপেরিয়েন্স পাবে।
এইভাবে, ওয়েব পেইজের সাইজ কমিয়ে আনা যায় এবং ইন্টারনেট স্পিড কম থাকলেও দ্রুত পেইজ লোড করা যায়। আসুন দেখি ব্লগারে কিভাবে Lazyload যুক্ত করবেন।
কিভাবে ব্লগারে Lazyload adsense বসাবেন?
ব্লগার ওয়েবসাইটে লেইজিলোড করতে নিচের ধাপগুলি অনুসরণ করুন :
ধাপ ১ : ব্লগার ড্যাশবোর্ডে যান এবং থিম সেকশন সিলেক্ট করুন।
ধাপ ২ : আপনার থিমের ব্যাকআপ নিন এবং Edit HTML এ ক্লিক করুন।
ধাপ ৩ : আপনার থিম থেকে সকল অ্যাডসেন্স কোড সরিয়ে ফেলুন।
ধাপ ৪ : এখন নিচের কোডটি কপি করুন এবং অ্যাডসেন্স পাবলিশার আইডি [ca-pub-xxxxxxxxxxxxx) পরিবর্তন করে আপনার অ্যাডসেন্সের পাবলিশার আইডি বসান।
<script type='text/javascript'> //<![CDATA[ var lazyadsense2 = false; window.addEventListener("scroll", function(){ if ((document.documentElement.scrollTop != 0 && lazyadsense2 === false) || (document.body.scrollTop != 0 && lazyadsense2 === false)) { (function() { var ad = document.createElement('script'); ad.setAttribute('data-ad-client','ca-pub-xxxxxxxxxxxxxxxx'); ad.async = true; ad.src = 'https://pagead2.googlesyndication.com/pagead/js/adsbygoogle.js'; var sc = document.getElementsByTagName('script')[0]; sc.parentNode.insertBefore(ad, sc); })(); lazyadsense2 = true; } }, true); //]]> </script>/pre>
ধাপ ৫ : কপি করা কোড </body> ট্যাগের পূর্বে বসান এবং সেভ করুন।
এখন পেইজলোড হওয়ার পরে অ্যাডসেন্স অ্যাড লোড হবে এবং আপনার ওয়েবসাইট দ্রুত লোড হবে।
Adsense Lazyload সঠিক ভাবে কাজ করার জন্য যে পদক্ষেপ নিতে হবে
Lazyload Adsense Script সঠিকভাবে কাজ করার জন্য কিছু পদক্ষেপ গ্রহণ করতে হবে। নিচে তা নিয়ে আলোচনা করা হলো..
প্রথমে ব্লগার ড্যাশবোর্ডে যেতে হবে এবং আর্নিং অপশন থেকে অ্যাডসেন্স ডিসকানেক্ট করতে হবে। অন্যথায় অ্যাডসেন্স কোন লোড করবে তখন Lazyload কাজ করবে না।
ম্যানুয়াল অ্যাড কোড ব্যবহার করার ক্ষেত্রে নিচের ছবির মত নীল চিহ্নিত অংশ বাদ দিয়ে অ্যাড কোড বসাতে হবে।
কারন Lazyload একাধিকবার অ্যাডসেন্স জাভাস্ক্রিপ্ট এর প্রয়োজন নেই। অন্যথায় Lazyload কাজ নাও করতে পারে।
Lazyload ব্যবহারের সুবিধা
ওয়েবসাইটে Lazyload ব্যবহার করা সুবিধা রয়েছে।
- Lazyload ওয়েবসাইটের স্পইড বৃদ্ধি করে এবং ওয়েবসাইটের Core web vitals ইউজার ফ্রেন্ডলি করে তুলে।
- প্রাথমিক ওয়েব পেইজ লোডের সময় কমিয়ে আনে।
- দ্রুত লোড হয় বলে ইউজার এক্সপেরিয়েন্স ভালো পাওয়া যায়।