मुख्य सामग्री पर जाएं

Embed Code Generator

मिनटों में अपने आर्टिकल में Society Speaks वोटिंग विजेट जोड़ें। डेवलपर्स को एक स्वच्छ iframe और कस्टमाइजेशन नियंत्रण मिलते हैं। संपादकों को संरचित अंतर्दृष्टि मिलती है, टिप्पणी शोर नहीं।

API संदर्भ संपर्क करें

एम्बेड Society Speaks मूल चर्चाओं के लिए उपलब्ध हैं।

कार्यान्वयन चेकलिस्ट

  • पुष्टि करें कि आपका डोमेन allowlisted है
  • नीचे iframe जेनरेट करें
  • निर्बाध UX के लिए auto-resize जोड़ें

उत्पादन onboarding के लिए Partner Portal का उपयोग करें

अपनी परीक्षण कुंजियाँ बनाएँ, डोमेन को सत्यापित करें, और <a href="/for-publishers/portal/signup" class="underline">पार्टनर पोर्टल</a> से लाइव कुंजियाँ सक्रिय करें। पैमाने के लिए, API का उपयोग करके चर्चाएँ बनाएँ और लौटाई गई discussion ID को अपने CMS में स्टोर करें। प्रोग्रामैटिक वर्कफ़्लो के लिए <a href="/for-publishers/api" class="underline">API संदर्भ</a> देखें।

डेवलपर्स के लिए

एक हल्का iframe, अनुमानित पैरामीटर, और postMessage रीसाइज़ हुक।

संपादकों के लिए

संरचित भागीदारी, स्पष्ट सहमति संकेत, और ऑडिट योग्य पद्धति।

दर्शकों के लिए

सेकंडों में वोट दें, देखें कि जनता कहाँ संरेखित है, और गहन विश्लेषण खोजें।

बड़े पैमाने पर प्रवाह

1) URL द्वारा लुकअप करें, 2) यदि लापता है तो बनाएँ, 3) discussion ID को स्टोर करें।

Discussion ID क्या है?

API द्वारा लौटाया गया एक अद्वितीय पहचानकर्ता जब एक चर्चा बनाई या मिली जाती है।

अभी कोई चर्चा नहीं?

POST /api/partner/discussions को कॉल करें एक बनाने के लिए, फिर तुरंत embed करें।

1. अपनी Discussion खोजें

या

API द्वारा एक चर्चा बनाई या मिली जाने पर लौटाया गया।

2. एक थीम चुनें

या रंग कस्टमाइज़ करें:

3. अपना संदर्भ जोड़ें (वैकल्पिक)

विश्लेषण के लिए उपयोग किया जाता है। लोअरकेस, कोई स्पेस नहीं।

पूर्वावलोकन

एक चर्चा ID दर्ज करें या पूर्वावलोकन देखने के लिए एक लेख URL खोजें

एम्बेड कोड

<!-- एम्बेड कोड जनरेट करने के लिए एक चर्चा ID दर्ज करें -->

ऑटो-रिसाइज़ स्निपेट

<script>
window.addEventListener('message', (event) => {
  if (event.data && event.data.type === 'societyspeaks:embed:resize') {
    const iframe = document.getElementById('societyspeaks-embed');
    if (iframe) iframe.style.height = event.data.height + 'px';
  }
});
</script>

प्रदर्शन संकेत

<link rel="preconnect" href="https://societyspeaks.io">
<link rel="dns-prefetch" href="https://societyspeaks.io">

सुझाव

  • प्रतिक्रियाशील एम्बेड के लिए iframe चौड़ाई को 100% पर सेट करें
  • डिफ़ॉल्ट ऊंचाई 600px है; स्टेटमेंट गणना के आधार पर समायोजित करें
  • अपनी साइट से भागीदारी ट्रैक करने के लिए ref जोड़ें
  • एम्बेड गतिशील आकार देने के लिए postMessage के माध्यम से अपनी ऊंचाई पोस्ट करता है
  • स्क्रॉलबार से बचने के लिए ऑटो-रिसाइज़ स्निपेट जोड़ें
  • पहली पेंट को तेज़ करने के लिए preconnect संकेत उपयोग करें