ਸਿਰਫ਼ ਇੱਕ ਖਾਸ ਵਰਡਪਰੈਸ

Mia Chevalier

ਸ਼ੁੱਕਰਵਾਰ, 27 ਸਤੰਬਰ 2024 2:20:52 ਪੂ.ਦੁ.

ਇੱਕ ਨਿਸ਼ਾਨਾ ਵਰਡਪਰੈਸ ਪੰਨੇ 'ਤੇ JavaScript ਨੂੰ ਲਾਗੂ ਕਰਨਾ

ਵਰਡਪਰੈਸ ਇੱਕ ਵਰਤੋਂ ਵਿੱਚ ਆਸਾਨ ਪਲੇਟਫਾਰਮ ਹੈ ਜੋ ਵੈੱਬਸਾਈਟ ਪ੍ਰਬੰਧਨ ਅਤੇ ਅਨੁਕੂਲਤਾ ਨੂੰ ਸਰਲ ਬਣਾਉਂਦਾ ਹੈ। ਹਾਲਾਂਕਿ, ਕੁਝ ਤਬਦੀਲੀਆਂ ਨੂੰ ਲਾਗੂ ਕਰਨਾ ਚੁਣੌਤੀਪੂਰਨ ਹੋ ਸਕਦਾ ਹੈ, ਜਿਸ ਵਿੱਚ ਕਿਸੇ ਖਾਸ ਪੰਨੇ 'ਤੇ JavaScript ਨੂੰ ਚਲਾਉਣਾ ਸ਼ਾਮਲ ਹੈ। ਇਹ ਸੰਭਵ ਹੈ ਕਿ ਇੱਕ ਸਕ੍ਰਿਪਟ ਜੋ ਤੁਸੀਂ ਆਪਣੀ ਵੈੱਬਸਾਈਟ ਦੇ "ਸਿਰ" ਭਾਗ ਵਿੱਚ ਸ਼ਾਮਲ ਕੀਤੀ ਹੈ ਹੁਣ ਹਰ ਪੰਨੇ 'ਤੇ ਮੌਜੂਦ ਹੈ। ਇਹ ਇੱਕ ਆਮ ਪਹਿਲੀ-ਟਾਈਮਰ ਮੁਸ਼ਕਲ ਹੈ।

ਕਿਸੇ ਖਾਸ ਪੰਨੇ ਨੂੰ ਨਿਸ਼ਾਨਾ ਬਣਾਉਣ ਲਈ ਇਸਦੀ ਵਰਤੋਂ ਕਰਦੇ ਸਮੇਂ ਇੱਕ JavaScript ਫਾਈਲ ਨੂੰ ਸ਼ਰਤ ਅਨੁਸਾਰ ਕਿਵੇਂ ਲਾਗੂ ਕਰਨਾ ਹੈ ਨੂੰ ਸਮਝਣਾ ਮਹੱਤਵਪੂਰਨ ਹੁੰਦਾ ਹੈ। JavaScript ਦੇ ਅਣਕਿਆਸੇ ਨਤੀਜੇ ਹੋ ਸਕਦੇ ਹਨ ਅਤੇ ਤੁਹਾਡੀ ਵੈੱਬਸਾਈਟ ਦੀ ਗਤੀ ਨੂੰ ਘਟਾ ਸਕਦੇ ਹਨ ਜੇਕਰ ਇਹ ਪੂਰੀ ਤਰ੍ਹਾਂ ਵਰਤੀ ਜਾਂਦੀ ਹੈ। ਇਹੀ ਕਾਰਨ ਹੈ ਕਿ ਸਕ੍ਰਿਪਟ ਨੂੰ ਲੋੜੀਂਦੇ ਪੰਨੇ ਤੱਕ ਸੀਮਤ ਕਰਨਾ ਮਹੱਤਵਪੂਰਨ ਹੈ।

ਅਸੀਂ ਤੁਹਾਨੂੰ ਇਸ ਲੇਖ ਵਿੱਚ ਤੁਹਾਡੀ ਵਰਡਪਰੈਸ ਕੌਂਫਿਗਰੇਸ਼ਨ ਨੂੰ ਬਦਲਣ ਦੀ ਪ੍ਰਕਿਰਿਆ ਵਿੱਚ ਲੈ ਕੇ ਜਾਵਾਂਗੇ ਤਾਂ ਜੋ JavaScript ਸਿਰਫ਼ ਉਹਨਾਂ ਪੰਨਿਆਂ 'ਤੇ ਹੀ ਲਾਂਚ ਹੋਵੇ ਜਿਨ੍ਹਾਂ ਦੀ ਤੁਹਾਨੂੰ ਲੋੜ ਹੈ। ਇਸ ਦਾ ਜਵਾਬ ਗੈਰ-ਡਿਵੈਲਪਰਾਂ ਲਈ ਵੀ ਸਮਝਣ ਯੋਗ ਹੈ; ਇਹ ਗਾਈਡ ਉਹਨਾਂ ਲਈ ਹੈ ਜੋ ਹੁਣੇ ਸ਼ੁਰੂ ਕਰ ਰਹੇ ਹਨ।

ਜਦੋਂ ਤੁਸੀਂ ਇਸ ਪਾਠ ਨੂੰ ਪੂਰਾ ਕਰਦੇ ਹੋ ਤਾਂ ਤੁਹਾਨੂੰ ਵਰਡਪਰੈਸ ਵਿੱਚ ਪੰਨਾ-ਵਿਸ਼ੇਸ਼ ਸਕ੍ਰਿਪਟਾਂ ਨੂੰ ਸੰਭਾਲਣ ਵਿੱਚ ਅਰਾਮ ਮਹਿਸੂਸ ਕਰਨਾ ਚਾਹੀਦਾ ਹੈ। ਅਸੀਂ ਤੁਹਾਨੂੰ ਇਹ ਯਕੀਨੀ ਬਣਾਉਣ ਲਈ ਲੋੜੀਂਦੇ ਸਟੀਕ ਕੋਡ ਅਤੇ ਪ੍ਰਕਿਰਿਆ ਬਾਰੇ ਮਾਰਗਦਰਸ਼ਨ ਕਰਾਂਗੇ ਕਿ ਤੁਹਾਡੀ JavaScript ਸਿਰਫ਼ ਉੱਥੇ ਹੀ ਚੱਲਦੀ ਹੈ ਜਿੱਥੇ ਇਹ ਹੋਣੀ ਚਾਹੀਦੀ ਹੈ, ਤੁਹਾਡੀ ਵੈੱਬਸਾਈਟ ਦੇ ਪ੍ਰਦਰਸ਼ਨ ਨੂੰ ਬਿਹਤਰ ਬਣਾਉਣਾ।

ਹੁਕਮ	ਵਰਤੋਂ ਦੀ ਉਦਾਹਰਨ
is_page()	ਫੰਕਸ਼ਨ ਵਜੋਂ ਜਾਣਿਆ ਜਾਂਦਾ ਹੈ is_page() ਤਸਦੀਕ ਕਰਦਾ ਹੈ ਕਿ ਕੀ ਮੌਜੂਦਾ ਵਰਡਪਰੈਸ ਪੰਨਾ ਕਿਸੇ ਦਿੱਤੇ ਪੇਜ ID, ਸਿਰਲੇਖ, ਜਾਂ ਸਲੱਗ ਨਾਲ ਮੇਲ ਖਾਂਦਾ ਹੈ। ਇਹ ਗਾਰੰਟੀ ਦੇਣ ਲਈ ਕਿ ਸਕ੍ਰਿਪਟਾਂ ਸਿਰਫ਼ ਇੱਕ ਖਾਸ ਪੰਨੇ 'ਤੇ ਲੋਡ ਹੁੰਦੀਆਂ ਹਨ, ਇਹ ਫੰਕਸ਼ਨ ਜ਼ਰੂਰੀ ਹੈ। ਉਦਾਹਰਨ ਲਈ, ਜੇਕਰ (is_page(42)) {... }
wp_enqueue_script()	ਵਰਡਪਰੈਸ ਦੀ ਵਰਤੋਂ ਕਰਦਾ ਹੈ wp_enqueue_script() JavaScript ਫਾਈਲਾਂ ਨੂੰ ਲੋਡ ਕਰਨ ਦਾ ਤਰੀਕਾ। ਇਹ ਗਾਰੰਟੀ ਦਿੰਦਾ ਹੈ ਕਿ ਸਕ੍ਰਿਪਟਾਂ ਨੂੰ ਸਾਈਟ ਦੇ ਸਿਰ ਜਾਂ ਫੁੱਟਰ ਵਿੱਚ ਲੋਡ ਕੀਤਾ ਗਿਆ ਹੈ ਅਤੇ ਉਹਨਾਂ ਦੀ ਨਿਰਭਰਤਾ ਦੇ ਨਾਲ ਸਹੀ ਢੰਗ ਨਾਲ ਸ਼ਾਮਲ ਕੀਤਾ ਗਿਆ ਹੈ. wp_enqueue_script('custom-js', 'https://example.com/code.js') ਇਸਦੀ ਇੱਕ ਉਦਾਹਰਨ ਹੈ।
add_action()	ਕਸਟਮ ਫੰਕਸ਼ਨਾਂ ਨੂੰ ਪੂਰਵ ਪਰਿਭਾਸ਼ਿਤ ਵਰਡਪਰੈਸ ਇਵੈਂਟਾਂ ਵਿੱਚ ਜੋੜਨ ਲਈ, ਜਿਵੇਂ ਕਿ ਲੋਡਿੰਗ ਸਕ੍ਰਿਪਟਾਂ, ਦੀ ਵਰਤੋਂ ਕਰੋ add_action() ਢੰਗ. ਇਹ ਲੋੜ ਪੈਣ 'ਤੇ ਸਕ੍ਰਿਪਟਾਂ ਨੂੰ ਗਤੀਸ਼ੀਲ ਤੌਰ 'ਤੇ ਸ਼ਾਮਲ ਕਰਨਾ ਸੰਭਵ ਬਣਾਉਂਦਾ ਹੈ। 'wp_enqueue_scripts', 'load_custom_js_on_specific_page' ਐਡ ਐਕਸ਼ਨ ਦੀਆਂ ਦੋ ਉਦਾਹਰਣਾਂ ਹਨ।');
add_shortcode()	ਵਰਡਪਰੈਸ ਤੁਹਾਨੂੰ ਵਰਤ ਕੇ ਇੱਕ ਨਵਾਂ ਸ਼ੌਰਟਕੋਡ ਰਜਿਸਟਰ ਕਰਨ ਦੀ ਇਜਾਜ਼ਤ ਦਿੰਦਾ ਹੈ add_shortcode() ਫੰਕਸ਼ਨ. ਇਹ ਤੁਹਾਨੂੰ ਡਾਇਨਾਮਿਕ ਸਮੱਗਰੀ, ਜਿਵੇਂ ਕਿ JavaScript, ਸਿੱਧੇ ਪੋਸਟ ਸੰਪਾਦਕ ਵਿੱਚ ਸ਼ਾਮਲ ਕਰਨ ਦੀ ਇਜਾਜ਼ਤ ਦਿੰਦਾ ਹੈ। Add_shortcode('custom_js', 'add_js_via_shortcode') ਇੱਕ ਉਦਾਹਰਨ ਹੈ।
$.getScript()	ਇੱਕ ਵਾਰ ਪੰਨਾ ਲੋਡ ਹੋਣ ਤੋਂ ਬਾਅਦ, ਤੁਸੀਂ jQuery ਵਿਧੀ ਦੀ ਵਰਤੋਂ ਕਰ ਸਕਦੇ ਹੋ $.getScript() ਇੱਕ ਬਾਹਰੀ JavaScript ਫਾਈਲ ਨੂੰ ਗਤੀਸ਼ੀਲ ਰੂਪ ਵਿੱਚ ਲੋਡ ਕਰਨ ਲਈ. URL ਜਾਂ ਹੋਰ ਮਾਪਦੰਡਾਂ ਦੇ ਅਧਾਰ ਤੇ ਸਕ੍ਰਿਪਟ ਲੋਡਿੰਗ ਲਈ ਸ਼ਰਤੀਆ ਤਰਕ ਲਾਗੂ ਕਰਨਾ ਇਸਦੇ ਲਈ ਇੱਕ ਕੀਮਤੀ ਉਪਯੋਗ ਹੈ। $.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 ਵਾਪਸ ਕਰਦੀ ਹੈ। ਇਸਦੀ ਵਰਤੋਂ ਖਾਸ URL ਪੈਟਰਨਾਂ ਦੀ ਜਾਂਚ ਕਰਨ ਲਈ ਕੀਤੀ ਜਾ ਸਕਦੀ ਹੈ, ਇਸ ਨੂੰ ਕੁਝ ਪੰਨਿਆਂ 'ਤੇ ਜਾਵਾਸਕ੍ਰਿਪਟ ਨੂੰ ਸ਼ਰਤੀਆ ਲੋਡ ਕਰਨ ਲਈ ਲਾਭਦਾਇਕ ਬਣਾਉਂਦਾ ਹੈ। ਉਦਾਹਰਨ: if (window.location.href.indexOf('specific-page-slug') > -1) { ... }
get_header()	ਹੈਡਰ ਟੈਂਪਲੇਟ ਫਾਈਲ ਵਰਡਪਰੈਸ ਦੁਆਰਾ ਲੋਡ ਕੀਤੀ ਜਾਂਦੀ ਹੈ get_header() ਫੰਕਸ਼ਨ. JavaScript ਕੋਡ ਨੂੰ ਜੋੜਨ ਤੋਂ ਪਹਿਲਾਂ, ਇਹ ਯਕੀਨੀ ਬਣਾਉਣ ਲਈ ਕਸਟਮ ਪੇਜ ਟੈਂਪਲੇਟਸ ਵਿੱਚ ਵਰਤਿਆ ਜਾਂਦਾ ਹੈ ਕਿ ਢਾਂਚਾ ਸਹੀ ਹੈ। ਉਦਾਹਰਣ ਦੇ ਲਈ,
get_footer()	ਵਰਡਪਰੈਸ ਫੁੱਟਰ ਟੈਂਪਲੇਟ ਦੁਆਰਾ ਲੋਡ ਕੀਤਾ ਗਿਆ ਹੈ get_footer() ਫੰਕਸ਼ਨ, ਜੋ ਇਹ ਯਕੀਨੀ ਬਣਾਉਂਦਾ ਹੈ ਕਿ ਜਾਵਾ ਸਕ੍ਰਿਪਟ ਨੂੰ ਪੇਜ ਆਉਟਪੁੱਟ ਵਿੱਚ ਉਚਿਤ ਰੂਪ ਵਿੱਚ ਪਾਉਣ ਤੋਂ ਪਹਿਲਾਂ ਲੋਡ ਕੀਤਾ ਗਿਆ ਹੈ। ਉਦਾਹਰਣ ਦੇ ਲਈ,

ਖਾਸ ਵਰਡਪਰੈਸ ਪੰਨਿਆਂ 'ਤੇ ਜਾਵਾ ਸਕ੍ਰਿਪਟ ਦੀ ਭੂਮਿਕਾ ਨੂੰ ਸਮਝਣਾ

ਸਕ੍ਰਿਪਟ ਨੂੰ ਸਿੱਧੇ "ਸਿਰ" ਭਾਗ ਵਿੱਚ ਪਾਉਣ ਦਾ ਤਰੀਕਾ ਇਸ ਨੂੰ ਹਰ ਪੰਨੇ 'ਤੇ ਲੋਡ ਕਰਨ ਦਾ ਕਾਰਨ ਬਣ ਸਕਦਾ ਹੈ ਜਦੋਂ ਤੁਹਾਨੂੰ ਇੱਕ ਚਲਾਉਣ ਦੀ ਲੋੜ ਹੁੰਦੀ ਹੈ. JavaScript ਇੱਕ ਖਾਸ ਵਰਡਪਰੈਸ ਪੰਨੇ 'ਤੇ ਫਾਈਲ. ਉਪਭੋਗਤਾ ਅਨੁਭਵ ਅਤੇ ਪ੍ਰਦਰਸ਼ਨ ਦੇ ਰੂਪ ਵਿੱਚ, ਇਹ ਆਦਰਸ਼ ਨਹੀਂ ਹੈ. ਪਿਛਲੀਆਂ ਚੋਣਾਂ ਸਕ੍ਰਿਪਟਾਂ ਨੂੰ ਸਿਰਫ਼ ਨਿਸ਼ਚਿਤ ਪੰਨੇ ਤੱਕ ਸੀਮਿਤ ਕਰਕੇ ਸਕ੍ਰਿਪਟਾਂ ਨੂੰ ਸੰਭਾਲਣ ਦਾ ਵਧੇਰੇ ਪ੍ਰਭਾਵਸ਼ਾਲੀ ਤਰੀਕਾ ਦਿੰਦੀਆਂ ਹਨ। ਉਦਾਹਰਨ ਲਈ, ਅਸੀਂ ਵਰਡਪਰੈਸ ਦੀ ਵਰਤੋਂ ਕਰ ਸਕਦੇ ਹਾਂ is_page() ਇਹ ਨਿਰਧਾਰਤ ਕਰਨ ਲਈ ਵਿਧੀ ਹੈ ਕਿ ਕੀ ਉਪਭੋਗਤਾ ਆਪਣੀ ID ਜਾਂ ਸਲੱਗ ਦੇ ਅਧਾਰ ਤੇ ਇੱਕ ਖਾਸ ਪੰਨਾ ਦੇਖ ਰਿਹਾ ਹੈ। ਇਹ ਯਕੀਨੀ ਬਣਾਉਣ ਲਈ ਵਰਤੀ ਜਾਣ ਵਾਲੀ ਮੁੱਖ ਤਕਨੀਕ ਹੈ ਜੋ JavaScript ਫ਼ਾਈਲ ਸਿਰਫ਼ ਲੋੜ ਪੈਣ 'ਤੇ ਲੋਡ ਹੁੰਦੀ ਹੈ।

ਪਹਿਲੀ ਵਿਧੀ ਵਿੱਚ ਕੰਡੀਸ਼ਨਲ ਟੈਗਸ ਦੀ ਵਰਤੋਂ ਕੀਤੀ ਜਾਂਦੀ ਹੈ functions.php ਨਾਲ ਮਿਲ ਕੇ ਫਾਈਲ ਕਰੋ wp_enqueue_script(). ਇਹ ਤਕਨੀਕ ਇੱਕ ਬੁਨਿਆਦੀ ਵਰਡਪਰੈਸ ਵਿਸ਼ੇਸ਼ਤਾ ਦੀ ਵਰਤੋਂ ਕਰਦੀ ਹੈ ਜੋ ਸਕ੍ਰਿਪਟਾਂ ਨੂੰ ਇਸ ਤਰੀਕੇ ਨਾਲ ਜੋੜਦੀ ਹੈ ਜੋ ਸਹੀ ਨਿਰਭਰਤਾ ਪ੍ਰਬੰਧਨ ਨੂੰ ਯਕੀਨੀ ਬਣਾਉਂਦੀ ਹੈ ਅਤੇ ਪੰਨੇ ਦੇ ਉਚਿਤ ਖੇਤਰ ਵਿੱਚ ਸਕ੍ਰਿਪਟ ਨੂੰ ਲੋਡ ਕਰਦੀ ਹੈ। ਦੇ ਜ਼ਰੀਏ wp_enqueue_scripts ਐਕਸ਼ਨ ਹੂਕਿੰਗ, ਜਾਵਾ ਸਕ੍ਰਿਪਟ ਫੰਕਸ਼ਨ ਉਦੋਂ ਹੀ ਜੋੜਿਆ ਜਾਵੇਗਾ ਜਦੋਂ ਵਰਡਪਰੈਸ ਇੱਕ ਪੰਨੇ ਦੀ ਪ੍ਰਕਿਰਿਆ ਕਰਦਾ ਹੈ ਜੋ ਸੰਤੁਸ਼ਟ ਕਰਦਾ ਹੈ is_page() ਲੋੜ. ਪ੍ਰਭਾਵਸ਼ਾਲੀ ਹੋਣ ਤੋਂ ਇਲਾਵਾ, ਇਹ ਮਾਮੂਲੀ ਸਾਈਟਾਂ 'ਤੇ ਬੇਕਾਰ ਸਕ੍ਰਿਪਟ ਐਗਜ਼ੀਕਿਊਸ਼ਨ ਨੂੰ ਰੋਕਦਾ ਹੈ।

ਸ਼ੌਰਟਕੋਡਾਂ ਦੀ ਵਰਤੋਂ ਕਰਨਾ ਦੂਜੀ ਰਣਨੀਤੀ ਦਾ ਹਿੱਸਾ ਹੈ। ਵਰਡਪਰੈਸ ਸ਼ੌਰਟਕੋਡ ਇੱਕ ਪੰਨੇ ਜਾਂ ਪੋਸਟ ਵਿੱਚ ਗਤੀਸ਼ੀਲ ਸਮੱਗਰੀ ਸ਼ਾਮਲ ਕਰਨਾ ਸੌਖਾ ਬਣਾਉਂਦੇ ਹਨ। add_shortcode() ਇੱਕ ਕਸਟਮ ਸ਼ੌਰਟਕੋਡ ਬਣਾਉਣ ਲਈ ਵਰਤਿਆ ਜਾ ਸਕਦਾ ਹੈ, ਜੋ ਤੁਹਾਨੂੰ ਲੋੜ ਅਨੁਸਾਰ ਸਮਗਰੀ ਖੇਤਰ ਵਿੱਚ ਸਕ੍ਰਿਪਟ ਨੂੰ ਸੰਮਿਲਿਤ ਕਰਨ ਦੀ ਇਜਾਜ਼ਤ ਦੇਵੇਗਾ। ਇਹ ਤੁਹਾਨੂੰ ਹੋਰ ਵਿਕਲਪ ਪ੍ਰਦਾਨ ਕਰਦਾ ਹੈ ਜੇਕਰ ਤੁਸੀਂ ਕਿਸੇ ਵੈਬਸਾਈਟ ਜਾਂ ਪੋਸਟ ਦੇ ਪੂਰੇ ਪੰਨੇ ਦੀ ਬਜਾਏ ਖਾਸ ਭਾਗਾਂ 'ਤੇ ਸਕ੍ਰਿਪਟ ਦੀ ਵਰਤੋਂ ਕਰਨਾ ਚਾਹੁੰਦੇ ਹੋ। ਇਸ ਤੋਂ ਇਲਾਵਾ, ਇਹ ਉਹਨਾਂ ਲੋਕਾਂ ਲਈ ਵਧੇਰੇ ਪਹੁੰਚਯੋਗ ਵਿਕਲਪ ਹੈ ਜੋ PHP ਫਾਈਲਾਂ ਵਿੱਚ ਸਿੱਧੀਆਂ ਤਬਦੀਲੀਆਂ ਕਰਨ ਵਿੱਚ ਅਸਹਿਜ ਹਨ।

ਇੱਕ ਹੋਰ ਤਰੀਕਾ ਉਹਨਾਂ ਪੰਨਿਆਂ 'ਤੇ ਸਕ੍ਰਿਪਟਾਂ ਨੂੰ ਗਤੀਸ਼ੀਲ ਤੌਰ 'ਤੇ ਲੋਡ ਕਰਨ ਲਈ ਸੰਪੂਰਨ ਹੈ ਜਿਨ੍ਹਾਂ ਦੇ URL ਵਿੱਚ ਖਾਸ ਮਾਪਦੰਡ ਹਨ ਕਿਉਂਕਿ ਇਹ URL ਵਿੱਚ ਖਾਸ ਪੈਟਰਨਾਂ ਦੀ ਖੋਜ ਕਰਨ ਲਈ jQuery ਦੀ ਵਰਤੋਂ ਕਰਦਾ ਹੈ। window.location.href ਅਤੇ $.getScript() ਇਸ ਪਹੁੰਚ ਵਿੱਚ ਇਹ ਪਛਾਣ ਕਰਨ ਲਈ ਵਰਤਿਆ ਜਾਂਦਾ ਹੈ ਕਿ ਕੀ URL ਵਿੱਚ ਇੱਕ ਖਾਸ ਸਤਰ ਸ਼ਾਮਲ ਹੈ ਅਤੇ JavaScript ਫਾਈਲ ਨੂੰ ਉਚਿਤ ਰੂਪ ਵਿੱਚ ਲੋਡ ਕਰੋ। ਇਹ ਪਹੁੰਚ ਈ-ਕਾਮਰਸ ਸਾਈਟਾਂ ਜਾਂ ਵਿਲੱਖਣ ਟਰੈਕਿੰਗ ਕੋਡਾਂ ਵਾਲੇ ਲੈਂਡਿੰਗ ਪੰਨਿਆਂ ਵਰਗੀਆਂ ਸਥਿਤੀਆਂ ਲਈ ਚੰਗੀ ਤਰ੍ਹਾਂ ਕੰਮ ਕਰਦੀ ਹੈ ਜਿੱਥੇ URL ਬਣਤਰ ਨੂੰ ਸਕ੍ਰਿਪਟ ਦੀ ਵਰਤੋਂ ਦੀ ਲੋੜ ਹੁੰਦੀ ਹੈ। ਇਹ ਤਕਨੀਕਾਂ ਸਾਰੀਆਂ ਮਾਡਿਊਲਰ, ਮੁੜ ਵਰਤੋਂ ਯੋਗ ਹਨ, ਅਤੇ ਇਹ ਯਕੀਨੀ ਬਣਾਉਂਦੀਆਂ ਹਨ ਕਿ ਸਕ੍ਰਿਪਟਾਂ ਸਿਰਫ਼ ਲੋੜ ਪੈਣ 'ਤੇ ਲੋਡ ਹੋਣ, ਜੋ ਉਪਭੋਗਤਾ ਅਨੁਭਵ ਅਤੇ ਪ੍ਰਦਰਸ਼ਨ ਨੂੰ ਵਧਾਉਂਦੀਆਂ ਹਨ।

ਕੰਡੀਸ਼ਨਲ ਟੈਗਸ ਦੀ ਵਰਤੋਂ ਕਰਦੇ ਹੋਏ ਇੱਕ ਖਾਸ ਵਰਡਪਰੈਸ ਪੇਜ ਵਿੱਚ ਜਾਵਾਸਕ੍ਰਿਪਟ ਜੋੜਨਾ

ਇਹ ਪਹੁੰਚ ਵਰਡਪਰੈਸ ਵਿੱਚ PHP ਦੇ ਬਿਲਟ-ਇਨ ਕੰਡੀਸ਼ਨਲ ਟੈਗਸ ਦੀ ਵਰਤੋਂ ਕਰਕੇ ਸਿਰਫ਼ ਇੱਕ ਚੁਣੇ ਹੋਏ ਪੰਨੇ 'ਤੇ JavaScript ਫਾਈਲ ਨੂੰ ਲੋਡ ਕਰਦੀ ਹੈ। ਇਹ ਤਕਨੀਕ ਬਹੁਤ ਹੀ ਵਰਡਪਰੈਸ-ਅਨੁਕੂਲ ਹੈ.

// 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');

ਸ਼ੌਰਟਕੋਡਸ ਦੀ ਵਰਤੋਂ ਕਰਦੇ ਹੋਏ ਇੱਕ ਖਾਸ ਵਰਡਪਰੈਸ ਪੰਨੇ 'ਤੇ JavaScript ਨੂੰ ਚਲਾਉਣਾ

ਇਹ ਵਿਧੀ ਤੁਹਾਨੂੰ ਵਰਡਪਰੈਸ ਸ਼ੌਰਟਕੋਡਸ ਦੀ ਵਰਤੋਂ ਕਰਦੇ ਹੋਏ ਕਿਸੇ ਖਾਸ ਪੰਨੇ 'ਤੇ ਜਾਵਾ ਸਕ੍ਰਿਪਟ ਨੂੰ ਸ਼ਰਤ ਅਨੁਸਾਰ ਜੋੜ ਕੇ ਸਕ੍ਰਿਪਟ ਦੀ ਵਰਤੋਂ ਕਰਨ ਦੀ ਆਜ਼ਾਦੀ ਦਿੰਦੀ ਹੈ।

// 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 ਦੀ ਵਰਤੋਂ ਕਰਦੇ ਹੋਏ URL ਪੈਰਾਮੀਟਰਾਂ 'ਤੇ ਆਧਾਰਿਤ JavaScript ਲੋਡ ਕੀਤਾ ਜਾ ਰਿਹਾ ਹੈ

ਇਹ ਤਕਨੀਕ 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(); ?>

ਵਰਡਪਰੈਸ ਪੰਨਿਆਂ 'ਤੇ ਜਾਵਾ ਸਕ੍ਰਿਪਟ ਲੋਡਿੰਗ ਨੂੰ ਅਨੁਕੂਲ ਬਣਾਉਣਾ

ਖਾਸ ਵਰਡਪਰੈਸ ਪੰਨਿਆਂ 'ਤੇ JavaScript ਦੀ ਵਰਤੋਂ ਕਰਦੇ ਸਮੇਂ ਸਕ੍ਰਿਪਟ ਕਿੱਥੇ ਲੋਡ ਕੀਤੀ ਜਾਂਦੀ ਹੈ ਇੱਕ ਮਹੱਤਵਪੂਰਨ ਵਿਚਾਰ ਹੁੰਦਾ ਹੈ। ਵਰਡਪਰੈਸ ਮੂਲ ਰੂਪ ਵਿੱਚ ਸਕ੍ਰਿਪਟਾਂ ਨੂੰ ਪੰਨੇ ਵਿੱਚ ਲੋਡ ਕਰਨ ਦੀ ਇਜਾਜ਼ਤ ਦਿੰਦਾ ਹੈ ਫੁੱਟਰ ਜਾਂ ਸਿਰਲੇਖ. ਪ੍ਰਦਰਸ਼ਨ ਦੇ ਕਾਰਨਾਂ ਕਰਕੇ, ਪਦਲੇਖ ਵਿੱਚ ਸਕ੍ਰਿਪਟ ਨੂੰ ਲੋਡ ਕਰਨ ਦੀ ਆਮ ਤੌਰ 'ਤੇ ਸਿਫਾਰਸ਼ ਕੀਤੀ ਜਾਂਦੀ ਹੈ, ਖਾਸ ਕਰਕੇ ਜਦੋਂ ਬਾਹਰੀ ਸਰੋਤਾਂ ਦੀ ਵਰਤੋਂ ਕਰਦੇ ਹੋਏ। ਇਹ ਇਸ ਲਈ ਹੈ ਤਾਂ ਜੋ ਉਪਭੋਗਤਾ ਜਾਵਾ ਸਕ੍ਰਿਪਟ ਐਗਜ਼ੀਕਿਊਸ਼ਨ ਨੂੰ ਮੁਲਤਵੀ ਕਰਕੇ ਪੰਨੇ ਦੇ ਲੋਡ ਹੋਣ ਤੱਕ ਤੇਜ਼ੀ ਨਾਲ ਲੋਡ ਹੋਣ ਦਾ ਆਨੰਦ ਲੈ ਸਕਣ।

ਤੁਸੀਂ ਬਦਲ ਸਕਦੇ ਹੋ wp_enqueue_script() ਪਾਸ ਕਰਕੇ ਇੱਕ ਸਕ੍ਰਿਪਟ ਨੂੰ ਫੁੱਟਰ ਵਿੱਚ ਲੋਡ ਕਰਨ ਦਾ ਤਰੀਕਾ ਸੱਚ ਹੈ ਅੰਤਮ ਪੈਰਾਮੀਟਰ ਦੇ ਤੌਰ ਤੇ. ਅਜਿਹਾ ਕਰਨ ਨਾਲ, ਤੁਸੀਂ ਇਹ ਯਕੀਨੀ ਬਣਾ ਸਕਦੇ ਹੋ ਕਿ ਸਕ੍ਰਿਪਟ ਆਖਰੀ ਬਾਡੀ ਟੈਗ ਤੋਂ ਪਹਿਲਾਂ ਅਤੇ ਬਾਕੀ ਪੰਨੇ ਦੀ ਸਮਗਰੀ ਤੋਂ ਪਹਿਲਾਂ ਲੋਡ ਹੋ ਜਾਂਦੀ ਹੈ. ਕਿਉਂਕਿ ਘੱਟ ਮਹੱਤਵਪੂਰਨ ਸਕ੍ਰਿਪਟਾਂ ਵਿੱਚ ਦੇਰੀ ਹੁੰਦੀ ਹੈ ਅਤੇ ਵਧੇਰੇ ਮਹੱਤਵਪੂਰਨ ਸਰੋਤਾਂ ਨੂੰ ਤਰਜੀਹ ਦਿੱਤੀ ਜਾਂਦੀ ਹੈ, ਇਹ ਤਕਨੀਕ ਸਪੱਸ਼ਟ ਲੋਡ ਸਮੇਂ ਨੂੰ ਘਟਾਉਣ ਵਿੱਚ ਮਦਦ ਕਰਦੀ ਹੈ। ਹਾਲਾਂਕਿ ਇਹ ਓਪਟੀਮਾਈਜੇਸ਼ਨ ਨਵੇਂ ਲੋਕਾਂ ਲਈ ਬਹੁਤ ਜ਼ਿਆਦਾ ਨਹੀਂ ਜਾਪਦੀ ਹੈ, ਪਰ ਇਸਦਾ ਇੱਕ ਵਰਡਪਰੈਸ ਸਾਈਟ ਦੀ ਗਤੀ ਅਤੇ ਕਾਰਜਕੁਸ਼ਲਤਾ 'ਤੇ ਵੱਡਾ ਪ੍ਰਭਾਵ ਹੈ।

ਕੈਸ਼ ਬਸਟਿੰਗ ਅਤੇ ਸੰਸਕਰਣ ਨਿਯੰਤਰਣ ਦੋ ਹੋਰ ਮਹੱਤਵਪੂਰਨ ਤੱਤ ਹਨ। ਵਰਡਪਰੈਸ ਵਰਤਣ ਲਈ ਇੱਕ ਆਸਾਨ ਤਰੀਕਾ ਪ੍ਰਦਾਨ ਕਰਦਾ ਹੈ wp_enqueue_script() ਸਕ੍ਰਿਪਟਾਂ ਵਿੱਚ ਇੱਕ ਸੰਸਕਰਣ ਨੰਬਰ ਜੋੜਨ ਲਈ ਫੰਕਸ਼ਨ। ਤੁਸੀਂ ਇਹ ਯਕੀਨੀ ਬਣਾ ਸਕਦੇ ਹੋ ਕਿ ਉਪਭੋਗਤਾ ਇੱਕ ਵਰਜਨ ਆਰਗੂਮੈਂਟ ਜੋੜ ਕੇ ਆਪਣੇ ਕੈਸ਼ ਤੋਂ ਪੁਰਾਣੀ ਜਾਵਾ ਸਕ੍ਰਿਪਟ ਪ੍ਰਾਪਤ ਨਹੀਂ ਕਰਦੇ ਹਨ। ਇਹ ਯਕੀਨੀ ਬਣਾਉਂਦਾ ਹੈ ਕਿ ਸਕ੍ਰਿਪਟ ਦਾ ਸਭ ਤੋਂ ਤਾਜ਼ਾ ਸੰਸਕਰਣ ਲਗਾਤਾਰ ਲੋਡ ਕੀਤਾ ਜਾਂਦਾ ਹੈ, ਜੋ ਕਿ ਸਕ੍ਰਿਪਟ ਨੂੰ ਵਿਕਸਤ ਕਰਨ ਜਾਂ ਅੱਪਗਰੇਡ ਕਰਨ ਵੇਲੇ ਬਹੁਤ ਮਦਦਗਾਰ ਹੁੰਦਾ ਹੈ। ਇਹ ਵਿਧੀ ਸਕ੍ਰਿਪਟ ਝੜਪਾਂ ਦੀ ਸੰਭਾਵਨਾ ਨੂੰ ਘਟਾਉਂਦੀ ਹੈ ਅਤੇ ਵੈਬਸਾਈਟ ਦੀ ਕਾਰਜਕੁਸ਼ਲਤਾ ਨੂੰ ਵਧਾਉਂਦੀ ਹੈ।

ਵਰਡਪਰੈਸ ਪੰਨਿਆਂ ਵਿੱਚ ਜਾਵਾ ਸਕ੍ਰਿਪਟ ਜੋੜਨ ਬਾਰੇ ਆਮ ਸਵਾਲ

ਮੈਂ ਇਹ ਕਿਵੇਂ ਯਕੀਨੀ ਬਣਾ ਸਕਦਾ ਹਾਂ ਕਿ ਇੱਕ ਸਕ੍ਰਿਪਟ ਸਿਰਫ਼ ਇੱਕ ਖਾਸ ਪੰਨੇ 'ਤੇ ਖੁੱਲ੍ਹਦੀ ਹੈ?
ਪੇਜ ID ਜਾਂ ਸਲੱਗ ਦੇ ਅਧਾਰ ਤੇ ਸਕ੍ਰਿਪਟ ਨੂੰ ਸ਼ਰਤ ਅਨੁਸਾਰ ਲੋਡ ਕਰਨ ਲਈ, ਦੀ ਵਰਤੋਂ ਕਰੋ is_page() ਵਿੱਚ ਫੰਕਸ਼ਨ functions.php ਤੁਹਾਡੇ ਥੀਮ ਦੀ ਫਾਈਲ.
ਵਰਡਪਰੈਸ ਵਿੱਚ JavaScript ਜੋੜਨ ਦਾ ਸਭ ਤੋਂ ਵਧੀਆ ਤਰੀਕਾ ਕੀ ਹੈ?
ਵਰਡਪਰੈਸ ਵਿੱਚ JavaScript ਜੋੜਨ ਲਈ, the wp_enqueue_script() ਫੰਕਸ਼ਨ ਸਿਫਾਰਸ਼ ਕੀਤੀ ਤਕਨੀਕ ਹੈ। ਇਹ ਨਿਰਭਰਤਾ ਅਤੇ ਸਕ੍ਰਿਪਟ ਪ੍ਰੋਸੈਸਿੰਗ ਦੇ ਉਚਿਤ ਪ੍ਰਬੰਧਨ ਦੀ ਗਾਰੰਟੀ ਦਿੰਦਾ ਹੈ।
ਕੀ ਮੈਂ ਫੁੱਟਰ ਵਿੱਚ JavaScript ਲੋਡ ਕਰ ਸਕਦਾ ਹਾਂ?
ਹਾਂ, ਬਿਹਤਰ ਪ੍ਰਦਰਸ਼ਨ ਲਈ ਫੁੱਟਰ ਵਿੱਚ ਸਕ੍ਰਿਪਟ ਲੋਡ ਕਰਨ ਲਈ, ਪਾਸ ਕਰੋ true ਦੀ ਪੰਜਵੀਂ ਦਲੀਲ ਵਜੋਂ wp_enqueue_script().
ਮੈਂ JavaScript ਫਾਈਲਾਂ ਲਈ ਕੈਸ਼ ਬਸਟਿੰਗ ਨੂੰ ਕਿਵੇਂ ਸੰਭਾਲਾਂ?
ਇਹ ਯਕੀਨੀ ਬਣਾਉਣ ਲਈ ਕਿ ਸਭ ਤੋਂ ਤਾਜ਼ਾ ਸੰਸਕਰਣ ਲੋਡ ਕੀਤਾ ਗਿਆ ਹੈ, ਵਿੱਚ ਵਰਜਨਿੰਗ ਵਿਕਲਪ ਦੀ ਵਰਤੋਂ ਕਰਕੇ ਸਕ੍ਰਿਪਟ ਦੇ URL ਵਿੱਚ ਇੱਕ ਸੰਸਕਰਣ ਨੰਬਰ ਸ਼ਾਮਲ ਕਰੋ wp_enqueue_script().
ਕੀ ਮੈਂ ਜਾਵਾ ਸਕ੍ਰਿਪਟ ਜੋੜਨ ਲਈ ਇੱਕ ਸ਼ੌਰਟਕੋਡ ਦੀ ਵਰਤੋਂ ਕਰ ਸਕਦਾ ਹਾਂ?
ਹਾਂ, ਤੁਸੀਂ ਵਰਤ ਸਕਦੇ ਹੋ add_shortcode() ਇੱਕ ਸ਼ੌਰਟਕੋਡ ਬਣਾਉਣ ਲਈ ਜੋ ਤੁਹਾਨੂੰ ਕਿਸੇ ਪੰਨੇ ਜਾਂ ਪੋਸਟ ਦੇ ਖਾਸ ਖੇਤਰਾਂ ਵਿੱਚ JavaScript ਜੋੜਨ ਦੀ ਇਜਾਜ਼ਤ ਦੇਵੇਗਾ।

ਵਰਡਪਰੈਸ ਪੰਨਿਆਂ ਲਈ ਜਾਵਾ ਸਕ੍ਰਿਪਟ ਨੂੰ ਅਨੁਕੂਲ ਬਣਾਉਣ ਬਾਰੇ ਅੰਤਮ ਵਿਚਾਰ

ਤੁਹਾਡਾ JavaScript ਕੋਡ ਬਿਹਤਰ ਢੰਗ ਨਾਲ ਲਾਗੂ ਕਰੇਗਾ ਅਤੇ ਤੁਹਾਡੀ ਵੈੱਬਸਾਈਟ 'ਤੇ ਉਪਭੋਗਤਾ ਅਨੁਭਵ ਨੂੰ ਬਿਹਤਰ ਬਣਾਵੇਗਾ ਜੇਕਰ ਇਹ ਕਿਸੇ ਖਾਸ ਪੰਨੇ ਨੂੰ ਨਿਸ਼ਾਨਾ ਬਣਾਇਆ ਗਿਆ ਹੈ। ਤੁਹਾਡੀ ਸਕ੍ਰਿਪਟ ਸਿਰਫ ਓਥੇ ਹੀ ਲੋਡ ਹੋਵੇਗੀ ਜਿੱਥੇ ਇਹ ਫੰਕਸ਼ਨਾਂ ਦੀ ਵਰਤੋਂ ਕਰਕੇ ਲੋੜੀਂਦਾ ਹੈ is_page() ਅਤੇ wp_enqueue_script(), ਜੋ ਤੁਹਾਡੀ ਵੈਬਸਾਈਟ ਦੇ ਹੋਰ ਖੇਤਰਾਂ ਲਈ ਲੋਡ ਸਮੇਂ ਨੂੰ ਤੇਜ਼ ਕਰੇਗਾ।

ਜੇਕਰ ਤੁਸੀਂ ਵਰਡਪਰੈਸ ਲਈ ਨਵੇਂ ਹੋ ਅਤੇ ਬਹੁਤ ਸਾਰੇ ਕੋਡ ਨੂੰ ਜਾਣੇ ਬਿਨਾਂ ਸਕ੍ਰਿਪਟਾਂ ਨੂੰ ਕੁਸ਼ਲਤਾ ਨਾਲ ਪ੍ਰਬੰਧਿਤ ਕਰਨਾ ਚਾਹੁੰਦੇ ਹੋ, ਤਾਂ ਇਹ ਤੁਹਾਡੇ ਲਈ ਸਭ ਤੋਂ ਵਧੀਆ ਤਰੀਕੇ ਹਨ। ਯਾਦ ਕਰੋ ਕਿ ਕੋਡ ਐਗਜ਼ੀਕਿਊਸ਼ਨ ਦੇ ਦਾਇਰੇ ਨੂੰ ਸੀਮਤ ਕਰਕੇ, ਖਾਸ ਪੰਨਿਆਂ 'ਤੇ JavaScript ਨੂੰ ਸਹੀ ਢੰਗ ਨਾਲ ਲਾਗੂ ਕਰਨਾ ਕੁਸ਼ਲਤਾ ਦੇ ਨਾਲ-ਨਾਲ ਸੁਰੱਖਿਆ ਨੂੰ ਵਧਾਉਂਦਾ ਹੈ।

ਵਰਡਪਰੈਸ ਪੰਨਿਆਂ 'ਤੇ JavaScript ਲਈ ਹਵਾਲੇ ਅਤੇ ਸਰੋਤ

ਵਰਡਪਰੈਸ ਵਿੱਚ ਸਕ੍ਰਿਪਟਾਂ ਨੂੰ ਕਿਵੇਂ ਜੋੜਿਆ ਜਾਵੇ ਇਸ ਬਾਰੇ ਵੇਰਵੇ ਅਧਿਕਾਰਤ ਵਰਡਪਰੈਸ ਦਸਤਾਵੇਜ਼ਾਂ ਤੋਂ ਹਵਾਲਾ ਦਿੱਤੇ ਗਏ ਸਨ। 'ਤੇ ਹੋਰ ਜਾਣੋ ਵਰਡਪਰੈਸ ਡਿਵੈਲਪਰ ਸੰਦਰਭ .
ਖਾਸ ਪੰਨਿਆਂ ਨੂੰ ਨਿਸ਼ਾਨਾ ਬਣਾਉਣ ਲਈ ਕੰਡੀਸ਼ਨਲ ਟੈਗਸ ਦੀ ਵਰਤੋਂ ਕਰਨ ਬਾਰੇ ਜਾਣਕਾਰੀ ਵਰਡਪਰੈਸ ਕੋਡੈਕਸ ਤੋਂ ਪ੍ਰਾਪਤ ਕੀਤੀ ਗਈ ਸੀ। 'ਤੇ ਅਧਿਕਾਰਤ ਗਾਈਡ ਵੇਖੋ ਵਰਡਪਰੈਸ ਕੰਡੀਸ਼ਨਲ ਟੈਗਸ .
ਫੁੱਟਰ ਵਿੱਚ JavaScript ਨੂੰ ਲੋਡ ਕਰਨ ਲਈ ਅਤਿਰਿਕਤ ਵਧੀਆ ਅਭਿਆਸ ਇਸ ਲੇਖ ਤੋਂ ਪ੍ਰਾਪਤ ਕੀਤੇ ਗਏ ਸਨ: ਸਮੈਸ਼ਿੰਗ ਮੈਗਜ਼ੀਨ JavaScript ਓਪਟੀਮਾਈਜੇਸ਼ਨ ਸੁਝਾਅ .

ਸਿਰਫ਼ ਇੱਕ ਖਾਸ ਵਰਡਪਰੈਸ ਪੇਜ ਵਿੱਚ ਜਾਵਾਸਕ੍ਰਿਪਟ ਨੂੰ ਕਿਵੇਂ ਜੋੜਿਆ ਜਾਵੇ