> ## Documentation Index
> Fetch the complete documentation index at: https://ayrshare.mintlify.site/llms.txt
> Use this file to discover all available pages before exploring further.

# Bubble.io

> अपने उपयोगकर्ताओं के सोशल मीडिया खातों को प्रबंधित करने के लिए Bubble Ayrshare प्लगइन या API Connector का उपयोग करें

## अवलोकन

[Bubble.io](https://www.bubble.io), एक लोकप्रिय नो-कोड प्लेटफ़ॉर्म, आपको कोड की एक भी लाइन लिखे बिना वेब और मोबाइल ऐप्स बनाने में सक्षम बनाता है।
Ayrshare के सोशल मीडिया API को एकीकृत करके, आप अपने Bubble ऐप के भीतर सीधे अपने उपयोगकर्ताओं के सोशल मीडिया खातों को प्रबंधित कर सकते हैं।

इसे प्राप्त करने के दो तरीके हैं:

<ul className="custom-bullets">
  <li>
    **Bubble Ayrshare Plugin**: यह उपयोगकर्ता-अनुकूल विकल्प न्यूनतम सेटअप की आवश्यकता रखता है। हालाँकि, Bubble API Connector की तुलना में
    इसमें सीमित कार्यक्षमता है।
  </li>

  <li>
    **Bubble API Connector**: अधिक लचीलेपन और नियंत्रण के लिए, Bubble API Connector का उपयोग करें।
    यह दृष्टिकोण आपको सीधे Ayrshare के API के साथ इंटरैक्ट करने की अनुमति देता है, जो आपके Bubble.io ऐप में कार्यक्षमताओं की एक विस्तृत श्रृंखला
    को सक्षम करता है।
  </li>
</ul>

यह गाइड आपको दोनों एकीकरण विकल्पों के माध्यम से मार्गदर्शन करेगा।

## Quick Start: Bubble.io Ayrshare Plugin

[Bubble सबसे शक्तिशाली नो-कोड सॉफ़्टवेयर विकास प्लेटफ़ॉर्म्स में से एक है](https://www.ayrshare.com/blog/the-definitive-bubble-review-a-flexible-no-code-app-builder-growing-over-50/)। शुरुआत करने का सबसे सरल तरीका Ayrshare के [Bubble.io Plugin](https://bubble.io/plugin/ayrshare-social-media-api-1607956467620x490188301088063500) के साथ है। अधिक [उन्नत Bubble एकीकरण](/packages-guides/bubble#the-bubble-api-connector-plugin) के लिए नीचे देखें।

<div class="video-container">
  <iframe width="520" height="315" src="https://www.youtube.com/embed/x5e2pcKhkPI" title="Bubble Social Plugin" frameborder="0" allow="accelerometer; autoplay; clipboard-write; encrypted-media; gyroscope; picture-in-picture" />
</div>

पहले [ayrshare.com](https://www.ayrshare.com) पर एक खाता बनाएँ। फिर अपने सोशल मीडिया खातों को कनेक्ट करें।

<Card title="Connect social accounts" icon="link" href="/dashboard/connect-social-accounts/overview" horizontal />

एक बार आपके खाते कनेक्ट हो जाने पर आप API Dashboard पर जा सकते हैं और अपनी API key कॉपी कर सकते हैं।

<Tip>
  याद रखें कि जब आप अपने Bubble ऐप में अपनी API key पेस्ट करें, तो अपनी API key के आगे "Bearer" शब्द शामिल करें।

  उदाहरण के लिए:

  `Bearer bf55cc6f-76ac-46ce-b497-439d766f6c12`
</Tip>

Bubble प्लगइन मार्केटप्लेस के माध्यम से Ayrshare प्लगइन को अपने Bubble ऐप में जोड़ें। प्लगइन फ़ील्ड "API Key" में अपनी API Key दर्ज करें।

अब आप अपने Bubble ऐप के माध्यम से अपने सोशल मीडिया खातों पर पोस्ट भेज सकते हैं।

नीचे दी गई इमेज एक इमेज के साथ पोस्ट के लिए प्लगइन के लिए Bubble में एक वर्कफ़्लो कॉल का उदाहरण है।
ऊपर दिया गया वीडियो इसे अधिक विस्तार से समझाता है। सुनिश्चित करें कि आप निम्नलिखित पैरामीटर प्रकारों का उपयोग कर रहे हैं:

<ul class="custom-bullets">
  <li>post: JSON-safe के रूप में स्वरूपित एक टेक्स्ट</li>

  <li>
    platforms: टेक्स्ट्स की एक सूची जहाँ प्रत्येक टेक्स्ट के चारों ओर ब्रैकेट्स हों, जैसे कि
    `"facebook","instagram"`
  </li>

  <li>media: JSON-safe के रूप में स्वरूपित एक टेक्स्ट URL</li>
  <li>date: JSON-safe के रूप में स्वरूपित एक तारीख/समय</li>
</ul>

<img class="center" src="https://mintcdn.com/ayrshare/l0q1BFFPDsManw_r/images/packages-guides/bubble-ayrshare-example.webp?fit=max&auto=format&n=l0q1BFFPDsManw_r&q=85&s=07eb52a7a08f3111c40cfb375dbff4c6" alt="Bubble Ayrshare Plugin Call Example" width="547" height="361" data-path="images/packages-guides/bubble-ayrshare-example.webp" />

Ayrshare प्लगइन आपको पोस्ट करने और पोस्ट डिलीट करने की अनुमति देता है। Ayrshare की पूरी शक्ति को अनलॉक करने के लिए, हम अनुशंसा करते हैं कि आप Bubble API Connector Plugin का उपयोग करें और इसे अपने ऐप के लिए आवश्यक एंडपॉइंट्स के साथ कॉन्फ़िगर करें।

## Bubble API Connector Plugin

वैकल्पिक रूप से, आप Ayrshare API की पूरी शक्ति तक पहुँच के लिए Bubble API Connector Plugin का उपयोग कर सकते हैं। यहाँ एक वीडियो है जो आपको Ayrshare के साथ Bubble API connector का उपयोग शुरू करने में मदद करेगा और आपको प्रति पोस्ट कई इमेज पोस्ट करने के तरीके पर मार्गदर्शन करेगा।

<Info>
  Bubble का API Connector कभी-कभी मुश्किल हो सकता है जहाँ एक भी क्लोज़िंग कोट या स्पेस छूटने से
  कनेक्शन विफल हो सकता है। हम अनुशंसा करते हैं कि नीचे दिए गए वीडियोज़ को ध्यान से देखें और यदि
  कुछ काम नहीं कर रहा है तो पुनः समीक्षा करें।
</Info>

<div class="video-container">
  <iframe width="560" height="315" src="https://www.youtube.com/embed/5xXvIDViUzY" title="Create a Post from Bubble" frameborder="0" allow="accelerometer; autoplay; clipboard-write; encrypted-media; gyroscope; picture-in-picture" />
</div>

नीचे एक और ट्यूटोरियल वीडियो है जो दिखाता है कि Bubble में सोशल प्रोफ़ाइल एनालिटिक्स कैसे प्राप्त करें।

<div class="video-container">
  <iframe width="560" height="315" src="https://www.youtube.com/embed/OunO2IS-A7Y" title="Get Analytics in Bubble" frameborder="0" allow="accelerometer; autoplay; clipboard-write; encrypted-media; gyroscope; picture-in-picture" />
</div>

## कई सोशल मीडिया खातों पर पोस्ट करें

यहाँ एक अवलोकन के साथ एक लेख है:

<Card title="Post To Multiple Accounts From Bubble" icon="link" href="https://www.ayrshare.com/post-to-multiple-social-media-accounts-from-bubble/" horizontal />

## Bubble पोस्ट डेटा को वैलिडेट करें

API Connector के माध्यम से Bubble में पोस्ट करते समय, यह निर्धारित करना मुश्किल हो सकता है कि आप वैध JSON भेज रहे हैं या नहीं। अक्सर यदि Ayrshare पर पोस्ट किया गया JSON अमान्य होता है तो प्रतिक्रिया HTML होगी।

Ayrshare के पास एक /validateJSON URL है जिसे आप सामान्य /post एंडपॉइंट के बजाय पोस्ट करने के लिए उपयोग कर सकते हैं। यह "Valid" या "Not Valid" लौटाएगा। सामान्य `application/json` के बजाय Content-Type को `text/plain` के रूप में सेट करना सुनिश्चित करें।

विवरण देखने के लिए "Response Returns as Bad Request" के लिए Troubleshooting लिंक पर क्लिक करें।

<Card title="Troubleshooting" icon="link" href="/help-center/technical-support/response_returns_as_bad_request" horizontal />

## Bubble में मीडिया फ़ाइलें अपलोड करें

अपनी मीडिया फ़ाइलों को अपलोड करने के लिए Bubble के File Uploader का उपयोग करें। ये फ़ाइलें Amazon के S3 पर संग्रहीत होती हैं। आपको एक URL प्राप्त होगा जिसे `/post` एंडपॉइंट के `mediaUrls` बॉडी पैरामीटर में उपयोग किया जा सकता है।

## Bubble में JWT टोकन जनरेट करें

Bubble में JWT टोकन जनरेट करने के लिए, पहले आपको उस private.key को स्ट्रिंगिफाई करना होगा जिसे आप [/profiles/generateJWT](/apis/profiles/generate-jwt) एंडपॉइंट पर भेजते हैं।

**चरण 1:** [https://onlinetexttools.com/json-stringify-text](https://onlinetexttools.com/json-stringify-text) पर जाएँ और अपनी private.key को बाईं ओर के इनपुट टेक्स्ट सेक्शन में पेस्ट करें। फिर दाईं ओर स्ट्रिंगिफ़ाइड टेक्स्ट को अपने क्लिपबोर्ड पर कॉपी करें।

<img class="center" src="https://mintcdn.com/ayrshare/l0q1BFFPDsManw_r/images/packages-guides/jwt-token.webp?fit=max&auto=format&n=l0q1BFFPDsManw_r&q=85&s=4781229c70041ef516b7eb51c52369dd" alt="Verify your JWT Token" width="800" height="359" data-path="images/packages-guides/jwt-token.webp" />

**चरण 2:** अपने Bubble ऐप में, नीचे दिखाए अनुसार API Connector के साथ एक नई कॉल बनाएँ। Body क्षेत्र में `privateKey` फ़ील्ड में टेक्स्ट वह स्ट्रिंगिफ़ाइड टेक्स्ट है जिसे आपने ऊपर चरण 1 में बनाया था।

नीचे दिखाए अनुसार अपने प्रदान किए गए `domain` और `profileKey` को भी शामिल करें।

<img class="center" src="https://mintcdn.com/ayrshare/l0q1BFFPDsManw_r/images/packages-guides/Enter%20the%20JWT%20Token%20in%20Bubble.webp?fit=max&auto=format&n=l0q1BFFPDsManw_r&q=85&s=9d9ad871f4abe65e30298d00db302412" alt="Enter the JWT Token in Bubble" width="800" height="738" data-path="images/packages-guides/Enter the JWT Token in Bubble.webp" />

**चरण 3:** **Initialize call** बटन पर क्लिक करें और प्रतिक्रिया सेव करें। प्रतिक्रिया में `url` फ़ील्ड वह है जिस पर आपका उपयोगकर्ता सोशल मीडिया खातों की लिंकिंग पेज तक पहुँचने के लिए क्लिक करेगा।

<img class="center" src="https://mintcdn.com/ayrshare/l0q1BFFPDsManw_r/images/packages-guides/Verify%20API%20connector%20return%20in%20Bubble.webp?fit=max&auto=format&n=l0q1BFFPDsManw_r&q=85&s=c5a99e4dce63b7b3d0498f52fe1d64ea" alt="Verify API connector return in Bubble" width="800" height="572" data-path="images/packages-guides/Verify API connector return in Bubble.webp" />

## उपयोगकर्ताओं को उनके सोशल खातों को लिंक करने की अनुमति दें

यदि आप Launch Plan, Business Plan, या Enterprise Plan का उपयोग कर रहे हैं, तो यह वीडियो आपको दिखाता है कि अपने सभी उपयोगकर्ताओं को उनके सोशल खातों को लिंक करने में सक्षम बनाने के लिए Bubble कैसे सेट अप करें।

<div class="video-container">
  <iframe width="560" height="315" src="https://www.youtube.com/embed/C2QWLMkBbKg" title="Social Media Account Linking" frameborder="0" allow="accelerometer; autoplay; clipboard-write; encrypted-media; gyroscope; picture-in-picture" />
</div>

## Bubble में AI के साथ टेक्स्ट को पुनः लिखें और सोशल पर पोस्ट करें

आप एक पुनर्लेखन और सोशल पोस्टिंग ऐप बनाने के लिए Ayrshare और Bubble.io का उपयोग कैसे कर सकते हैं। ऐप कुछ टेक्स्ट लेता है, इसे 5 अलग-अलग तरीकों से पुनः लिखता है, और आपके सोशल खातों पर पोस्ट करता है।

<div class="video-container">
  <iframe width="560" height="315" src="https://www.youtube.com/embed/Szrt6hUEzkw" title="Rewrite your Text" frameborder="0" allow="accelerometer; autoplay; clipboard-write; encrypted-media; gyroscope; picture-in-picture" />
</div>

## Bubble API Connector

हम आपकी Ayrshare API कॉल्स करने के लिए [Bubble API Connector](https://manual.bubble.io/account-and-marketplace/building-plugins/adding-api-connections) का उपयोग करने की अनुशंसा करते हैं।

कृपया ध्यान दें कि Bubble 150 सेकंड के बाद सभी API कॉल्स को टाइम आउट कर देगा और फिर एक बार और कॉल का पुनः प्रयास करेगा। बड़े वीडियो में 150 सेकंड से अधिक समय लग सकता है, जिसके कारण Bubble स्वचालित रूप से एक बार और पोस्ट का प्रयास करेगा और डुप्लिकेट पोस्ट त्रुटि का परिणाम होगा। हम बड़े वीडियोज़ के लिए [शेड्यूल पोस्ट](/help-center/technical-support/response_bad_gateway_502_or_504_error) का उपयोग करने की अनुशंसा करते हैं।

## उपयोगी Bubble ब्लॉग लेख

* [No Code के साथ एक सोशल मीडिया पोस्टिंग मोबाइल ऐप बनाएँ](https://www.ayrshare.com/blog/build-a-social-media-posting-mobile-app-with-no-code/)।
* [No Code के साथ एक सोशल मीडिया शेड्यूलिंग ऐप कैसे बनाएँ।](https://www.ayrshare.com/blog/how-to-create-a-social-media-scheduling-app-with-no-code/)