एक estimated reading time उपयोगकर्ताओं को दूर
ले जाने के बजाय एक ब्लॉग पोस्ट पढ़ने के लिए प्रोत्साहित करता है। यह समय
उपयोगकर्ता की व्यस्तता को दर्शाता है – रीडिंग खत्म करने में कितना समय लगेगा,
यह बताता है और आपकी bounce rate को कम करता है।
आज, हम आपको यह दिखाना चाहते हैं कि आप अपने Blogger पोस्ट्स में अनुमानित
पोस्ट रीडिंग टाइम कैसे प्रदर्शित कर सकते हैं। अब, चलो शुरू करते हैं।
हम क्यों Estimated Post Reading Time का इस्तेमाल करे ?
जब हम अपना ब्लॉग शुरू करते है, तब हमारा लक्ष्य ये होता है की कैसे हम
अधिक से अधिक visitors को अपने ब्लॉग पर देर तक रोक सके ये समय user
engagement कहलाता है |
अधिक से अधिक visitors को अपने ब्लॉग पर देर तक रोक सके ये समय user
engagement कहलाता है |
पोस्ट पढ़ने में कितना समय लगता है, यह प्रदर्शित करना Users को content read
करने के लिए प्रेरित कर सकता है। इस तरेह आप आपले ब्लॉग को अधिक user friendly
बना सकते है |
करने के लिए प्रेरित कर सकता है। इस तरेह आप आपले ब्लॉग को अधिक user friendly
बना सकते है |
But what is the average reading speed of a reader? Well, here is a
fact:
fact:
Mental readers generally read at approximately 250 words per minute.
Auditory readers read at approximately 450 words per minute. Visual
readers “read”[clarification needed] at approximately 700 words per minute. Proficient readers are
able to read 280 – 310 wpm without compromising comprehension.[10]Source: Wikipedia
Estimated Post Reading Time का सिधांत बहुत ही सरल है |
मान लेते है की कोई आदमी 200 शब्द 1 मिनट में पड़ता है
यदि हमारी पोस्ट 1000 शब्दों की है तब 1000/200 = 5 मिनट
इस सरल jquery प्लगइन का उपयोग करके, आप ब्लॉगर पोस्ट
में estimated reading time दिखा
सकते हैं।
में estimated reading time दिखा
सकते हैं।
STEP 1 : सबसे पहले इस JQuery file को अपने ब्लॉगर की template में जोड़े
|
आपमें से अधिकांश के पास यह फ़ाइल आपके ब्लॉगर टेम्पलेट में स्थापित होती है।
यदि नहीं, तो थीम पर जाएं> EDIT HTML >
यदि नहीं, तो थीम पर जाएं> EDIT HTML >
code box के अंदर कहीं भी क्लिक करें और search box खोलने के लिए Ctrl + F कुंजी दबाएं।
सर्च करे </ head> और इस कोड
के ठीक ऊपर निम्नलिखित कोड को जोड़े। इससे पहले अपने टेम्पलेट का बैकअप लेना न
भूलें।
के ठीक ऊपर निम्नलिखित कोड को जोड़े। इससे पहले अपने टेम्पलेट का बैकअप लेना न
भूलें।
<script type='text/javascript'>//<![CDATA[
if (typeof(jQuery) == 'undefined') {
//output the script (load it from google api)
document.write("<scr" + "ipt type="text/javascript" src="https://ajax.googleapis.com/ajax/libs/jquery/1.7.1/jquery.min.js"></scr" + "ipt>");}
//]]>
</script>
STEP 2 : इस JQuery plugin को अपने ब्लॉगर की template में जोड़े |
जब आप Step 1 फ़ाइल को जोड़ते हैं, तो अगला step बहुत सरल होता है।
हम एक स्क्रिप्ट जोड़ेंगे जो estimated पोस्ट पढ़ने के समय को प्रदर्शित करती है। इसके लिए
हम एक स्क्रिप्ट जोड़ेंगे जो estimated पोस्ट पढ़ने के समय को प्रदर्शित करती है। इसके लिए
</ Body>
खोजें और इसके ऊपर निम्न कोड पेस्ट करें।
<script type='text/javascript'>
/*!
Name: Reading Time
Dependencies: jQuery
Author: Michael Lynch
Author URL: http://michaelynch.com
Date Created: August 14, 2013
Date Updated: June 10, 2014
Licensed under the MIT license
*/
//<![CDATA[
;(function(a){a.fn.readingTime=function(r){if(!this.length){return this}var h={readingTimeTarget:".eta",wordCountTarget:null,wordsPerMinute:270,round:true,lang:"en",lessThanAMinuteString:"",prependTimeString:"",prependWordString:"",remotePath:null,remoteTarget:null};var i=this;var c=a(this);i.settings=a.extend({},h,r);var e=i.settings.readingTimeTarget;var d=i.settings.wordCountTarget;var k=i.settings.wordsPerMinute;var p=i.settings.round;var b=i.settings.lang;var l=i.settings.lessThanAMinuteString;var o=i.settings.prependTimeString;var f=i.settings.prependWordString;var g=i.settings.remotePath;var n=i.settings.remoteTarget;if(b=="it"){var m=l||"Meno di un minuto";var q="mins"}else{if(b=="fr"){var m=l||"Moins d'une minute";var q="mins"}else{if(b=="de"){var m=l||"Weniger als eine Minute";var q="mins"}else{if(b=="es"){var m=l||"Menos de un minuto";var q="mins"}else{if(b=="nl"){var m=l||"Minder dan een minuut";var q="mins"}else{var m=l||"< 1 Min";var q="mins"}}}}}var j=function(y){var v=y.trim().split(/s+/g).length;var u=k/60;var s=v/u;if(p===true){var x=Math.round(s/60)}else{var x=Math.floor(s/60)}var w=Math.round(s-x*60);if(p===true){if(x>0){a(e).text(o+x+" "+q)}else{a(e).text(o+m)}}else{var t=x+":"+w;a(e).text(o+t)}if(d!==""&&d!==undefined){a(d).text(f+v)}};c.each(function(){if(g!=null&&n!=null){a.get(g,function(s){j(a("<div>").html(s).find(n).text())})}else{j(c.text())}})}})(jQuery);
//]]>
</script>
<script type='text/javascript'>
$(function() {
$('.post-body').readingTime();
});
</script>
Source code taken from Github.
STEP 3 : Post reading time दिखने के लिए सही स्थान को चुनना |
अब हमें यह पता लगाने की आवश्यकता है कि पढ़ने का समय कहाँ दिखाना है। ज्यादातर
मामलों में, पोस्ट शीर्षक के ठीक नीचे रीडिंग टाइम फीचर जोड़ना पूरी तरह से फिट
बैठता है। फिर स्थान आपके टेम्पलेट पर निर्भर करता है। मेरे मामले में,
मैंने इसे
<div class='post-header-line-1'>
के नीचे जोड़ा है, आपको कहा दिखाना है ये आप पर निर्भर करता है | <span id="etawrap" class='eta'/>
STEP 4 : Post reading time को style करना |
फ़ंक्शन कॉल पढ़ने के समय के साथ एक सादा पाठ प्रदर्शित करता है।
उपयोगकर्ताओं का ध्यान बढ़ाने के लिए आप इसे style कर सकते हैं।
code box के अंदर कहीं भी क्लिक करें और search box खोलने के लिए Ctrl + F कुंजी दबाएं।
फिर search करे
]]> </ b: skin>
और इसके ठीक ऊपर css कोड के बाद निम्न कोड को paste करें।
#etawrap{font-weight:bold;color:#FF0000;}
हमें आशा है की अब आप अपने ब्लॉग में estimated post reading time दिखा पा रहे होगे
Conclusion
हमें उम्मीद है कि अब आप सभी भागों को को समझ ही गए होंगे यदि आपके मन में इस लेख से related कोई भी संदेह हो या आप इसमें कुछ सुधार चाहते हैं तब आप नीचे कमेंट लिख सकते हैं |
यदि आपको हमारा यह लेख अच्छा लगा हो तो इस पोस्ट को फेसबुक, ट्विटर और इंस्टाग्राम पर ज्यादा से ज्यादा शेयर करे |
हमारी पोस्ट को पढ़ने के लिए धन्यवाद !
