பிளாகரில் சமூக பகிர்வு பொத்தான்களை நிபந்தனையுடன் ஏற்றுவது எப்படி

பொதுவாக எங்கள் தளத்தின் உள்ளடக்கத்தை பல்வேறு சமூக வலைப்பின்னல் தளங்களில் பகிர்ந்து கொள்ள எங்கள் தளத்தில் சமூக பகிர்வு பொத்தான்களைப் பயன்படுத்துகிறோம். இந்த சமூக பகிர்வு பொத்தான்கள் உங்கள் வலைப்பக்கங்களில் சில கூடுதல் பைட்டுகள் அளவை சேர்க்கின்றன. யாராவது அந்த குறிப்பிட்ட வலைப்பக்கத்தை மெதுவான இணைய இணைப்புடன் உலாவினால், அது ஒரு ஒழுங்கீனத்தை ஏற்படுத்தும். குறிப்பாக பொறுப்பு வடிவமைப்புகளில் இதைத் தவிர்க்க, நீங்கள் சமூக பகிர்வு பொத்தான்களை நிபந்தனையுடன் ஏற்றலாம் மற்றும் ஒழுங்கீனங்களைத் தவிர்க்க மொபைல் சாதனங்களில் ஏற்றுவதை நிறுத்தலாம்.

சமூக விட்ஜெட்களை நிபந்தனையுடன் ஏற்றுவது எப்படி:

உலாவியின் அகலத்தை நாம் கணக்கிடும் ஒரு எளிய நுட்பம் கீழே உள்ளது, அகலம் ஒரு குறிப்பிட்ட அகலத்தை மீறினால் 480px என்று மட்டும் கூறினால், சமூக பகிர்வு பொத்தான்கள் காண்பிக்கப்படும்.

இங்கே சிறந்த விஷயம் என்னவென்றால், நாம் அவற்றை CSS ஐப் பயன்படுத்தி மறைக்கவில்லை, மாறாக அவற்றை ஏற்றுவதை முற்றிலுமாகத் தவிர்ப்பது, யாராவது மொபைல் சாதனங்களிலிருந்து உலாவும்போது நிறைய ஏற்றுதல் நேரத்தை மிச்சப்படுத்தும்.

உங்கள் வலைப்பதிவு / இணையதளத்தில் நிபந்தனை ஏற்றுதலை செயல்படுத்த, முதலில் வழக்கமான நடைமுறையைப் பயன்படுத்தி தேவையான அனைத்து சமூக விட்ஜெட்களையும் உங்கள் வலைப்பதிவில் சேர்க்கவும். உதாரணமாக, நீங்கள் பார்வையிடலாம் 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 ) );

மேலே உள்ள ஜாவாஸ்கிரிப்ட் குறியீடு ட்விட்டர், பேஸ்புக், சென்டர், Google+ மற்றும் Pinterest ஆகிய அனைத்து பிரபலமான சமூக விட்ஜெட்களையும் ஒத்திசைவில் ஏற்றுகிறது, ஆனால் உங்கள் வலைத்தளத்தில் நீங்கள் பயன்படுத்தத் திட்டமிடாத விட்ஜெட்டுகளுக்கான js_queue அழைப்புகளை நீக்கலாம். மாற்றங்களைச் சேமிக்கவும், நீங்கள் முடித்துவிட்டீர்கள்.

அவ்வளவுதான்! பிளாக்கிங் மற்றும் எஸ்சிஓ ஆகியவற்றின் மேம்பட்ட உத்திகளுக்கு நீங்கள் மெதுவாகவும் வெற்றிகரமாகவும் சென்றீர்கள். ஆன் எஸ்சிஓ தொடர்பான முக்கியமான அம்சங்களில் ஒன்றான வலைப்பதிவின் ஏற்றுதல் நேரத்தைக் குறைக்க இந்த அத்தியாயம் நிச்சயமாக உங்களுக்கு உதவும்.