विषय पर बढ़ें

अपने करियर पेज पर जॉब बोर्ड एम्बेड करना
उत्पाद Polyguard PreScreen
किसके लिए जो भी आपका करियर पेज संपादित करता है (वेब टीम, मार्केटिंग, या आपकी CMS एजेंसी)
कंसोल console.polyguard.ai
सेटअप समय लगभग 30 मिनट
संपर्क [email protected]

1. अवलोकन

PreScreen आपको आपके अपने सबडोमेन पर एक Polyguard-होस्टेड करियर साइट देता है, उदाहरण के लिए https://careers.example.com। एम्बेड करने पर वही जॉब बोर्ड आपके मौजूदा करियर पेज के भीतर दिखता है, इसलिए उम्मीदवार कभी आपकी साइट से बाहर नहीं जाते और आपके पेज का अपना हेडर, फ़ुटर और स्टाइल बना रहता है।

यह काम केवल एक <script> टैग बदलकर होता है। आपके पेज पर बाकी सब वैसा ही रहता है, उस कंटेनर सहित जिसमें जॉब बोर्ड दिखाया जाता है।

उम्मीदवार को क्या दिखता है

खुले पदों की सूची, पद का विवरण पृष्ठ और आवेदन फ़ॉर्म, सब उसी जगह दिखते हैं जहाँ पहले आपका पुराना जॉब बोर्ड था। जब उम्मीदवार आवेदन भेजता है, तो Polyguard Trust Check पूरे पेज के ऊपर खुलती है, उम्मीदवार उसे अपने फ़ोन पर पूरा करता है, और आवेदन सत्यापन के साथ आपके ATS में पहुँचता है।

इससे क्या नहीं बदलता
आपका ATS सेटअप अपरिवर्तित। पहले अपने ATS की मार्गदर्शिका पूरी करें: Greenhouse, Lever, Workable।
सीधे आए आवेदन जो उम्मीदवार LinkedIn, Indeed, किसी संदर्भ, या आपके ATS की अपनी साइट से आवेदन करते हैं, उन्हें ईमेल से भेजी जाने वाली Trust Check अब भी कवर करती है।
आपकी होस्टेड करियर साइट वह उपलब्ध रहती है। एम्बेड करने से वही बोर्ड एक दूसरी जगह से भी परोसा जाने लगता है; पहली जगह बंद नहीं होती।

पहले ATS सेटअप पूरा करें

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

2. पूर्वापेक्षाएँ

आवश्यकता विवरण
एक चालू PreScreen ऐप आपकी होस्टेड करियर साइट खुलती है और आपके सक्रिय पद दिखाती है
आपका बोर्ड टोकन वह for= मान जो Polyguard आपको देता है। यह वही पहचानकर्ता है जो आपका ATS उपयोग करता है: Greenhouse का board token, या https://jobs.lever.co/{site} में मौजूद {site}
आपका लोडर URL Polyguard आपको चिपकाने के लिए पूरा <script src> देता है। यह आपके PreScreen परिनियोजन की ओर इंगित करता है, उदाहरण के लिए https://careers.example.com/embed/embed_js
करियर पेज पर संपादन की अनुमति इतनी कि आप एक स्क्रिप्ट टैग बदल सकें और पेज के हेड में एक <link> जोड़ सकें
हर उस पेज का सटीक ऑरिजिन जो बोर्ड एम्बेड करेगा स्टेजिंग और प्रीव्यू डोमेन सहित। देखें खंड 4

3. अपने पेज में एम्बेड जोड़ें

3a. यदि आप आज Greenhouse एम्बेड करते हैं

Greenhouse एम्बेड वाले करियर पेज में एक कंटेनर div और Greenhouse की लोडर स्क्रिप्ट होती है:

<div id="grnhse_app"></div>
<script src="https://boards.greenhouse.io/embed/job_board/js?for=YOUR_TOKEN"></script>

केवल src बदलें, और कुछ नहीं:

<div id="grnhse_app"></div>
<script src="https://careers.example.com/embed/greenhouse_js?for=YOUR_TOKEN"></script>

Polyguard की स्क्रिप्ट वही grnhse_app div खोजती है और वही gh_jid डीप-लिंक पैरामीटर संभालती है, इसलिए अलग-अलग पदों के मौजूदा लिंक काम करते रहते हैं।

3b. यदि आप पहली बार एम्बेड कर रहे हैं

जहाँ बोर्ड दिखाना है वहाँ एक कंटेनर div जोड़ें, उसके बाद लोडर स्क्रिप्ट:

<div id="polyguard_jobs"></div>
<script src="https://careers.example.com/embed/embed_js?for=YOUR_TOKEN"></script>

स्क्रिप्ट इन पहचानकर्ताओं में से किसी एक वाले पहले कंटेनर को भरती है, इसी क्रम में: jobs-container, grnhse_app, polyguard_jobs। यदि इनमें से कोई भी पेज पर न हो, तो कुछ नहीं दिखता और कोई त्रुटि भी नहीं आती।

3c. स्क्रिप्ट टैग कहाँ रखें

स्क्रिप्ट टैग को कंटेनर div के बाद कहीं भी रखें, या defer के साथ कहीं भी। स्क्रिप्ट कंटेनर खोजने से पहले पेज के पूरी तरह पढ़े जाने की प्रतीक्षा करती है, इसलिए वह बहुत जल्दी नहीं चल सकती। वह केवल तभी देर से चल सकती है जब आपका CMS पेज लोड होने के बाद कंटेनर जोड़ता हो; उस स्थिति में लोडर को उसके बाद लोड करें।

बोर्ड अपनी ऊँचाई स्वयं तय करता है: जैसे-जैसे उम्मीदवार सूची और किसी पद के बीच आता-जाता है, वह अपनी ऊँचाई आपके पेज को बताता है और फ़्रेम उसी के अनुसार बढ़ता और घटता है। कंटेनर पर निश्चित ऊँचाई न लगाएँ।

4. अपनी साइट को बोर्ड एम्बेड करने की अनुमति दें

यह चरण अनिवार्य है और इसके बिना बोर्ड नहीं दिखेगा।

Polyguard किसी भी ऐसी साइट में एम्बेड होने से इनकार करता है जो अनुमति-सूची में न हो। यह फ़िशिंग-रोधी सुरक्षा है: इसके बिना कोई नकली साइट आपके असली जॉब बोर्ड को फ़्रेम में दिखाकर आपके ब्रांड की आड़ में आवेदन एकत्र कर सकती है।

Polyguard सहायता को हर उस पेज का पूरा ऑरिजिन भेजें जो बोर्ड एम्बेड करेगा, और हम उसे आपके ऐप में जोड़ देंगे। ऑरिजिन का अर्थ है स्कीम और डोमेन, बिना किसी पथ के, और हमेशा https:

https://www.example.com
https://example.com
https://staging.example.com

तीन बातें ध्यान रखें:

  • केवल https। http पर चलने वाला पेज बोर्ड एम्बेड नहीं कर सकता।
  • वाइल्डकार्ड मूल डोमेन को शामिल नहीं करता। https://*.example.com www.example.com से मेल खाता है, पर example.com से नहीं। यदि आप दोनों उपयोग करते हैं तो दोनों भेजें।
  • स्टेजिंग, प्रीव्यू और एजेंसी के परीक्षण डोमेन भी शामिल करें यदि आप वहाँ जाँचना चाहते हैं। जिन प्रीव्यू URL हर परिनियोजन पर बदलते हैं, उनके लिए वाइल्डकार्ड रूप चाहिए।

वर्तमान सूची आप कंसोल में Settings → PreScreen → Embedding sites के अंतर्गत देख सकते हैं। खाते के प्रशासक उसे देख सकते हैं; केवल Polyguard कर्मी उसे बदल सकते हैं, और बदलाव तुरंत नहीं, बल्कि आपकी साइट के अगले परिनियोजन पर लागू होता है।

ऑरिजिन छूट जाने पर क्या दिखता है

कंटेनर खाली रह जाता है और आपके ब्राउज़र का डेवलपर कंसोल frame-ancestors का उल्लेख करती हुई Content Security Policy त्रुटि दिखाता है। यह इसी सूची का मामला है, स्क्रिप्ट टैग की गड़बड़ी नहीं।

5. डीप लिंक और साझा करने योग्य URL

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

पैरामीटर इसमें क्या होता है उदाहरण
gh_jid वह पद जो उम्मीदवार देख रहा है https://www.example.com/careers?gh_jid=4001234
pg_f पदों की सूची पर लागू खोज और फ़िल्टर https://www.example.com/careers?pg_f=q%3Ddesign

पेज लोड होते समय दोनों पढ़े जाते हैं, इसलिए साझा किया गया या बुकमार्क किया गया लिंक वही दृश्य फिर से खोलता है। gh_jid वही पैरामीटर है जो Greenhouse उपयोग करता है, इसलिए नौकरी के विज्ञापनों या सोशल मीडिया पर आपके पहले से प्रकाशित लिंक स्क्रिप्ट बदलने के बाद भी काम करते रहते हैं।

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

6. बोर्ड को तेज़ी से लोड कराएँ

अपने करियर पेज के <head> में, लोडर टैग से ऊपर, एक प्रीकनेक्ट संकेत जोड़ें:

<link rel="preconnect" href="https://careers.example.com" crossorigin>

स्क्रिप्ट बोर्ड से अपना संपर्क तब तक नहीं खोल सकती जब तक आपका पेज स्क्रिप्ट टैग पढ़ न ले, उसे चला न ले और फ़्रेम जोड़ न दे। यह संकेत DNS लुकअप, TCP हैंडशेक और TLS वार्ता को पहले शुरू करा देता है ताकि वे बाकी पेज लोड के साथ-साथ चलें; इससे आम तौर पर एक नेटवर्क चक्र बचता है, और मोबाइल कनेक्शनों पर उससे भी अधिक।

वही ऑरिजिन उपयोग करें जो लोडर के src में है। crossorigin गुण अनिवार्य है: बोर्ड दूसरे ऑरिजिन का दस्तावेज़ है, और इस गुण के बिना प्रीकनेक्ट ऐसा संपर्क खोलता है जिसे फ़्रेम दोबारा उपयोग नहीं कर सकता।

यह किस बात का समाधान नहीं है

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

7. स्टाइलिंग

बोर्ड वही रंग, फ़ॉन्ट और लोगो अपनाता है जो कंसोल में Settings → PreScreen के अंतर्गत आपके PreScreen ऐप के लिए तय हैं, इसलिए वह शुरू से ही आपकी होस्टेड करियर साइट से मेल खाता है। वह साइट का हेडर और फ़ुटर जानबूझकर छोड़ देता है, क्योंकि आपका अपना पेज पहले ही वे दे रहा है।

दो चीज़ें जिन्हें आप बदलवाना चाह सकते हैं, दोनों Polyguard सहायता द्वारा:

आपको क्या चाहिए क्या माँगें
फ़्रेम आपके पेज की चौड़ाई और पैडिंग से मेल खाए, या ऐसे शीर्षक छिपाए जो आपका पेज पहले ही दिखाता है embed-root क्लास को लक्षित करने वाली एक टेनेंट स्टाइलशीट
पदों की सूची एक लंबी सूची के बजाय विभाग-वार टैब में दिखे टैब वाला बोर्ड लेआउट

यदि आपके करियर पेज पर चिपका हुआ (sticky) हेडर है, तो सहायता को बताएँ: लोडर URL में एक सेटिंग है जो बोर्ड द्वारा कोई संवाद-बॉक्स दृश्य में लाते समय उसके लिए जगह छोड़ देती है। इसे स्क्रिप्ट के src में &offset=120 (आपके हेडर की ऊँचाई पिक्सेल में) के रूप में जोड़ा जाता है।

उम्मीदवारों को होस्टेड पेज पर भेजना

डिफ़ॉल्ट रूप से, किसी पद पर क्लिक करने वाला उम्मीदवार फ़्रेम के भीतर ही रहता है। इसके बजाय आप हर पद को Polyguard-होस्टेड जॉब पेज के रूप में पूरे पेज पर खुलवा सकते हैं, जो तब उपयोगी है जब आपका करियर पेज सँकरा हो या उसमें बहुत स्टाइलिंग हो। सहायता से कहें कि वे आपके ऐप के एम्बेडेड बोर्ड के पद-लिंक होस्टेड पेज पर कर दें। तब होस्टेड पेज का "सभी पद" लिंक उम्मीदवार को आपके करियर पेज पर वापस भेजेगा।

8. समस्या-समाधान

लक्षण कारण समाधान
जहाँ बोर्ड होना चाहिए वहाँ कुछ नहीं दिखता पहचाने जाने वाले id वाला कोई कंटेनर नहीं है, या कंटेनर बनने से पहले ही स्क्रिप्ट चल गई जाँचें कि div का id jobs-container, grnhse_app या polyguard_jobs है और स्क्रिप्ट उसके बाद आती है
क्षेत्र खाली है और ब्राउज़र कंसोल frame-ancestors त्रुटि दिखाता है आपके पेज का ऑरिजिन अनुमति-सूची में नहीं है सटीक ऑरिजिन सहायता को भेजें, फिर दोबारा परिनियोजन कराएँ; देखें खंड 4
बोर्ड दिखता है पर कटा हुआ है, या उसमें अपनी स्क्रॉलबार है आपका पेज या थीम कंटेनर पर निश्चित ऊँचाई लगाती है ऊँचाई हटा दें; बोर्ड अपनी ऊँचाई स्वयं तय करता है
पद तो खुलता है पर पेज का URL कभी नहीं बदलता आपका पेज अनजान क्वेरी पैरामीटर हटा देता है gh_jid और pg_f बनाए रखें; देखें खंड 5
दिख रहे पद पुराने हैं बोर्ड एक घंटे तक कैश में रहते हैं उतनी देर प्रतीक्षा करें, या ATS में बड़े बदलाव के बाद सहायता से कैश साफ़ कराएँ
Trust Check का संवाद-बॉक्स आपके हेडर के पीछे खुलता है चिपका हुआ हेडर, और offset सेटिंग नहीं दी गई सहायता से offset मान लगवाएँ; देखें खंड 7
पद सूची में हैं, पर किसी पर क्लिक करने से आपके अपने ATS की साइट खुलती है वे पद ऐसे विभाग के हैं जिसके लिए PreScreen बंद है यह जानबूझकर है। कंसोल में अपने ऐप के बंद किए गए विभाग देखें

सहायता को समस्या बताते समय पेज का URL, स्क्रिप्ट का src जैसा आपके HTML में लिखा है, और ब्राउज़र के डेवलपर कंसोल की त्रुटियाँ साथ भेजें।

9. सहायता