How To Embed Facebook Page In Website? | Full Details In Hindi

How To Embed Facebook Page In Website? – नमस्कार दोस्तों, CodeMaster में आप सभी का बहुत-बहुत स्वागत हैं| आज हम जानेंगे की किसी भी Facebook Page को अपने Website में कैसे Embed किया जा सकता हैं|

आज मैं आप को जो तरीका बताने वाला हु वो WordPress और Blogger दोनों पर ही काम करने वाला हैं तो दोस्तों अगर आप Blogger या WordPress में से कोई भी Platform Use करते हैं और अपने FB Page को अपने Website में Embed करना चाहते हैं तो यह आर्टिकल आपके लिए हैं|

तो चलिए शुरू करते हैं आज का Topic – How To Embed Facebook Page In Website?


Also Read: How To Lock Facebook Profile? | Full Details In Hindi


How To Embed Facebook Page In Website?

How To Embed Facebook Page In Website?
How To Embed Facebook Page In Website?

दोस्तों अगर आप अपने Website में किसी भी Facebook Page को Embed करना चाहते हैं तो निचे दिए Steps को Follow करे:

1. सबसे पहले आप को निचे दिए Link पर Visit करना हैं जो कि Facebook का एक Developer Page हैं|

https://developers.facebook.com/docs/plugins/page-plugin

जैसे ही आप ऊपर दिए Link पर क्लिक करेंगे तो आपके सामने “Page Plugin” नाम से एक Page Open हो जायेगा|

2. अब सबसे पहले आप को अपने उस Page का URL Copy कर लेना हैं जिसे आप अपने Website में Embed करना चाहते हैं और फिर “Facebook Page URL” वाले Section में URL को Paste कर देना हैं, जैसा की नीचे Image में देख सकते हैं|

3. URL के बाद दूसरा Option आप को Tabs का मिलेगा| वहां Tab में आप Timeline, Messages, Events, आदि में से कुछ भी दाल सकते हैं जिससे आपके page का Timeline, messages, events, आदि सब आपके Website पर भी Show होगा, या आप चाहे तो Tabs Section को Blank भी छोड़ सकते हैं|

4. अगला आपको Width और Height का Option मिलेगा जिसमें आप अपने Website के अनुसार Page की लम्बाई और चौड़ाई निर्धारित कर सकते हैं, बस ध्यान रहे की Width में 180px Minimum से 500px Maximum और Height में 70px Minimum Enter कर सकते हैं|

5. Next आपको चार check-boxes मिलेंगे जिसमे से दो पहले से ही Checked रहेंगे और मैं आप को Recommend करता हु की उन्हें ना छेड़े| बाकि के दो Check-Boxes को आप अपने अनुसार Check या Uncheck कर सकते हैं|

6. ऊपर बताये गए सभी Steps को करने के बाद Finally आपको Get Code पर Click कर देना हैं|

Get Code पर क्लिक करने के बाद आपके सामने एक Popup Window Open हो जायेगा जिसमें आप को दो Option मिलेंगे:

  • JavaScript SDK
  • IFrame

तो चलिए दोस्तों एक-एक करके अब मैं आप को बताता हु की JavaScript SDK और IFrame दोनों ही तरीकों का Use करके कैसे किसी भी FB Page को Website में Embed कर सकते हैं|


Also Read: How To Delete Whatsapp Group? | Full Details In Hindi


How To Embed Facebook Page Using JavaScript SDK Method

दोस्तों अगर आप JavaScript SDK Method का Use करके Facebook Page को Embed करना चाहते हैं तो निचे दिए Steps को Follow करे:

For WordPress:

👉सबसे पहले Get Code पर क्लिक करे और फिर JavaScript SDK वाले Tab पर क्लिक करे|

👉अब Step2 में दिए Code को सर्वप्रथम Copy करे और अपने WordPress Dashboard में Login हो जाये|

👉WordPress में आने के बाद Plugins>>Add New पर क्लिक करे “Insert Header and Footer” करे|

👉अब Insert Header and Footer By WPBeginner को Install और Activate करे|

👉Plugin Install करने के बाद Settings पर Hover करे और Insert Header and Footer पर क्लिक करे|

👉अब Plugin Page Open हो जायेगा तो आप को Scripts in Body वाले Section में Copy किया हुआ Code Paste कर देना हैं|

👉अब आपको पुनः अपने Facebook Developer Page पर आ जाना हैं और Step3 में दिए Code को Copy करना हैं और पुनः अपने WordPress में आ जाना हैं|

👉अब आप को Appearance >> Widgets पर चले जाना हैं|

👉अब आपको Custom HTML Box को लेना हैं और Copy किये हुए Codeको उसमे Paste कर देना हैं और आप अपने अनुसार Website में जहां चाहें उस Custom HTML Box को Place कर सकते हैं|

तो दोस्तों ये तो था की कैसे JavaScript SDK का use करके WordPress Website में FB Page को Embed किया जा सकता हैं, अब चलिए जान लेते हैं की Same Method का Use करके कैसे Blogger में भी हम FB Page को Embed कर सकते हैं|


Also Read: How To Cast Android Screen To Windows 7? | In Hindi


For Blogger:

👉सबसे पहले आपको Facebook Developer पर जाकर Step2 वाले Code को Copy करना हैं और फिर अपने Blogger Dashboard में चले जाना हैं|

👉Blogger में आने के बाद आपको Themes >> Edit HTML में चले जाना हैं|

👉अब आपको आपके Website का Source Code दिख जायेगा तो आपको उसमे कही पे भी क्लिक करना हैं और अपने Keyboard से Ctrl+F Press करना हैं|

👉ऐसा करने से आपके सामने एक Search Box ओपन हो जायेगा जिसमें आपको </body> सर्च करके Enter Press करना हैं तो आप को आपका Closing Body Tag मिल जायेगा|

👉Closing Body Tag के Just ऊपर क्लिक करके Enter Press करे और Copy किये हुए code को Paste कर दे और Save कर दे|

👉अब बाकी का Process पुनः की तरह ही हैं| आपको Facebook Developer पर जाना हैं और Step3 वाले Code को Copy करना हैं और पुनः Blogger में Layout में आना हैं फिर Add A Gadget पर क्लिक करना हैं फिर Html & Java Script Box को Select करके Code को वहां Paste कर देना हैं फिर Save पर Click कर देना हैं|

तो दोस्तों ये पूरा Process था की कैसे आप JavaScript SDK का Use करके अपने Blogger या WordPress Website में Facebook Page को Embed कर सकते हैं| तो चलिए दोस्तों अब जान लेते हैं की IFrame का Use करके हम FB Page को Website में कैसे Embed कर सकते हैं|

How To Embed Facebook Page Using IFrame Method

दोस्तों अगर आप IFrame Method का Use करके Facebook Page को Embed करना चाहते हैं तो नीचे दिए Steps को Follow करें:

For WordPress:

👉सबसे पहले Get Code पर क्लिक करें और फिर Iframe वाले Tab पर क्लिक करें|

👉अब Step2 में दिए Code को Copy करे और अपने WordPress Dashboard में आ जाये|

👉WordPress में आने के बाद Appearance >> Widgets पर क्लिक करें|

👉अब आपको Custom HTML Box को लेना हैं और Copy किये हुए Codeको उसमें Paste कर देना हैं और आप अपने अनुसार Website में जहां चाहें उस Custom HTML Box को Place कर सकते हैं|

For Blogger:

👉सबसे पहले Get Code पर क्लिक करें और फिर Iframe वाले Tab पर क्लिक करें|

👉अब Step2 में दिए Code को Copy करे और अपने Blogger Dashboard में आ जाये|

👉Blogger में आने के बाद Layout >> Add A Gadget >> Html & Java Script पर क्लिक करें|

👉अब Copy किये हुए Code को उस Box में Paste कर दे और फिर Save पे क्लिक कर के Save कर दे|

तो दोस्तों इस तरह से आप IFrame का Use करके भी अपने Facebook Page को Blogger और WordPress Websites में Embed कर सकते हैं|

Final Words

तो दोस्तों आज मैंने आपको How To Embed Facebook Page In Website? के बारे में सब कुछ विस्तार से बताया हैं और मैं आशा करता हु की आप सभी को आज बताये गए सभी Steps पूर्णतः समझ में आ गए होंगे और आप सभी ने अपने-अपने Websites में Facebook Page को Embed करना भी सिख लिया होगा|

यदि आप को इस पोस्ट में बताये गए किस भी process को करने में कोई दिक्कत आ रही हो तो अपने Problems को इस Post के Comment Section में जरूर से Share करें, हम आपके सभी Problems को Solve करने की पूरी कोशिश करेंगे|

Article को पूरा पढ़ने के लिए आप सभी का बहुत-बहुत धन्यवाद|

सुधांशु कोडमास्टर के संस्थापक हैं। वह पेशे से एक वेब डिज़ाइनर हैं और साथ ही एक उत्साही ब्लॉगर भी हैं जो हमेशा ही आपको सरल शब्दों में बेहतर जानकारी प्रदान करने के प्रयास में रहते हैं।

Sharing Is Caring:

Leave a Comment