इमोजीवाइब विजेट

क्या आप अपनी साइट पर भी ऐसी इमोजी प्रतिक्रिया पट्टी चाहते हैं?

यह मुफ़्त प्रतिक्रिया विजेट एक मिनट में लग जाता है। न पंजीकरण, न खाता, और हमारी ओर से कुछ भी सेट करने की ज़रूरत नहीं।

स्थापना

अपनी साइट के HEAD भाग में जोड़ें:

<script src="https://api.emojisup.org/widget.js?4"></script>

BODY भाग में, जहाँ पट्टी दिखनी चाहिए, वहाँ जोड़ें:

<div data-emojisup></div>

बस, स्थापना यहीं पूरी हो गई। लोड होने के बाद स्क्रिप्ट अपनी स्टाइलशीट जोड़ती है, पृष्ठ पर data-emojisup विशेषता वाले तत्व ढूँढ़ती है और उनमें से हर एक में प्रतिक्रिया पट्टी बना देती है।

विजेट के पहचानकर्ता

हर विजेट का पहचानकर्ता पृष्ठ के पते से बनता है, इसलिए एक ही पृष्ठ पर कई विजेट रखे जा सकते हैं और हर पृष्ठ अपने गिनतीकार अलग रखता है। utm_source या fbclid जैसे अभियान के पैरामीटर छोड़ दिए जाते हैं, इसलिए विज्ञापन से आए आगंतुक को भी वही गिनती दिखती है जो बाकी सबको।

पहचानकर्ता आप स्वयं भी तय कर सकते हैं:

<div data-emojisup id="my-article-42"></div>

पहचानकर्ता बदलते ही विजेट नए सिरे से शुरू होता है और गिनती शून्य हो जाती है।

विकल्प

हर विकल्प उसी तत्व की एक विशेषता है, और किसी को भी छोड़ा जा सकता है।

data-emojisup-set — केवल वही प्रतिक्रियाएँ दिखाता है जो आप गिनाते हैं, अल्पविराम से अलग करके:

<div data-emojisup data-emojisup-set="👍,❤️,🔥,🤣"></div>

data-emojisup-theme — रंग चुनता है: डिफ़ॉल्ट light, गहरे पृष्ठभूमि के लिए dark, और आगंतुक की सिस्टम सेटिंग के अनुसार चलने के लिए auto।

data-emojisup-size — आकार तय करता है: s, डिफ़ॉल्ट m या l।

data-emojisup-align — पंक्ति को सटाता है: left, center या right। इसके बिना प्रतिक्रियाएँ पूरे ब्लॉक की चौड़ाई में फैल जाती हैं।

<div data-emojisup data-emojisup-theme="dark" data-emojisup-size="l" data-emojisup-align="center"></div>

और यही विजेट गहरे रंग, चार प्रतिक्रियाओं और बीच में:

पृष्ठ के बाद आने वाली सामग्री

यदि विजेट ऐसी सामग्री में है जो बाद में आती है, तो सामग्री के अपनी जगह आ जाने पर यह बुलाएँ:

<script>
    emojiSup.update();
</script>

यह पृष्ठ को दोबारा देखता है और नए विजेट चालू करता है। किसी विजेट की गिनती का ताज़ा होना रोकना हो तो emojiSup.destroy() बुलाएँ।

विजेट क्या सहेजता है

विजेट केवल एक कुकी रखता है, ev_user_id, एक साल के लिए। उसमें एक यादृच्छिक पहचानकर्ता के सिवा कुछ नहीं होता: उसी से विजेट याद रखता है कि इस आगंतुक ने कौन सी प्रतिक्रिया चुनी थी, ताकि पृष्ठ दोबारा लोड होने पर भी चुनाव बना रहे। हर अनुरोध के साथ विजेट उस पृष्ठ का पता भेजता है जिस पर पट्टी लगी है, क्योंकि गिनती इसी तरह पृष्ठ के हिसाब से अलग रहती है। न नाम, न ई-मेल पते, न फ़ॉर्म के आँकड़े।

गिनती तब तक ताज़ा होती रहती है जब तक टैब खुला और सामने है। पृष्ठभूमि के टैब में विजेट सर्वर से पूछना बंद कर देता है, और कुछ मिनट बिना क्लिक के बीतने पर अपने आप धीमा हो जाता है।

प्रश्न

क्या यह सचमुच मुफ़्त है? हाँ, और कोई खाता बनाने की ज़रूरत भी नहीं।

एक पृष्ठ पर कितने विजेट लग सकते हैं? जितने चाहिए। हर एक को उसका अपना id दे दें।

क्या आगंतुक अपनी प्रतिक्रिया बदल सकता है? हाँ। हर विजेट पर एक आगंतुक की एक ही प्रतिक्रिया गिनी जाती है: दूसरी दबाने पर मत वहाँ चला जाता है, वही दोबारा दबाने पर वापस ले लिया जाता है।

साइट नए सिरे से बनाने पर गिनती बचेगी? हाँ, जब तक पृष्ठ का पता या आपका दिया हुआ id वही रहे।

क्या jQuery चाहिए? नहीं। स्क्रिप्ट की कोई निर्भरता नहीं है और वह लगभग 45 KB की है।