सशर्त ब्लगरमा सामाजिक साझेदारी बटनहरू कसरी लोड गर्ने

सामान्यतया हामी विभिन्न सामाजिक नेटवर्कि sharing प्लेटफर्महरूमा हाम्रो साइट को सामग्री साझा गर्न हाम्रो साइट मा सामाजिक साझेदारी बटन प्रयोग गर्दछौं। यी सामाजिक साझेदारी बटनहरूले तपाईंको वेब पृष्ठहरूमा केही अतिरिक्त बाइट्स आकार थप गर्दछ। यदि कसैले त्यस्तो खास वेब पृष्ठ ढिलो ईन्टरनेट जडानको साथ ब्राउज गर्दै छ भने त्यसले अव्यवस्थाको कारण निम्त्याउँछ। विशेष गरी उत्तरदायी डिजाइनहरूमा यसलाई रोक्नको लागि, तपाईं सामाजिक साझेदारी बटन सर्तमा लोड गर्न सक्नुहुनेछ र उनीहरूलाई मोबाइल उपकरणहरूमा लोड गर्न रोक्न सक्नुहुन्छ अव्यवस्थाबाट बच्न।

सशर्त सामाजिक विजेट्स कसरी लोड गर्ने:

तल एउटा सरल प्रविधि छ जुन प्रयोग गरेर हामी ब्राउजरको चौडाई हिसाब गर्छौं र यदि चौडाई एक खास चौडाई भन्दा बढि sayp०px मात्र भन्छ भने सामाजिक साझेदारी बटनहरू देखा पर्नेछन्।

यहाँ उत्तम कुरा यो हो कि हामी उनीहरूलाई सीएसएस प्रयोग गरेर लुकाइरहेका छैनौं बरु उनीहरूलाई लोड गर्न पूर्ण रूपमा बेवास्ता गर्दैछौं जसले कुनै व्यक्तिले मोबाइल उपकरणहरूबाट ब्राउज गरिरहेको बेला धेरै लोडि time समय बचत गर्दछ।

तपाईको ब्लग / वेबसाइटमा सशर्त लोडि implement लागू गर्न, पहिले सामान्य ब्लगमा सबै आवश्यक सामाजिक विजेटहरू सामान्य प्रक्रियाको प्रयोग गरेर थप गर्नुहोस्। उदाहरण को लागी, तपाइँ भ्रमण गर्न सक्नुहुन्छ facebook.com लाइक बटन को लागी कोड उत्पन्न गर्न को लागी dev.twitter.com ट्वीटरको ट्वीट र फलो विजेटहरूको लागि कोड प्रदान गर्दछ।

यी उत्पन्न कोडहरूबाट जाभास्क्रिप्ट हटाउनुहोस् - सबै जसो बीचमा छ tags – and add everything else to your website template. Then copy-paste the following snippet before the closing tag of your website template.

(function(doc, script, minimum) {

 // Calculate the width of the user's screen
 var browserWidth = window.innerWidth
 || doc.documentElement.clientWidth
 || doc.body.clientWidth;

 // Load JavaScript only if the site is being viewed on a wide (non-mobile) screen
 if (browserWidth > minimum) {

 var js, frag = doc.createDocumentFragment(),

 // Credit : Stoyan Stefanov of phpied.com
 js_queue = function(url, id) {
 if ( ! doc.getElementById(id) ) {
 js = doc.createElement(script);
 js.src = url; js.id = id;
 frag.appendChild(js);
 }
 };

 // These are the most common social widgets, remove the ones you don't need
 js_queue ("https://apis.google.com/js/plusone.js", "googleplus-js");
 js_queue ("//platform.twitter.com/widgets.js", "twitter-wjs");
 js_queue ("//connect.facebook.net/en_US/all.js#xfbml=1","facebook-jssdk");
 js_queue ("//platform.linkedin.com/in.js", "linkedin-js");
 js_queue ("//assets.pinterest.com/js/pinit.js", "pinterest-js");

 var fjs = doc.getElementsByTagName(script)[0];
 fjs.parentNode.insertBefore(frag, fjs);
 }

// Set the minimum width here (default is 480 pixels)
} ( document, 'script', 480 ) );

माथिको जाभास्क्रिप्ट कोड एसिन्क्रोनसले सबै लोकप्रिय सामाजिक विजेटहरू लोड गर्दछ - ट्विटर, फेसबुक, लिंक्डइन, गुगल + र पिन्टेरेस्ट - तर तपाईं js_queue कल हटाउन सक्नुहुनेछ विजेटहरूको लागि जुन तपाईंले आफ्नो वेबसाइटमा प्रयोग नगर्ने योजना बनाउनु भएको छ। परिवर्तनहरू बचत गर्नुहोस् र तपाईले सक्नुभयो।

Thats! तपाई बिस्तारै र सफलतापूर्वक ब्लगिंग र एसईओ को उन्नत रणनीतिहरुमा सर्नुभयो। यस अध्यायले निश्चित रूपमा तपाईंलाई ब्लगको लोडि time समय घटाउन मद्दत गर्दछ जुन पृष्ठ पृष्ठ एसईओ को सम्बन्धमा महत्त्वपूर्ण पक्षहरू मध्ये एक हो।