सामाजिक फ़ीड - jQuery के सामाजिक प्लगइन

जरूरत

वेब एप्लिकेशन विकसित करते समय, अक्सर सामाजिक नेटवर्क से उपयोगकर्ता या सामुदायिक पोस्ट प्रदर्शित करना आवश्यक होता है। सामाजिक नेटवर्क के अपने स्वयं के विगेट्स होते हैं जो iframes के माध्यम से अपनी उपस्थिति और शैली के साथ जुड़ते हैं। क्या होगा यदि हमें डिस्प्ले के डिज़ाइन को बदलने की संभावना के साथ कई सामाजिक नेटवर्क से एक साथ पोस्ट प्रदर्शित करने की आवश्यकता है? यदि यह ट्विटर और फेसबुक की एक जोड़ी है, तो कई प्लगइन्स हैं जो इस कार्य को करते हैं। इस बात को ध्यान में रखते हुए कि CIS में सोशल नेटवर्क Vkontakte की लोकप्रियता बहुत अधिक है, अर्थात्, इस नेटवर्क के साथ-साथ प्लग-इन की भी आवश्यकता है।

सामाजिक फ़ीड

jQuery के सामाजिक-फ़ीड प्लगइन आपको एक ही समय में सामाजिक नेटवर्क फेसबुक , ट्विटर और वीके से पोस्ट प्रदर्शित करने की अनुमति देता है। प्रदर्शन एंड-टू-एंड सॉर्टिंग के साथ होता है।

प्लगइन का ऑनलाइन डेमो

प्लगइन्स कनेक्शन

सबसे पहले, हम शैलियों और जावास्क्रिप्ट को जोड़ते हैं:

<script src="//ajax.googleapis.com/ajax/libs/jquery/1.9.1/jquery.min.js"></script> <script src="js/function.js"></script> 

यदि आपको कुकीज़ में पोस्ट को कैश करने की आवश्यकता है, तो आपको निम्नलिखित कनेक्ट करने की आवश्यकता है:

  <script src="js/json2.js"></script> <script src="js/jquery.cookie.js"></script> 

अगला, पदों के लिए एक कंटेनर बनाएँ:

  <div class="social-feed-container"></div> 

सोशल-फीड प्लगइन को इनिशिएट करें:

  $('.social-feed-container').socialfeed({ fb_username:'barack.obama', fb_limit:2, vk_username:1, vk_limit:2, vk_source:'all', tw_limit:2, tw_username:'jack', length:130, cookies:true, show_media:true }); 

• fb_username , tw_username , vk_username - संबंधित सामाजिक नेटवर्क में उपयोगकर्ता नाम ( vk - उपयोगकर्ता आईडी के लिए );
• fb_limit , tw_limit , vk_limit - संबंधित सामाजिक नेटवर्क से प्रदर्शित पदों की संख्या पर प्रतिबंध;
• लंबाई - पोस्ट लंबाई प्रतिबंध। यदि यह मान पार हो जाता है, तो पोस्ट छोटा हो जाएगा;
• कुकीज़ - कुकीज़ में पदों का कैशिंग (वर्तमान संस्करण में यह केवल 10 से कम ट्वीट्स की संख्या के साथ ट्विटर के लिए समर्थित है)।

विवरण

इस प्लगइन के लिए शैलियों को ट्विटर बूटस्ट्रैप से लिया गया है, उनका प्रभाव केवल पोस्ट के लिए कंटेनर की सामग्री तक फैली हुई है।
Twitter में प्रति घंटे 150 अनुरोधों की सीमा है, जो इस प्लगइन को कुकीज़ में परिणाम (इस के लिए कुकीज़ सेट करें) को कैशिंग द्वारा हल किया जाता है: सच।
Facebook उपयोगकर्ता की सार्वजनिक समयावधि तक opengraph के माध्यम से पहुँच प्राप्त करने के लिए, आपको एक्सेस-टोकन प्राप्त करना होगा । ऐसा करने के लिए, फेसबुक एप्लिकेशन को पंजीकृत करें और php / settings.php फ़ाइल में app_id और app_secret निर्दिष्ट करें।
प्लगइन केवल उन्हीं सोशल नेटवर्क्स से पोस्ट प्रदर्शित करता है, जिनके संबंधित उपयोगकर्ता नाम को इनिशियलाइज़ेशन के दौरान ( vk - id के लिए ) दर्शाया गया है, उदाहरण के लिए, यदि आप केवल फ़ेसबुक और वीके से केवल पोस्ट दिखाना चाहते हैं - केवल उनके लिए उपयोगकर्ता नाम निर्दिष्ट करें।
आप php / template.php टेम्पलेट में प्रदर्शित पदों की उपस्थिति को बदल सकते हैं

स्रोत कोड

गिथब : https://github.com/pavelk2/social-feed
डेमो : http://pavelk2.imtqy.com/social-feed/

मुझे इस प्लगइन के लिए प्लगइन पर प्रतिक्रिया प्राप्त करने में बहुत खुशी होगी। भविष्य में, अन्य सामाजिक नेटवर्क के लिए समर्थन अपेक्षित है।

अद्यतन : प्लगइन लगातार विकसित हो रहा है, GitHub पर अपडेट के लिए बने रहें।
अद्यतन : सामग्री पूर्वावलोकन के लिए जोड़ा गया समर्थन: