শুধুমাত্র একটি

Mia Chevalier

শুক্রবার, ২৭ সেপ্টেম্বর, ২০২৪ ১২:৪৫:১২ AM

একটি লক্ষ্যযুক্ত ওয়ার্ডপ্রেস পৃষ্ঠায় জাভাস্ক্রিপ্ট প্রয়োগ করা

ওয়ার্ডপ্রেস একটি সহজে ব্যবহারযোগ্য প্ল্যাটফর্ম যা ওয়েবসাইট পরিচালনা এবং কাস্টমাইজেশনকে সহজ করে তোলে। যাইহোক, কিছু পরিবর্তন কার্যকর করা চ্যালেঞ্জিং হতে পারে, যার মধ্যে একটি নির্দিষ্ট পৃষ্ঠায় জাভাস্ক্রিপ্ট চালানো সহ। এটা সম্ভব যে আপনি আপনার ওয়েবসাইটের "হেড" বিভাগে যোগ করেছেন এমন একটি স্ক্রিপ্ট এখন প্রতিটি পৃষ্ঠায় উপস্থিত রয়েছে৷ এটি একটি সাধারণ প্রথম-সময়ের অসুবিধা।

একটি নির্দিষ্ট পৃষ্ঠা লক্ষ্য করার জন্য এটি ব্যবহার করার সময় শর্তসাপেক্ষে একটি JavaScript ফাইল কীভাবে প্রয়োগ করতে হয় তা বোঝা গুরুত্বপূর্ণ। জাভাস্ক্রিপ্টের অপ্রত্যাশিত পরিণতি হতে পারে এবং এটি সর্বত্র ব্যবহার করা হলে আপনার ওয়েবসাইটের গতি হ্রাস করতে পারে। এই কারণেই স্ক্রিপ্টটিকে প্রয়োজনীয় পৃষ্ঠায় সীমাবদ্ধ করা অত্যন্ত গুরুত্বপূর্ণ।

আমরা এই নিবন্ধে আপনার ওয়ার্ডপ্রেস কনফিগারেশন পরিবর্তন করার প্রক্রিয়ার মধ্য দিয়ে আপনাকে নিয়ে যাবো যাতে জাভাস্ক্রিপ্ট শুধুমাত্র আপনার প্রয়োজনীয় পৃষ্ঠাগুলিতে চালু হয়। উত্তরটি নন-ডেভেলপারদের কাছেও বোধগম্য; এই নির্দেশিকাটি তাদের জন্য যারা সবেমাত্র শুরু করছেন।

আপনি এই পাঠটি শেষ করার সময় ওয়ার্ডপ্রেসে পৃষ্ঠা-নির্দিষ্ট স্ক্রিপ্টগুলি পরিচালনা করতে আপনার স্বাচ্ছন্দ্য বোধ করা উচিত। আমরা আপনাকে সঠিক কোড এবং পদ্ধতির মাধ্যমে গাইড করব যাতে নিশ্চিত করা যায় যে আপনার জাভাস্ক্রিপ্ট শুধুমাত্র যেখানে এটি কার্যকর করা উচিত, আপনার ওয়েবসাইটের কর্মক্ষমতা উন্নত করে।

আদেশ	ব্যবহারের উদাহরণ
is_page()	হিসাবে পরিচিত ফাংশন is_page() বর্তমান ওয়ার্ডপ্রেস পৃষ্ঠাটি একটি প্রদত্ত পৃষ্ঠা আইডি, শিরোনাম, বা স্লাগের সাথে মিলে যায় কিনা তা যাচাই করে। স্ক্রিপ্টগুলি শুধুমাত্র একটি নির্দিষ্ট পৃষ্ঠায় লোড হয় তা নিশ্চিত করার জন্য, এই ফাংশনটি অপরিহার্য। উদাহরণস্বরূপ, যদি (is_page(42)) {... }
wp_enqueue_script()	ওয়ার্ডপ্রেস ব্যবহার করে wp_enqueue_script() জাভাস্ক্রিপ্ট ফাইল লোড করার পদ্ধতি। এটি গ্যারান্টি দেয় যে স্ক্রিপ্টগুলি সাইটের মাথা বা ফুটারে লোড করা হয়েছে এবং সঠিকভাবে তাদের নির্ভরতার সাথে অন্তর্ভুক্ত করা হয়েছে। wp_enqueue_script('custom-js', 'https://example.com/code.js') এর একটি উদাহরণ।
add_action()	পূর্বনির্ধারিত ওয়ার্ডপ্রেস ইভেন্টে কাস্টম ফাংশন হুক করতে, যেমন লোডিং স্ক্রিপ্ট, ব্যবহার করুন যোগ_ক্রিয়া() পদ্ধতি এটি প্রয়োজনে গতিশীলভাবে স্ক্রিপ্ট সন্নিবেশ করা সম্ভব করে তোলে। 'wp_enqueue_scripts', 'load_custom_js_on_specific_page' হল অ্যাড অ্যাকশনের দুটি উদাহরণ।');
add_shortcode()	ওয়ার্ডপ্রেস আপনাকে ব্যবহার করে একটি নতুন শর্টকোড নিবন্ধন করতে দেয় add_shortcode() ফাংশন এটি আপনাকে সরাসরি পোস্ট এডিটরে জাভাস্ক্রিপ্টের মতো গতিশীল উপাদান যোগ করতে দেয়। Add_shortcode('custom_js', 'add_js_via_shortcode') একটি উদাহরণ।
$.getScript()	পৃষ্ঠাটি লোড হয়ে গেলে, আপনি jQuery পদ্ধতি ব্যবহার করতে পারেন $.getScript() একটি বহিরাগত জাভাস্ক্রিপ্ট ফাইল গতিশীলভাবে লোড করতে। ইউআরএল বা অন্যান্য মানদণ্ডের উপর ভিত্তি করে স্ক্রিপ্ট লোডিংয়ে শর্তসাপেক্ষ যুক্তি প্রয়োগ করা এটির জন্য একটি মূল্যবান ব্যবহার। $.getScript('https://example.com/code.js'), উদাহরণস্বরূপ
window.location.href	দ window.location.href property returns the full URL of the current page. It can be used to check for specific URL patterns, making it useful for conditionally loading JavaScript on certain pages. Example: if (window.location.href.indexOf('specific-page-slug') > সম্পত্তি বর্তমান পৃষ্ঠার সম্পূর্ণ URL প্রদান করে। এটি নির্দিষ্ট ইউআরএল প্যাটার্ন পরীক্ষা করতে ব্যবহার করা যেতে পারে, এটি নির্দিষ্ট পৃষ্ঠাগুলিতে শর্তসাপেক্ষে জাভাস্ক্রিপ্ট লোড করার জন্য দরকারী করে তোলে। উদাহরণ: যদি (window.location.href.indexOf('specific-page-slug') > -1) { ... }
get_header()	হেডার টেমপ্লেট ফাইলটি ওয়ার্ডপ্রেস ব্যবহার করে লোড করে get_header() ফাংশন জাভাস্ক্রিপ্ট কোড যোগ করার আগে, কাঠামোটি সঠিক কিনা তা নিশ্চিত করতে এটি কাস্টম পৃষ্ঠা টেমপ্লেটে ব্যবহার করা হয়। যেমন,
get_footer()	ওয়ার্ডপ্রেস ফুটার টেমপ্লেট দ্বারা লোড করা হয় get_footer() ফাংশন, যা নিশ্চিত করে যে জাভাস্ক্রিপ্ট সঠিকভাবে পৃষ্ঠা আউটপুটে ঢোকানোর আগে লোড হয়েছে। যেমন,

নির্দিষ্ট ওয়ার্ডপ্রেস পৃষ্ঠাগুলিতে জাভাস্ক্রিপ্টের ভূমিকা বোঝা

স্ক্রিপ্টটিকে সরাসরি "হেড" বিভাগে রাখার পদ্ধতির কারণে এটি প্রতিটি পৃষ্ঠায় লোড হতে পারে যখন আপনাকে একটি চালাতে হবে জাভাস্ক্রিপ্ট একটি নির্দিষ্ট ওয়ার্ডপ্রেস পৃষ্ঠায় ফাইল। ব্যবহারকারীর অভিজ্ঞতা এবং কর্মক্ষমতা পরিপ্রেক্ষিতে, এটি আদর্শ নয়। পূর্ববর্তী বিকল্পগুলি স্ক্রিপ্টগুলিকে শুধুমাত্র নির্দিষ্ট পৃষ্ঠায় সীমাবদ্ধ করে স্ক্রিপ্টগুলি পরিচালনা করার আরও কার্যকর উপায় দেয়। উদাহরণস্বরূপ, আমরা ওয়ার্ডপ্রেস ব্যবহার করতে পারি is_page() ব্যবহারকারী তার আইডি বা স্লাগের উপর ভিত্তি করে একটি নির্দিষ্ট পৃষ্ঠা দেখছেন কিনা তা নির্ধারণ করার পদ্ধতি। জাভাস্ক্রিপ্ট ফাইল শুধুমাত্র প্রয়োজন হলেই লোড হয় তা নিশ্চিত করার জন্য এটিই ব্যবহৃত প্রধান কৌশল।

প্রথম পদ্ধতিতে শর্তসাপেক্ষ ট্যাগ ব্যবহার করা হয় functions.php সঙ্গে একসঙ্গে ফাইল wp_enqueue_script(). এই কৌশলটি একটি মৌলিক ওয়ার্ডপ্রেস বৈশিষ্ট্য ব্যবহার করে যা স্ক্রিপ্টগুলিকে এমনভাবে যুক্ত করে যা সঠিক নির্ভরতা ব্যবস্থাপনা নিশ্চিত করে এবং পৃষ্ঠার উপযুক্ত এলাকায় স্ক্রিপ্ট লোড করে। মাধ্যমে wp_enqueue_scripts অ্যাকশন হুকিং, জাভাস্ক্রিপ্ট ফাংশন তখনই যোগ করা হবে যখন ওয়ার্ডপ্রেস একটি পেজ প্রসেস করে যা is_page() প্রয়োজন কার্যকরী হওয়ার পাশাপাশি, এটি তুচ্ছ সাইটগুলিতে অর্থহীন স্ক্রিপ্ট সম্পাদন বন্ধ করে।

শর্টকোড ব্যবহার করা দ্বিতীয় কৌশলের অংশ। ওয়ার্ডপ্রেস শর্টকোডগুলি একটি পৃষ্ঠা বা পোস্টে গতিশীল উপাদান যোগ করা সহজ করে তোলে। add_shortcode() একটি কাস্টম শর্টকোড তৈরি করতে ব্যবহার করা যেতে পারে, যা আপনাকে শর্তসাপেক্ষে প্রয়োজন অনুসারে বিষয়বস্তু এলাকায় স্ক্রিপ্ট সন্নিবেশ করার অনুমতি দেবে। আপনি যদি কোনও ওয়েবসাইট বা পোস্টের সম্পূর্ণ পৃষ্ঠার পরিবর্তে নির্দিষ্ট বিভাগে স্ক্রিপ্টটি ব্যবহার করতে চান তবে এটি আপনাকে আরও বিকল্প সরবরাহ করে। উপরন্তু, যারা পিএইচপি ফাইলে সরাসরি পরিবর্তন করতে অস্বস্তি বোধ করেন তাদের জন্য এটি একটি আরও সহজলভ্য বিকল্প।

ইউআরএল-এ নির্দিষ্ট প্যারামিটার আছে এমন পৃষ্ঠাগুলিতে গতিশীলভাবে স্ক্রিপ্ট লোড করার জন্য আরেকটি পদ্ধতি উপযুক্ত কারণ এটি ইউআরএল-এ নির্দিষ্ট প্যাটার্ন খোঁজার জন্য jQuery ব্যবহার করে। window.location.href এবং $.getScript() একটি নির্দিষ্ট স্ট্রিং URL-এ অন্তর্ভুক্ত করা হয়েছে কিনা তা সনাক্ত করতে এবং যথাযথভাবে জাভাস্ক্রিপ্ট ফাইল লোড করতে এই পদ্ধতিতে ব্যবহার করা হয়। এই পদ্ধতিটি ই-কমার্স সাইট বা অনন্য ট্র্যাকিং কোড সহ ল্যান্ডিং পৃষ্ঠাগুলির মতো পরিস্থিতিতে ভাল কাজ করে যেখানে URL গঠনের জন্য একটি স্ক্রিপ্ট ব্যবহার করা প্রয়োজন৷ এই কৌশলগুলি সমস্ত মডুলার, পুনঃব্যবহারযোগ্য এবং নিশ্চিত করুন যে স্ক্রিপ্টগুলি যখন প্রয়োজন তখনই লোড হয়, যা ব্যবহারকারীর অভিজ্ঞতা এবং কর্মক্ষমতা বাড়ায়।

শর্তসাপেক্ষ ট্যাগ ব্যবহার করে একটি নির্দিষ্ট ওয়ার্ডপ্রেস পৃষ্ঠায় জাভাস্ক্রিপ্ট যোগ করা

এই পদ্ধতিটি ওয়ার্ডপ্রেসে পিএইচপি-এর অন্তর্নির্মিত কন্ডিশনাল ট্যাগগুলি ব্যবহার করে শুধুমাত্র একটি নির্বাচিত পৃষ্ঠায় জাভাস্ক্রিপ্ট ফাইল লোড করে। এই কৌশলটি খুব ওয়ার্ডপ্রেস-অপ্টিমাইজ করা হয়েছে।

// functions.php - Adding JavaScript to a specific WordPress page
function load_custom_js_on_specific_page() {
    // Check if we are on a specific page by page ID
    if (is_page(42)) { // Replace 42 with the specific page ID
        // Enqueue the external JavaScript file
        wp_enqueue_script('custom-js', 'https://example.com/code.js', array(), null, true);
    }
}
// Hook the function to wp_enqueue_scripts
add_action('wp_enqueue_scripts', 'load_custom_js_on_specific_page');

শর্টকোড ব্যবহার করে একটি নির্দিষ্ট ওয়ার্ডপ্রেস পৃষ্ঠায় জাভাস্ক্রিপ্ট চালানো

এই পদ্ধতিটি আপনাকে ওয়ার্ডপ্রেস শর্টকোড ব্যবহার করে একটি নির্দিষ্ট পৃষ্ঠায় শর্তসাপেক্ষে জাভাস্ক্রিপ্ট যোগ করে স্ক্রিপ্টটি কোথায় ব্যবহার করা হয় সে বিষয়ে স্বাধীনতা দেয়।

// functions.php - Using shortcodes to add JavaScript to a specific page
function add_js_via_shortcode() {
    // Return the script tag to be added via shortcode
    return '<script src="https://example.com/code.js" type="text/javascript"></script>';
}
// Register the shortcode [custom_js]
add_shortcode('custom_js', 'add_js_via_shortcode');
// Now, use [custom_js] in the page editor where the script should run

jQuery ব্যবহার করে ইউআরএল প্যারামিটারের উপর ভিত্তি করে জাভাস্ক্রিপ্ট লোড হচ্ছে

এই কৌশলটি শর্তসাপেক্ষে JavaScript লোড করে এবং একটি নির্দিষ্ট URL প্যাটার্ন সনাক্ত করতে jQuery ব্যবহার করে। গতিশীলভাবে লক্ষ্য করা পৃষ্ঠাগুলির জন্য, এটি আদর্শ।

<script type="text/javascript">
jQuery(document).ready(function($) {
    // Check if the URL contains a specific query string or slug
    if (window.location.href.indexOf('specific-page-slug') > -1) {
        // Dynamically load the JavaScript file
        $.getScript('https://example.com/code.js');
    }
});
</script>

টেমপ্লেট ফাইল ব্যবহার করে নির্দিষ্ট পৃষ্ঠাগুলিতে জাভাস্ক্রিপ্ট যোগ করা

সরাসরি একটি ওয়ার্ডপ্রেস পৃষ্ঠা টেমপ্লেট ফাইলে জাভাস্ক্রিপ্ট যোগ করে, এই পদ্ধতিটি স্ক্রিপ্টটি শুধুমাত্র সেই নির্দিষ্ট পৃষ্ঠায় লোড করা হয়।

// Inside page-specific template file (e.g., page-custom.php)
<?php get_header(); ?>
<!-- Page Content -->
<script src="https://example.com/code.js" type="text/javascript"></script>
<?php get_footer(); ?>

ওয়ার্ডপ্রেস পৃষ্ঠাগুলিতে জাভাস্ক্রিপ্ট লোডিং অপ্টিমাইজ করা

নির্দিষ্ট ওয়ার্ডপ্রেস পৃষ্ঠাগুলিতে জাভাস্ক্রিপ্ট ব্যবহার করার সময় স্ক্রিপ্টটি কোথায় লোড করা হয় তা একটি গুরুত্বপূর্ণ বিবেচনা। ওয়ার্ডপ্রেস ডিফল্টভাবে পৃষ্ঠায় স্ক্রিপ্ট লোড করার অনুমতি দেয় ফুটার বা হেডার. কর্মক্ষমতার কারণে, ফুটারে স্ক্রিপ্ট লোড করার পরামর্শ দেওয়া হয়, বিশেষ করে যখন বাহ্যিক সংস্থান ব্যবহার করা হয়। এটি যাতে ব্যবহারকারীরা পৃষ্ঠাটি লোড হওয়া শেষ না হওয়া পর্যন্ত জাভাস্ক্রিপ্ট এক্সিকিউশন স্থগিত করে দ্রুত পৃষ্ঠা লোড উপভোগ করতে পারে৷

আপনি পরিবর্তন করতে পারেন wp_enqueue_script() পাস করে ফুটারে একটি স্ক্রিপ্ট লোড করার পদ্ধতি সত্য চূড়ান্ত পরামিতি হিসাবে। এটি করার মাধ্যমে, আপনি নিশ্চিত করতে পারেন যে স্ক্রিপ্টটি শেষ বডি ট্যাগ এবং পৃষ্ঠার অবশিষ্ট অংশের আগে লোড হচ্ছে। যেহেতু কম গুরুত্বপূর্ণ স্ক্রিপ্টগুলি বিলম্বিত হয় এবং আরও গুরুত্বপূর্ণ সংস্থানগুলিকে অগ্রাধিকার দেওয়া হয়, এই কৌশলটি আপাত লোডের সময়কে ছোট করতে সাহায্য করে৷ যদিও এই অপ্টিমাইজেশানটি নতুনদের কাছে তেমন মনে নাও হতে পারে, এটি একটি ওয়ার্ডপ্রেস সাইটের গতি এবং কার্যকারিতার উপর একটি বড় প্রভাব ফেলে।

ক্যাশে বাস্টিং এবং সংস্করণ নিয়ন্ত্রণ দুটি অন্যান্য গুরুত্বপূর্ণ উপাদান। ওয়ার্ডপ্রেস ব্যবহার করার একটি সহজ পদ্ধতি প্রদান করে wp_enqueue_script() স্ক্রিপ্টে একটি সংস্করণ নম্বর যোগ করার জন্য ফাংশন। আপনি নিশ্চিত করতে পারেন যে ব্যবহারকারীরা একটি সংস্করণ যুক্তি যোগ করে তাদের ক্যাশে থেকে পুরানো জাভাস্ক্রিপ্ট পাবেন না। এটি নিশ্চিত করে যে স্ক্রিপ্টের সাম্প্রতিকতম সংস্করণটি ক্রমাগত লোড হয়, যা একটি স্ক্রিপ্ট বিকাশ বা আপগ্রেড করার সময় অত্যন্ত সহায়ক। এই পদ্ধতিটি স্ক্রিপ্ট সংঘর্ষের সম্ভাবনা কমিয়ে দেয় এবং ওয়েবসাইটের কার্যকারিতা বাড়ায়।

ওয়ার্ডপ্রেস পৃষ্ঠাগুলিতে জাভাস্ক্রিপ্ট যুক্ত করার বিষয়ে সাধারণ প্রশ্ন

আমি কিভাবে নিশ্চিত করতে পারি যে একটি স্ক্রিপ্ট শুধুমাত্র একটি নির্দিষ্ট পৃষ্ঠায় খোলে?
শর্তসাপেক্ষে পৃষ্ঠা আইডি বা স্লাগের উপর ভিত্তি করে স্ক্রিপ্ট লোড করতে, ব্যবহার করুন is_page() মধ্যে ফাংশন functions.php আপনার থিমের ফাইল।
ওয়ার্ডপ্রেসে জাভাস্ক্রিপ্ট যোগ করার সেরা উপায় কি?
ওয়ার্ডপ্রেসে জাভাস্ক্রিপ্ট যোগ করার জন্য, wp_enqueue_script() ফাংশন হল প্রস্তাবিত কৌশল। এটি নির্ভরতা এবং স্ক্রিপ্ট প্রক্রিয়াকরণের যথাযথ ব্যবস্থাপনার নিশ্চয়তা দেয়।
আমি কি ফুটারে জাভাস্ক্রিপ্ট লোড করতে পারি?
হ্যাঁ, ভালো পারফরম্যান্সের জন্য ফুটারে স্ক্রিপ্ট লোড করতে পাস করুন true পঞ্চম যুক্তি হিসাবে wp_enqueue_script().
আমি কিভাবে জাভাস্ক্রিপ্ট ফাইলের জন্য ক্যাশে বাস্টিং পরিচালনা করব?
সাম্প্রতিক সংস্করণটি লোড হয়েছে তা নিশ্চিত করতে, সংস্করণ বিকল্পটি ব্যবহার করে স্ক্রিপ্টের URL-এ একটি সংস্করণ নম্বর যোগ করুন wp_enqueue_script().
আমি জাভাস্ক্রিপ্ট যোগ করার জন্য একটি শর্টকোড ব্যবহার করতে পারি?
হ্যাঁ, আপনি ব্যবহার করতে পারেন add_shortcode() একটি শর্টকোড তৈরি করতে যা আপনাকে একটি পৃষ্ঠা বা পোস্টের নির্দিষ্ট এলাকায় জাভাস্ক্রিপ্ট যোগ করার অনুমতি দেবে।

ওয়ার্ডপ্রেস পৃষ্ঠাগুলির জন্য জাভাস্ক্রিপ্ট অপ্টিমাইজ করার বিষয়ে চূড়ান্ত চিন্তাভাবনা

আপনার জাভাস্ক্রিপ্ট কোডটি আরও ভালভাবে কার্যকর করবে এবং আপনার ওয়েবসাইটে ব্যবহারকারীর অভিজ্ঞতা উন্নত করবে যদি এটি একটি নির্দিষ্ট পৃষ্ঠায় লক্ষ্য করা হয়। আপনার স্ক্রিপ্ট শুধুমাত্র লোড হবে যেখানে এটি ফাংশন ব্যবহার করে প্রয়োজন হয় is_page() এবং wp_enqueue_script(), যা আপনার ওয়েবসাইটের অন্যান্য এলাকার জন্য লোড সময়ের গতি বাড়াবে।

আপনি যদি ওয়ার্ডপ্রেসে নতুন হয়ে থাকেন এবং অনেক কোড না জেনে দক্ষতার সাথে স্ক্রিপ্ট পরিচালনা করতে চান, তাহলে এটি আপনার জন্য সেরা পদ্ধতি। মনে রাখবেন যে কোড এক্সিকিউশনের সুযোগ সীমাবদ্ধ করে, নির্দিষ্ট পৃষ্ঠাগুলিতে সঠিকভাবে জাভাস্ক্রিপ্ট প্রয়োগ করা দক্ষতার পাশাপাশি নিরাপত্তা বাড়ায়।

ওয়ার্ডপ্রেস পৃষ্ঠাগুলিতে জাভাস্ক্রিপ্টের জন্য তথ্যসূত্র এবং উত্স

ওয়ার্ডপ্রেসে স্ক্রিপ্টগুলি কীভাবে সারিবদ্ধ করা যায় তার বিশদগুলি অফিসিয়াল ওয়ার্ডপ্রেস ডকুমেন্টেশন থেকে উল্লেখ করা হয়েছে। এ আরও জানুন ওয়ার্ডপ্রেস ডেভেলপার রেফারেন্স .
নির্দিষ্ট পৃষ্ঠাগুলিকে লক্ষ্য করার জন্য শর্তসাপেক্ষ ট্যাগ ব্যবহার করার তথ্য ওয়ার্ডপ্রেস কোডেক্স থেকে নেওয়া হয়েছিল। অফিসিয়াল গাইড দেখুন ওয়ার্ডপ্রেস শর্তসাপেক্ষ ট্যাগ .
ফুটারে জাভাস্ক্রিপ্ট লোড করার জন্য অতিরিক্ত সেরা অনুশীলনগুলি এই নিবন্ধটি থেকে প্রাপ্ত হয়েছে: স্ম্যাশিং ম্যাগাজিন জাভাস্ক্রিপ্ট অপ্টিমাইজেশান টিপস .

শুধুমাত্র একটি নির্দিষ্ট ওয়ার্ডপ্রেস পৃষ্ঠায় জাভাস্ক্রিপ্ট কিভাবে যোগ করবেন