मुझे बनाम पसंद है

अब यह साइटों पर सामाजिक सेवाओं को एकीकृत करने के लिए काफी लोकप्रिय हो गया है। मुझे लगता है कि सभी ने सामाजिक बटन ट्वीट देखा, जैसे , प्लस वन और कई अन्य। आज मैं Ubuntu.com पर गया और निम्नलिखित चित्र देखा । यह आखिरी तिनका था और मैंने इस लेख को लिखने में उन लोगों की मदद करने का फैसला किया, जिन्हें इस मुद्दे को सुलझाने का समय नहीं मिला। जैसा कि आप देख सकते हैं, ब्राउज़र ने स्थानीयकरण को ru_Ru के रूप में परिभाषित किया और, इसके अनुसार, फेसबुक बटन पर "जैसे" के साथ "जैसे" हस्ताक्षर को प्रतिस्थापित किया। बेशक, मैं इस तरह की देखभाल के लिए आभारी हूं, लेकिन जैसा कि आप तस्वीर में देख सकते हैं, यह उपस्थिति और कार्यक्षमता को नकारात्मक रूप से प्रभावित करता है। नतीजतन, मेरे पास खुद को काउंटर देखने का कोई तरीका नहीं है, जो इसे पसंद करने वाले लोगों की संख्या प्रदर्शित करता है। समस्या इस तरह से वैश्विक है जैसे मैंने इसे एक से अधिक बार देखा है, और यह हमेशा कम से कम सौंदर्यवादी रूप से प्रसन्न नहीं दिखता है।

समस्या यह है कि शुरू में फेसबुक का उपयोग करके बटन कोड बनाते समय, स्थानीयकरण का चयन करने का कोई तरीका नहीं है। इस समस्या को हल करने के लिए, मुझे दो विकल्प दिखाई देते हैं:

• डिजाइन और लेआउट पर विचार करें कि विभिन्न भाषाओं में हस्ताक्षर प्रदर्शित करते समय ब्लॉक के अलग-अलग आकार होंगे
• En_US के स्थानीयकरण को बाध्य करें और हमेशा एक हस्ताक्षर की तरह चिंतन करें

मेरी राय में, दूसरा समाधान बेहतर है क्योंकि हस्ताक्षर जैसे बटन साफ-सुथरे और काफी सहज दिखते हैं। और एक ही समय में लेआउट और डिजाइन पर कम प्रयास खर्च किया जाता है। अंग्रेजी में हस्ताक्षर को लागू करने के लिए, मैंने तुरंत फेसबुक पर प्लगइन प्रलेखन की ओर रुख किया। प्रलेखन प्लगइन के लिए स्थानीयकरण की स्थापना के लिए दो विकल्पों का वर्णन करता है - यह IFRAME के लिए स्थानीय पैरामीटर को पारित कर रहा है या स्क्रिप्ट में स्थानीयकरण को निर्दिष्ट करते समय XFBML मार्कअप का उपयोग कर रहा है, यह इस तरह दिखता है: '//connect.facebook.net/en_US/all.js'; xfbml के लिए । और IFRAME के लिए src="http://www.facebook.com/plugins/like.php?locale=en_US&..." । यहां सब कुछ बेहद सरल है। लेकिन क्या करना है, आपको एक और विकल्प का उपयोग करने की आवश्यकता है। उदाहरण के लिए, यदि हम HTML5 का उपयोग करके बटन कोड डालना चाहते हैं
जब हम HTML5 के लिए बटन कोड उत्पन्न करते हैं, तो हमें निम्नलिखित कोड मिलते हैं:

 < div id="fb-root"></div> <script>(function(d, s, id) { var js, fjs = d.getElementsByTagName(s)[0]; if (d.getElementById(id)) return; js = d.createElement(s); js.id = id; js.src = "//connect.facebook.net/ru_RU/all.js#xfbml=1"; fjs.parentNode.insertBefore(js, fjs); }(document, 'script', 'facebook-jssdk'));</script> 

लाइन में js.src = "//connect.facebook.net/ru_RU/all.js#xfbml=1"; यह देखा जा सकता है कि फ़ेसबुक साइट पर जो कोड जनरेट किया गया था, उसमें पहले से ही ru_RU स्थानीयकरण है। En_US से बदलें और एक हस्ताक्षर के साथ एक साफ बटन प्राप्त करें।
यह किया जा सकता है। लेकिन अक्सर प्लगइन्स का उपयोग करते हैं, जो कई सामाजिक सेवाओं की मेजबानी करने की क्षमता का प्रतिनिधित्व करते हैं। उदाहरण के लिए AddThis और ShareThis । मैं बताऊंगा कि मैंने AddThis के लिए इस समस्या को कैसे हल किया, मुझे लगता है कि ShareThis के लिए यह एक समान समाधान होगा।
फेसबुक बटन के साथ AddThis सेवा जोड़ने के लिए, हम निम्नलिखित कोड उत्पन्न करते हैं और प्राप्त करते हैं:

 <!-- AddThis Button BEGIN --> <div class="addthis_toolbox addthis_default_style "> <a class="addthis_button_facebook_like" fb:like:layout="button_count"></a> <a class="addthis_counter addthis_pill_style"></a> </div> <script type="text/javascript" src="http://s7.addthis.com/js/250/addthis_widget.js#pubid=xa-4f424c4c2820f671"></script> <!-- AddThis Button END --> 
 

<!-- AddThis Button BEGIN --> <div class="addthis_toolbox addthis_default_style "> <a class="addthis_button_facebook_like" fb:like:layout="button_count"></a> <a class="addthis_counter addthis_pill_style"></a> </div> <script type="text/javascript" src="http://s7.addthis.com/js/250/addthis_widget.js#pubid=xa-4f424c4c2820f671"></script> <!-- AddThis Button END -->

आपको हमारे फेसबुक को अंग्रेजी बनाने की आवश्यकता है, आपको इसके लिए स्थानीयकरण पैरामीटर पास करना होगा। AddThis प्लगइन प्रलेखन की ओर मुड़ते हुए, मैंने सीखा कि एक पैरामीटर पास करना बहुत आसान है, इसके लिए a class="addthis_button_facebook_like" fb:like: जोड़ते हैं fb:like: < > a class="addthis_button_facebook_like" में < > a class="addthis_button_facebook_like" < > । और विशेषता नाम को दस्तावेज़ीकरण में सीधे अपनी वेबसाइट पर फेसबुक प्लगइन में पाया जा सकता है। बाह्य रूप से, सब कुछ बहुत सरल है, हम आवश्यक विशेषता के लिए फेसबुक साइट पर जाते हैं और सफलतापूर्वक इसे वहां नहीं पाते हैं। विशेषताओं के विवरण में आश्चर्यजनक रूप से आवश्यक नहीं है। किसी कारण से, डेवलपर्स ने स्थानीयकरण को चुनने के लिए विशेषता को अलग से इंगित करना आवश्यक नहीं माना, लेकिन इसे अपने विवेक पर रहने दें। और इसलिए, थोड़ा सोचने के बाद, मैंने निम्नलिखित विशेषता fb:like:locale="en_US" को निर्दिष्ट करने का प्रयास करने का फैसला किया fb:like:locale="en_US" । नतीजतन, इस स्पष्ट अवसर ने मदद नहीं की। अब फेसबुक बटन के लिए IFRAME में AddThis स्क्रिप्ट को वांछित पैरामीटर पास किया जाएगा, और बटन अंग्रेजी बन जाएगा।
मैं तुरंत इस सवाल का जवाब दूंगा कि IFRAME का उपयोग शुरू में क्यों नहीं किया गया, अगर AddThis वैसे भी IFRAME उत्पन्न करता है। यह बहुत आसान है यदि हम बटन प्राप्त करने के लिए AddThis टैग का उपयोग नहीं करते हैं, तो हम इस बटन पर AddThis प्रदान करने वाले विश्लेषिकी को ट्रैक करने में सक्षम नहीं होंगे, और AddThis प्लगइन के माध्यम से बटन के लिए कोड सीधे उत्पन्न IFRAME के साथ अधिक पठनीय है।