फेसबुक सबसे बड़ा सोशल नेटवर्क है और दुनिया में सबसे ज्यादा देखी जाने वाली साइटों में से एक है। इसमें आप न केवल मजाकिया स्टेटस पोस्ट कर सकते हैं और फोटो भी पसंद कर सकते हैं
एक शक्तिशाली विपणन उपकरण के रूप में उपयोग करें। सब कुछ तार्किक है - एक अरब उपयोगकर्ता, विशिष्ट दर्शकों को लक्षित करने की क्षमता, तत्काल विज्ञापन, अच्छी तरह से, और दूसरों की एक टन
उपयोगी टुकड़े जो ऑफ़लाइन उपलब्ध नहीं हैं। आज अपने स्वयं के व्यवसायिक पृष्ठ या बिना प्रशंसक पृष्ठ के किसी लोकप्रिय व्यक्ति के बिना एक कंपनी खोजना मुश्किल है। इस लेख में मैं कोशिश करूँगा
इस मुद्दे के तकनीकी पक्ष का विस्तार से विश्लेषण करें।
यह पोस्ट स्वयं पेज बनाने पर ध्यान केंद्रित नहीं करेगी, क्योंकि यह एक बल्कि तुच्छ प्रक्रिया है, लेकिन कस्टम टैब पर जिसे आप स्वयं जोड़ सकते हैं और आवश्यक सामग्री भर सकते हैं।
कोई भी, यहां तक ​​कि एक नौसिखिया वेब डेवलपर, एक शाम में दर्जनों ऐसे टैब बना सकता है, जो उनके निर्माण के कुछ सिद्धांतों और बारीकियों को जानता है।
मेरा मतलब है कि सभी प्रकार के स्वागत योग्य पृष्ठों, घोषणा पृष्ठों और सभी प्रकार की सूचनात्मक पाठ्य सामग्री और ग्राफिक सामग्री वाले अधिकांश पृष्ठ। गतिशील तत्वों, रूपों और अन्य कार्यात्मकताओं के साथ अधिक जटिल पृष्ठ, निश्चित रूप से, अधिक समय लेंगे।




स्पष्ट करने वाली पहली बात यह है कि हम उत्पाद पृष्ठ के साथ काम कर रहे हैं, न कि व्यक्तिगत प्रोफ़ाइल के साथ - यह आपकी सामग्री के साथ टैब को व्यक्तिगत प्रोफ़ाइल में जोड़ना संभव नहीं होगा।
इस प्रकार, आप केवल उत्पाद पृष्ठ (ब्रांड, कंपनी, समूह, आदि) पर अपना खुद का टैब जोड़ सकते हैं। यदि ऐसा कोई पृष्ठ मौजूद नहीं है, तो इसे निम्न लिंक पर क्लिक करके बनाया जाना चाहिए:
www.facebook.com/pages/create.php

इस तरह का पेज बनाने में कुछ भी जटिल नहीं है, इसलिए मैं इस चरण को छोड़ दूंगा। इसके अलावा, यदि ग्राहक पृष्ठ को अनुकूलित करने के लिए कहता है, तो सबसे अधिक बार उसके पास पहले से ही है।

दरअसल, टू द पॉइंट।

कस्टम टैब बनाएं

सामग्री की तालिका:

• 1. खाता तैयार करना
• 2. विधि नंबर एक: विकास उपकरणों का उपयोग करके अपना एप्लिकेशन बनाएं
• 3. विधि संख्या दो: तृतीय-पक्ष अनुप्रयोगों का उपयोग करके एक टैब जोड़ें
• 4. स्थैतिक HTML अनुप्रयोग को स्थापित और कॉन्फ़िगर करना: iframe टैब
• 5. स्थैतिक iframe टैब अनुप्रयोग को स्थापित और कॉन्फ़िगर करना
• 6. टैब बनाने में मुख्य चरण। विकल्प 1 - अपना खुद का एप्लिकेशन बनाएं
• 7. बनाने के लिए बुनियादी कदम। विकल्प 2 - तृतीय-पक्ष अनुप्रयोग
• 8. उपयोगी आकार

कस्टम टैब बनाने के दो मुख्य तरीके हैं: या तो अपने स्वयं के एप्लिकेशन को बनाकर fb डेवलपर के टूल का उपयोग करके, या किसी तृतीय-पक्ष एप्लिकेशन का उपयोग करके। एक विधि चुनना टीके और विकास के लिए आवंटित समय पर आधारित होना चाहिए। प्रत्येक विधियों के पेशेवरों और विपक्षों पर नीचे चर्चा की जाएगी, इस विषय पर निष्कर्ष अंत में हैं।

यह समझा जाता है कि HTML सामग्री पहले से ही सार्वजनिक ftp सर्वर पर संकलित और अपलोड की गई है।

खाता तैयार करना

फेसबुक विकास उपकरणों के साथ काम करना अगले पृष्ठ पर शुरू होता है:

developers.facebook.com/apps

उस पर आप बनाए गए एप्लिकेशन देख सकते हैं जो चालू खाते से जुड़े हैं।



यहां हम मुख्य रूप से " + नया एप्लिकेशन बनाएं " बटन में रुचि रखते हैं

हालाँकि, यदि यह Developers.facebook.com पर आपकी पहली यात्रा है, तो आपको कुछ अतिरिक्त कदम उठाने की आवश्यकता होगी:
डेवलपर को आपकी बुनियादी जानकारी और पासवर्ड तक पहुंचने की अनुमति देनी चाहिए, और खाता सत्यापन की आवश्यकता होगी।
आप इसे अपने मोबाइल एसएमएस नंबर पर एक पुष्टिकरण कोड के साथ भेजकर या बैंक कार्ड नंबर डालकर कर सकते हैं। एसएमएस आमतौर पर एक मिनट के भीतर आता है।

विधि नंबर एक: विकास उपकरणों का उपयोग करके अपना एप्लिकेशन बनाएं

"नया एप्लिकेशन बनाएं" पर क्लिक करने के तुरंत बाद, एक विंडो आपको अपने भविष्य के आवेदन का नाम दर्ज करने के लिए कहेगी और fb प्लेटफ़ॉर्म की नीति से सहमत होगी:



ऐप नेमस्पेस क्षेत्र को खाली छोड़ा जा सकता है (ओपन-ग्राफ और कैनवास पेजों का उपयोग करके पूर्ण-फ़ेसबुक अनुप्रयोगों के लिए आवश्यक)। जारी रखने के बाद, आपको कैप्चा दर्ज करना होगा।

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



हमारा लक्ष्य हमारा अपना कस्टम टैब है, इसलिए उसके अनुसार "पेज टैब" चुनें ।

पहले क्षेत्र में हम टैब के नाम से संकेत देते हैं, अगले दो में - हमारे लेआउट या गतिशील सामग्री के लिए सीधे लिंक , पहले एक सार्वजनिक सर्वर के ftp पर अपलोड किया गया था।

हालांकि, यहां पहली बारीकियों का आपको इंतजार रहेगा - एसएसएल सुरक्षा अक्टूबर 2011 से फेसबुक की एक अनिवार्य आवश्यकता है , इसलिए यह जरूरी है कि आपको जिस यूआरएल की आवश्यकता है वह https प्रोटोकॉल के माध्यम से उपलब्ध हो



"परिवर्तन सहेजें" बटन पर क्लिक करके हमें एक तैयार कार्य टैब मिलता है। यदि आप चाहें, तो आप उन्नत अनुभाग खोल सकते हैं, और एप्लिकेशन को अधिक बढ़िया ट्यूनिंग कर सकते हैं।

अब हम बनाए गए एप्लिकेशन को सीधे उस पृष्ठ पर जोड़ने के लिए आगे बढ़ते हैं जिसकी हमें आवश्यकता है।

फेसबुक पेज पर App / Custom Tab कैसे जोड़े

1. हम Developers.facebook.com/apps/ पर जाते हैं और उस एप्लिकेशन का चयन करते हैं जिसकी हमें आवश्यकता है। यहाँ, App ID / API कुंजी फ़ील्ड रुचि का है:
   
   
2. ब्राउज़र में, निम्न URL बनाएँ:
   
   www.facebook.com/dialog/pagetab?app_id=YOUR_APP_ID&next=YOUR_URL
   जहां आपके_APP_ID के बजाय हम आपकी ऐप आईडी को स्थानापन्न करते हैं, और Your_URL के बजाय हम "पृष्ठ टैब Url" फ़ील्ड में एप्लिकेशन सेटिंग्स में निर्दिष्ट पृष्ठ का लिंक दर्शाते हैं
   
3. हिट दर्ज करें और दिखाई देने वाली विंडो में, वह पृष्ठ चुनें जिस पर हम एक टैब जोड़ना चाहते हैं:
   
   
4. हम "पेज जोड़ें टैब" पर क्लिक करते हैं और यदि सब कुछ सफलतापूर्वक हुआ है, तो हम खुद को Your_URL में निर्दिष्ट पृष्ठ पर पाते हैं। उत्पाद पृष्ठ www.facebook.com/pages/your_url पर वापस लौटने पर आप मौजूदा टैब की सूची के बहुत नीचे जोड़े गए टैब को देख सकते हैं। उनके नीचे "EDIT" पर क्लिक करके, आप हमारे टैब की स्थिति बदल सकते हैं। हालांकि, इसे "वॉल" और "इंफो" से ऊपर उठाकर काम नहीं किया जाएगा (समयरेखा शुरू होने तक प्रासंगिक) ।

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

नुकसान में दूसरी विधि की तुलना में एक लंबा निर्माण समय शामिल है, साथ ही तथाकथित फैन-गेट बनाने की जटिलता भी शामिल है। आपने कई बार अलग-अलग पन्नों पर इस तरह के झुंड को देखा है - जब किसी छिपी हुई सामग्री को देखने के लिए लाइक पर क्लिक करने का सुझाव दिया जाता है।

विधि संख्या दो - तृतीय-पक्ष अनुप्रयोगों का उपयोग करके एक टैब जोड़ें

फिलहाल, बड़ी संख्या में मुफ्त एप्लिकेशन हैं जो आपको अपने पेज पर एक कस्टम टैब जोड़ने और इसे कॉन्फ़िगर करने की अनुमति देते हैं। यह फेसबुक सर्च बार में "स्थिर html" अनुरोध दर्ज करने के लिए पर्याप्त है और आप परिणामों में सबसे लोकप्रिय एप्लिकेशन देख सकते हैं:



FBML अनुप्रयोगों पर विचार नहीं किया जा सकता है, क्योंकि फेसबुक ने html iframes के पक्ष में fbml छोड़ दिया है।

सबसे लोकप्रिय स्टेटिक HTML एप्लिकेशन पर विचार करें : iframe टैब । सक्रिय उपयोगकर्ताओं की संख्या स्वयं के लिए बोलती है।

"ऐप पर जाएं" पर क्लिक करके हम स्वयं एप्लिकेशन के पेज पर पहुंच जाते हैं, जो इस तरह दिखता है:



उस पर, "Add Static HTML to a Page" पर क्लिक करें और वह पृष्ठ चुनें, जिस पर हम एक टैब जोड़ना चाहते हैं:



जोड़तोड़ के बाद, अन्य टैब के बीच हमारे पृष्ठ के बाईं ओर एक नया टैब "वेलकम" दिखाई देगा। स्टेटिक एचटीएमएल एप्लिकेशन की एक विशिष्ट विशेषता ग्रे बैकग्राउंड पर सफेद स्टार आइकन है।

पुराने संस्करण में टैब:


समयरेखा में टैब:


सीधे टैब सेट करने के लिए आगे बढ़ते हैं। सबसे पहले, आइए इसका नाम बदलें। फेसबुक पृष्ठों के पुराने संस्करण में, इसके लिए पहले से ही स्थापित सभी अनुप्रयोगों की सूची में जाना आवश्यक था। यह पहले तीन डिफ़ॉल्ट टैब (आरंभ, दीवार, जानकारी) पर "एडिट पेज" पर क्लिक करके किया गया था।



टाइमलाइन में, मुख्य सामग्री के ऊपर पृष्ठ स्वामी व्यवस्थापक पैनल देखते हैं:



इससे, आपको पृष्ठ गुणों के संपादन मोड में जाना चाहिए:



अगला, हमें जिस एप्लिकेशन की आवश्यकता है उसे चुनें और "सेटिंग संपादित करें " पर क्लिक करें । दिखाई देने वाले पॉप-अप में, हम या तो इसका नाम बदल सकते हैं या इस टैब को हटा सकते हैं।



टैब का नाम बदलते हुए, हम इसकी सामग्री पर आगे बढ़ेंगे। ऐसा करने के लिए, बस इसे टैब की सामान्य सूची में चुनें। यदि उपयोगकर्ता एक व्यवस्थापक खाते के साथ लॉग इन है, तो उसे एक सेटिंग पृष्ठ दिखाई देगा। इस टैब को चुनने वाले सभी लोग इसकी सामग्री को सीधे देखेंगे।



स्टेटिक HTML एप्लीकेशन में फैन-गेट सपोर्ट है और यह इसके मुख्य फायदों में से एक है।

आप HTML / css कोड के साथ सामग्री क्षेत्र में भर सकते हैं या एक iframe का उपयोग करके सीधा लिंक निर्दिष्ट कर सकते हैं।



रिजल्ट देखने के लिए प्रीव्यू पर क्लिक करें। पूर्वावलोकन विंडो में, हम उस सामग्री का चयन कर सकते हैं जिसे हम देखना चाहते हैं - या तो सार्वजनिक, या केवल उन लोगों के लिए उपलब्ध है जो पृष्ठ को पसंद करते हैं।



एक बार इस एप्लिकेशन का मुख्य दोष आइकन बदलने में असमर्थता था। हालांकि, 2011 के अंत में, डेवलपर्स ने इस सुविधा को जोड़ा, और टाइमलाइन इंटरफ़ेस के आगमन के साथ, यह अब आवश्यक नहीं था - नए मोड में, उपयोगकर्ताओं के लिए अपनी छवि सेट करना अब मुश्किल नहीं है।
जब आप "मैजिक *" बटन पर क्लिक करते हैं, तो आप कुछ अच्छे अच्छों को देख सकते हैं, विशेष रूप से गूगल एनालिटिक्स को कॉन्फ़िगर करने और स्क्रॉलबार को छिपाने के लिए मजबूर करने की क्षमता।



इसके अलावा, सबसे लोकप्रिय अनुप्रयोगों में से एक "स्टेटिक इफ्रेम टैब" है



इसे पिछले एप्लिकेशन के अनुरूप तरीके से पेज में जोड़ा जाता है। हालाँकि, स्थिर iframe टैब में टैब सामग्री सेटिंग्स की एक विस्तृत श्रृंखला होती है। पहले ही पेज में शामिल होने पर,
उपयोगकर्ता एक छोटा विज़ार्ड देखता है, जहां आप प्रोफ़ाइल के लिए तुरंत एक छवि जोड़ सकते हैं, "अबाउट" फ़ील्ड भरें और अपने पृष्ठ के लिंक के लिए एक अद्वितीय नाम सेट करें

ऊपर से योग करना। संक्षिप्त निचोड़

बनाने के लिए बुनियादी कदम। विकल्प 1 - अपना खुद का एप्लिकेशन बनाएं

• जटिलता, गतिशील सामग्री, कस्टम आइकन, फॉर्म आदि के लिए डिजाइन का विश्लेषण।
• स्थिर सामग्री का लेआउट।
• बाह्य सर्वर पर फ़ाइलें अपलोड करना।
• सुनिश्चित करें कि फ़ाइलें https के माध्यम से सुलभ हैं (SSL सुरक्षा फेसबुक पर अक्टूबर 2011 से अनिवार्य आवश्यकता रही है)।
• एक फेसबुक एप्लिकेशन बनाना, जिसमें सेटिंग्स में तैयार लेआउट का लिंक दर्शाया गया है।
• इस एप्लिकेशन को टैब के रूप में उत्पाद पृष्ठ पर जोड़ना।
• टैब का नाम बदलें।
• लाभ!

इस विकल्प के प्लस:

• आवेदन और उसके निजीकरण (गोपनीयता सेटिंग्स, आइकन परिवर्तन, बहुभाषीवाद, आदि) का पूर्ण नियंत्रण;
• तृतीय-पक्ष अनुप्रयोगों के लिए संभावित लिंक की कमी, सुरक्षा में वृद्धि;
• ऑपरेशन की स्थिरता केवल उस सर्वर पर निर्भर करती है जिस पर लेआउट स्थित है।

विपक्ष:

• "फैन-गेट" स्थापित करने में कठिनाई;
• किसी तृतीय-पक्ष को जोड़ने की तुलना में आपका अनुप्रयोग थोड़ा लंबा;
• SSL का उपयोग करने की आवश्यकता है।

बनाने के लिए बुनियादी कदम। विकल्प 2 - तृतीय-पक्ष अनुप्रयोग

• पहले विकल्प के 1-2 चरण (विश्लेषण, टाइपसेट)।
• सबसे उपयुक्त अनुप्रयोग चुनना।
• उत्पाद पृष्ठ पर एप्लिकेशन इंस्टॉल करना।
• एप्लिकेशन सेट करना (लेआउट का लिंक निर्दिष्ट करना, टैब का नाम, "प्रशंसक-गेट" को आवश्यक रूप से सेट करना)
• लाभ!

इस विकल्प के प्लस:

• वांछित परिणाम प्राप्त करने की अपेक्षाकृत उच्च गति;
• "फैन-गेट" और इसी तरह की सामग्री एक्सेस विकल्पों की स्थापना में आसानी;
• आमतौर पर क्लाइंट के लिए सामग्री का आसान विन्यास और संपादन;
• कोई https एक्सेस की आवश्यकता नहीं है।

विपक्ष:

• एप्लिकेशन डेवलपर की साइट के लिंक और "द्वारा संचालित ..." जैसे सभी प्रकार के शिलालेख;
• एप्लिकेशन और उसके सर्वर दोनों के स्थिर संचालन में कोई निश्चितता नहीं है, और यह कि यह फेसबुक के अगले वैश्विक अपडेट के साथ काम करना बंद नहीं करेगा। उदाहरण के लिए, इस तरह:
  
  
  

संक्षेप में, हम कह सकते हैं कि तृतीय-पक्ष एप्लिकेशन को कनेक्ट करने का विकल्प कॉन्फ़िगर करना आसान है और आपके स्वयं के एप्लिकेशन के निर्माण के समय को बेहतर बनाता है। एक अतिरिक्त वसा प्लस फैन गेट बनाने की सरलता होगी।

Minuses में से, कोई भी मानक एप्लिकेशन आइकन को बदलने की कठिनाई को नोट कर सकता है, उनमें से कई में इस एप्लिकेशन के रचनाकारों की वेबसाइटों के लिंक, साथ ही साथ इन डेवलपर्स स्वयं और उनके सर्वर पर निर्भरता भी। इस तथ्य के बावजूद कि एक ही स्टेटिक HTML iframe टैब में लाखों उपयोगकर्ता हैं, लेकिन ऐसा हुआ कि इस एप्लिकेशन ने अपने सर्वर पर समस्याओं के कारण कुछ समय के लिए काम करना बंद कर दिया। हालाँकि, यह किसी को भी परेशान नहीं करता है, जिसके परिणामस्वरूप स्टेटिक HTML उन पृष्ठों पर देखा जा सकता है, जिनके ग्राहकों की एक बड़ी संख्या है, और अक्सर वे अपने स्वयं के मानक एप्लिकेशन आइकन को बदलने से भी परेशान नहीं होते हैं।

लोकप्रिय पृष्ठों के कुछ उदाहरण जो सक्रिय रूप से कस्टम टैब का उपयोग करते हैं:

पुराना संस्करण:



जैसा कि आप देख सकते हैं, इन पेजों ने अभी तक क्रॉनिकल (टाइमलाइन) के नए इंटरफ़ेस पर स्विच नहीं किया है, जिसे 30 मार्च को जबरन पेश किया जाएगा

नई समयरेखा:

उपयोगी आकार

• प्रोफ़ाइल / ब्रांड के लिए प्रोफ़ाइल चित्र : चौड़ाई: 180px, ऊँचाई: 540px
• कस्टम HTML सामग्री के साथ iframe के लिए प्रदान किया गया क्षेत्र :
  अधिकतम-चौड़ाई: 520px (पुराना संस्करण), 810px (समयरेखा), ऊंचाई असीमित है
  
• अवतार (जब आप लाइक या शेयर बटन पर क्लिक करते हैं तो लिंक और पोस्ट के आगे की तस्वीर):
  चौड़ाई: 90 पीएक्स, ऊंचाई: 90 पीएक्स
  
• अपलोड के लिए अधिकतम छवि आकार : चौड़ाई: 2048px, ऊँचाई: 2048px
• किसी एल्बम या स्लाइड शो में देखने के लिए अधिकतम दृश्य आकार : चौड़ाई: 960px, ऊँचाई: 720px
• विज्ञापन में छवि : चौड़ाई: 110 पीएक्स, ऊंचाई: 80 पीएक्स, ऊंचाई: 5 एमबी
• विज्ञापन पाठ : शीर्षक: २५ वर्ण, शरीर: १३५ वर्ण
• स्थिति अद्यतन : लंबाई: 63,206 अक्षर
• कवर टाइमलाइन के लिए : चौड़ाई: 851px, ऊँचाई: 315px
• टिप्पणी :: कोई लंबाई सीमा नहीं
• वीडियो : आकार: १०२०, समय: २० मिनट

DerSmoll के साथ तैयार सामग्री