आप जैसे पाठक MUO का समर्थन करने में मदद करते हैं। जब आप हमारी साइट पर लिंक का उपयोग करके खरीदारी करते हैं, तो हम संबद्ध कमीशन अर्जित कर सकते हैं। और पढ़ें।

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

अपने रिएक्ट ऐप में सोशल शेयर बटन जोड़ना

आरंभ करने से पहले, आपको रिएक्ट और कैसे करें की एक बुनियादी समझ होनी चाहिए एक रिएक्ट ऐप सेट करें. आपके पास सोशल मीडिया प्लेटफॉर्म पर एक खाता भी होना चाहिए जिसके लिए आप शेयर बटन जोड़ना चाहते हैं।

प्रतिक्रिया-शेयर मॉड्यूल स्थापित करना

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

instagram viewer
NPM स्थापित करना प्रतिक्रिया-शेयर करना

फेसबुक बटन पर शेयर बनाना

एक बार आपके पास प्रतिक्रिया साझा करें मॉड्यूल स्थापित है, तो आप अपने ऐप में सोशल शेयर बटन जोड़ना शुरू कर सकते हैं। ऐसा करने के लिए, आपको से आवश्यक घटकों को आयात करने की आवश्यकता होगी प्रतिक्रिया साझा करें मापांक। उदाहरण के लिए, फेसबुक बटन में शेयर जोड़ने के लिए, आपको निम्नलिखित कोड का उपयोग करने की आवश्यकता है:

आयात {फेसबुकशेयरबटन} से'प्रतिक्रिया-शेयर';

तब आप उपयोग कर सकते हैं फेसबुक शेयर बटन अपने ऐप में फेसबुक बटन पर शेयर जोड़ने के लिए अपने कोड में घटक।

आयात प्रतिक्रिया से'प्रतिक्रिया';
आयात {FacebookShareButton, FacebookIcon} से'प्रतिक्रिया-शेयर';

कॉन्स्ट ऐप = () => {
वापस करना (
<डिव>
यूआरएल = {' https://www.example.com'}
बोली = {'अभ्यास पाठ!'}
हैशटैग ="#मुओ"
>
<फेसबुक चिह्नआकार={32}गोल />
फेसबुक शेयर बटन>
डिव>
);
};

निर्यातगलती करना अनुप्रयोग;

नीचे फेसबुक बटन पर शेयर प्रदर्शित करने वाला आउटपुट है:

इस कोड में, आपको सबसे पहले आवश्यक घटकों को आयात करना होगा प्रतिक्रिया साझा करें मापांक। उसके बाद, नामक एक कार्यात्मक घटक बनाएँ अनुप्रयोग जिसमें फेसबुक शेयर बटन है। फेसबुक शेयर बटन घटक का उपयोग शेयर बटन बनाने के लिए किया जाता है और फेसबुक चिह्न घटक का उपयोग बटन पर फेसबुक लोगो प्रदर्शित करने के लिए किया जाता है।

फेसबुक शेयर बटनघटक में कई सहारा हैं जिसका उपयोग शेयर बटन को कस्टमाइज़ करने के लिए किया जा सकता है। इस उदाहरण में, हमने निर्दिष्ट किया है यूआरएल, उद्धरण, और हैशटैग सहारा।

अंत में, आपको निर्यात करने की आवश्यकता है अनुप्रयोग घटक, ताकि इसका उपयोग हमारे ऐप के अन्य स्थानों पर किया जा सके। जब फेसबुक पर शेयर बटन पर क्लिक किया जाता है, तो यह निर्दिष्ट के साथ एक प्री-फिल्ड शेयर डायलॉग खोलेगा यूआरएल, उद्धरण, और हैशटैग.

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

किसी भिन्न प्लेटफ़ॉर्म के लिए सामाजिक शेयर बटन जोड़ने के लिए, आपको आवश्यक घटकों को आयात करने की आवश्यकता होगी प्रतिक्रिया साझा करें मापांक। उदाहरण के लिए, ट्विटर शेयर बटन जोड़ने के लिए, आपको सबसे पहले निम्नलिखित आयात करना होगा:

आयात {ट्विटरशेयरबटन, TwitterIcon} से'प्रतिक्रिया-शेयर';

तब आप उपयोग कर सकते हैं ट्विटरशेयर बटन और चहचहाना चिह्न अपने ऐप में ट्विटर बटन पर शेयर जोड़ने के लिए अपने कोड में घटक।

 यूआरएल = {' https://www.example.com'}
बोली = {'अभ्यास पाठ!'}
हैशटैग ="#मुओ"
>
<चहचहाना चिह्नआकार={32}गोल />
ट्विटरशेयर बटन>

नीचे फेसबुक पर शेयर और ट्विटर बटन पर शेयर प्रदर्शित करने वाला आउटपुट है:

जब आप ट्विटर शेयर बटन पर क्लिक करते हैं, तो यह निर्दिष्ट URL और उद्धरण के साथ पहले से भरा हुआ शेयर डायलॉग खोलेगा।

बटनों को अनुकूलित करना

सोशल शेयर बटन घटकों में कई प्रॉप्स होते हैं जिनका उपयोग आप बटन को अनुकूलित करने के लिए कर सकते हैं। कुछ उपलब्ध प्रॉप्स में शामिल हैं:

  • यूआरएल: फेसबुक पर साझा करने के लिए यूआरएल
  • उद्धरण: फेसबुक पर साझा किया जाने वाला उद्धरण
  • हैशटैग: फेसबुक पर साझा पोस्ट में जोड़ा जाने वाला हैशटैग

आप उपलब्ध सोशल शेयर बटन और प्रॉप्स की पूरी सूची इसमें पा सकते हैं प्रतिक्रिया साझा करें आधिकारिक दस्तावेज।

सोशल शेयर बटन के साथ अधिक पृष्ठ दृश्य प्राप्त करें

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