वर्डप्रेस के साथ फेसबुक ओपन ग्राफ को कैसे एकीकृत करें

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

आज की पोस्ट में, हम गौर करने जा रहे हैं एक स्व-होस्टेड वर्डप्रेस के साथ फेसबुक ओपन ग्राफ़ को कैसे एकीकृत किया जाए एक विस्तृत चरण-दर-चरण मार्गदर्शिका में। यह आपके मौजूदा वर्डप्रेस थीम्स को संपादित करने और एक फेसबुक एप्लिकेशन बनाने की आवश्यकता होगी (यदि आपके पास एक नहीं है).

तैयार? चलो ब्राउज़र और अपने पसंदीदा कोड संपादक को आग दें। कूदने के बाद पूरा गाइड.

स्टेप 1. एक फेसबुक ऐप बनाएं

हम एक की आवश्यकता होगी आवेदन पहचान पत्र और इसे प्राप्त करने के लिए, आपको एक फेसबुक ऐप बनाना होगा। यदि आपके पास पहले से ही एक है, तो चरण 2 पर जाएं.

एप्लिकेशन बनाना आसान है, यहां आप क्या करते हैं:

1. फेसबुक पर लॉगऑन करें, डेवलपर के पेज पर जाएं.
2. "पर क्लिक करेंएक नया ऐप सेट करें"ऊपरी दाएं कोने पर स्थित बटन.
3. नाम देना अपने नए ऐप के लिए, इस बात से सहमत फेसबुक के लिए, हिट ऐप बनाएं.
4. के लिए जाओ वेबसाइट टैब, भरें साईट यूआरएल तथा साइट डोमेन.
5. के मूल्य को नोट करें आवेदन पहचान पत्र कहीं और मारो "परिवर्तनों को सुरक्षित करें“बटन.

बस इतना ही! बाकी जानकारी भरने के लिए आप हमेशा बाद में वापस आ सकते हैं.

चरण 2. बदलें टैग

अपनी थीम की हेडर फ़ाइल खोलें (Header.php) अपने पसंदीदा संपादक में। हमेशा कुछ भी गलत होने की स्थिति में हमेशा बैकअप कॉपी रखें.

कोड की इस निम्न पंक्ति को देखें, या एक के साथ शुरू होता है >

इसे इसके साथ बदलें:

शीर्ष लेख को रखें। हमें 3 चरण के लिए इसकी आवश्यकता है.

चरण 3. ओजी डालें टैग

निम्नलिखित कोड को सही के बाद पेस्ट करें टैग, या पहले टैग.

       ”>        

यहां कुछ मान दिए गए हैं जिन्हें आपको बदलना होगा:

• पंक्ति 3: प्रतिस्थापित करें your_fb_app_id उसके साथ आवेदन पहचान पत्र चरण 1 से.
• पंक्ति 4: आप प्राप्त कर सकते हैं your_fb_admin_id अपने फेसबुक इनसाइट पेज के नीचे, (अधिक जानकारी)। पर क्लिक करें "अपनी वेबसाइट के लिए जानकारी"हरा बटन, कोड के पूरे स्ट्रिंग को पकड़ो और लाइन 4 को बदलें.
• पंक्ति 12: यह रेखा उस छवि को निर्धारित करती है जो आपकी पोस्ट का प्रतिनिधित्व करती है। यदि आपका विषय वर्डप्रेस पोस्ट थंबनेल का समर्थन करता है, तो इसे ठीक काम करना चाहिए। लेकिन अगर ऐसा नहीं होता है, तो यह एक छवि के बिना इनायत से विफल हो जाएगा। वैकल्पिक वैकल्पिक हल के लिए चरण 3a देखें.
• पंक्ति 19: प्रतिस्थापित करें logo.jpg अपने ब्लॉग के लोगो के लिए एक यूआरएल के साथ। यह तब प्रदर्शित होगा जब आपके ब्लॉग पर एक गैर-पोस्ट पेज फेसबुक पर साझा किया जाएगा.

चरण 3 ए - जब "wp_get_attachment_thumb_url" विफल

कब wp_get_attachment_thumb_url () काम करने में विफल, आप एक सामग्री विशेषता के लिए जा रहे हैं जिसका कोई मूल्य नहीं है, जैसे कि नीचे दिखाया गया है:

निम्नलिखित कोड के साथ लाइन 12 को बदलने के लिए एक सरल समाधान होगा:

function catch_that_image () वैश्विक $ पोस्ट, $ पोस्ट; $ first_img = "; ob_start (); ob_end_clean (); $ आउटपुट = preg_match_all ('/)/ i ', $ पोस्ट-> post_content, $ माचिस); $ first_img = $ माचिस [1] [0]; if (खाली ($ first_img)) // एक डिफ़ॉल्ट छवि को परिभाषित करता है $ first_img = "/images/default.jpg";  $ first_img लौटाएं; 

यह प्रतिस्थापन कोड एक फ़ंक्शन कॉल का उपयोग करने का प्रयास करता है catch_that_image () पहली छवि के URL को हथियाने और उत्पादन करने के लिए जो मुठभेड़ में आता है। यदि फ़ंक्शन अपनी पहली छवि खोजने में विफल रहता है, तो पंक्ति 10 को URL को एक डिफ़ॉल्ट छवि के साथ बदलें.

चरण 4. फेसबुक जावास्क्रिप्ट एसडीके डालें

निम्नलिखित जावास्क्रिप्ट आपको ग्राफ एपीआई और डायलॉग की सभी सुविधाओं का उपयोग करने की सुविधा देता है। यह आपको आसानी से लाइक बटन, फेसपाइल, सिफारिशें आदि जैसे फेसबुक सोशल प्लगइन्स को एकीकृत करने की अनुमति देता है.

इसे अंदर रखें header.php, एकदम बाद

बदलने के your_fb_app_id के साथ पंक्ति 4 में आवेदन पहचान पत्र पहले चरण 1 से.

चरण 5. चलो यह परीक्षण करते हैं!

हम वर्डप्रेस ब्लॉग में फेसबुक ओपन ग्राफ को एकीकृत कर रहे हैं। चलो यह सुनिश्चित करने के लिए कि हमने चीजों को सही तरीके से किया है, परीक्षण करने के लिए कुछ परीक्षण दें.

टेस्ट # 1 - स्रोत कोड देखें

ब्लॉग पोस्ट में से किसी एक के स्रोत कोड पर एक नज़र डालें, आपके पास कुछ इस तरह होना चाहिए:

गुणों और उसके मूल्यों की जांच करें, सुनिश्चित करें कि वे सही हैं.

टेस्ट # 2 - एक बॉक्स स्थापित करें

यदि आपने फेसबुक लाइक बटन स्थापित नहीं किया है, तो संभवत: यह एक होने का समय है। अंदर कहीं भी निम्नलिखित कोड रखें (अधिमानतः सामग्री से पहले या सामग्री के बाद) single.php:

अगला, एक दोस्त को मिलता है पसंद यह। आपको उसकी फेसबुक प्रोफाइल में दिखाई देने वाली कुछ चीजें देखनी चाहिए:

अतिरिक्त: वर्डप्रेस प्लगइन

अगर किसी तरह आप कोड्स को स्थापित करने में विफल रहे या इसके लिए त्वरित और आसान काम करने की आवश्यकता है - तो इसके लिए एक वर्डप्रेस प्लगइन है.

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