ASP.NET MVC 3 अनुप्रयोगों को फेसबुक OAuth एपीआई के साथ एकीकृत करें। भाग 2: बटन की तरह

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

अब देखते हैं कि अपनी साइट पर इस तरह का बटन कैसे लगाएं।



आपकी वेबसाइट पर "लाइक" बटन लगाने के 2 तरीके हैं।
सबसे आसान तरीका एक iframe का उपयोग करना है।

Copy Source | Copy HTML < iframe src ="http://www.facebook.com/plugins/like.php?href=http://microgeek.ru/blogs/gavruk/1454/" scrolling ="no" frameborder ="0" style ="border:none; width:450px; height:80px">< iframe >

1. Copy Source | Copy HTML < iframe src ="http://www.facebook.com/plugins/like.php?href=http://microgeek.ru/blogs/gavruk/1454/" scrolling ="no" frameborder ="0" style ="border:none; width:450px; height:80px">< iframe >
2. Copy Source | Copy HTML < iframe src ="http://www.facebook.com/plugins/like.php?href=http://microgeek.ru/blogs/gavruk/1454/" scrolling ="no" frameborder ="0" style ="border:none; width:450px; height:80px">< iframe >
3. Copy Source | Copy HTML < iframe src ="http://www.facebook.com/plugins/like.php?href=http://microgeek.ru/blogs/gavruk/1454/" scrolling ="no" frameborder ="0" style ="border:none; width:450px; height:80px">< iframe >

परिणाम:


दूसरा तरीका फेसबुक सी # एसडीके है।
आप साइट पर जा सकते हैं और जल्दी से एक बटन उत्पन्न कर सकते हैं।


3 प्रकार के बटन हैं:

1) मानक : बटन के दाईं ओर टेक्स्ट प्रदर्शित करता है और बटन के नीचे दोस्तों की प्रोफाइल फोटो। न्यूनतम चौड़ाई: 225 पिक्सेल। मानक चौड़ाई: 450 पिक्सेल। ऊंचाई: 35 पिक्सेल (फोटो के बिना) या 80 पिक्सेल (फोटो के साथ)।


2) बटन_ बटन: बटन के दाईं ओर "पसंद" की कुल संख्या प्रदर्शित करता है। न्यूनतम चौड़ाई: 90 पिक्सेल। मानक चौड़ाई: 90 पिक्सेल। ऊँचाई: 20 पिक्सेल।


3) box_count : बटन के ऊपर "पसंद" की कुल संख्या प्रदर्शित करता है। न्यूनतम चौड़ाई: 55 पिक्सेल। मानक चौड़ाई: 55 पिक्सेल। ऊँचाई: 65 पिक्सेल।


सेंड बटन को हटाना, फॉन्ट को बदलना, रंग योजना इत्यादि भी संभव है।

प्राप्त बटन का कोड:

Copy Source | Copy HTML

1. < fb: जैसे href = "http://microgeek.ru/blogs/gavruk/1453/"
2. send = "true" चौड़ाई = "450" show_faces = "true"
3. font = "arial"> </ fb: like >

हमने इस कोड को पेज पर डाल दिया है। अगला, आपको फेसबुक सी # एसडीके लोड करने की आवश्यकता है:

Copy Source | Copy HTML

1. < script src = "http://connect.facebook.net/en_US/all.js" > </ script >

और इसे इनिशियलाइज़ करें:

Copy Source | Copy HTML

1. < स्क्रिप्ट >
2. FB.init ({
3. स्थिति: सच
4. कुकी: सच है ,
5. xfbml: सच है
6. });
7. </ script >

यह ध्यान दिया जाना चाहिए कि लाइक बटन को आपको ऐप आईडी निर्दिष्ट करने की आवश्यकता नहीं है। यदि आपको इसकी आवश्यकता है, तो आपको एक पंक्ति जोड़ने की आवश्यकता है:

Copy Source | Copy HTML

1. < स्क्रिप्ट >
2. FB.init ({
3. appId: 'your_APP_ID'
4. स्थिति: सच
5. कुकी: सच है ,
6. xfbml: सच है
7. });
8. </ script >

जब उपयोगकर्ता किसी भी पृष्ठ पर "लाइक" पर क्लिक करता है, तो निम्न रिकॉर्ड उसकी प्रोफ़ाइल में दिखाई देगा:


यह प्रविष्टि कैसा दिखेगा, यह बताने के लिए मेटा टैग्स का उपयोग किया जाता है। वे अनुभाग में वर्णित हैं और निम्नानुसार हैं:

Copy Source | Copy HTML

1. < मेटा संपत्ति = "og: टैग नाम" सामग्री = "टैग मूल्य" />

निम्नलिखित 6 गुणों की आवश्यकता है:

• ओग: शीर्षक - पृष्ठ शीर्षक
• og: टाइप - पेज का प्रकार। आपको ओपन ग्राफ़ प्रकारों की सूची से एक प्रकार का चयन करना होगा
• ओग: छवि - छवि के लिए लिंक।
• og: url - किसी पृष्ठ का स्थायी लिंक।
• og: site_name - साइट का नाम।
• fb: प्रवेश या fb: app_id - फेसबुक आईडी (फेसबुक पर पेज आईडी) पृष्ठ या ऐप आईडी के प्रशासक, अल्पविराम द्वारा अलग किए गए।

यदि पृष्ठ में ये मेटा टैग नहीं हैं, तो फेसबुक पृष्ठ की सामग्री के आधार पर एक रिकॉर्ड बनाएगा।

परिणाम इस पृष्ठ है: