আপনার খোলা পদ, আপনার নিজের সাইটে। একটি script ট্যাগ।

স্নিপেট

সেটিংস > ক্যারিয়ার সাইট > এম্বেড লাইভ প্রিভিউ সহ এই স্নিপেট আপনার জন্য তৈরি করে দেয়, আর আপনার সাইটের কোনো পেজে এটি আছে কি না তা-ও যাচাই করতে পারে। কোম্পানির slug বদলে আপনার ওয়ার্কস্পেসেরটি দিন।

<div id="seekiq-jobs"></div>
<script
  src="https://app.seekiq.io/embed.js"
  data-company="your-company"
  data-target="#seekiq-jobs"
  data-lang="auto"
  data-accent="#0e3b2e"
  data-radius="8"
  data-font="inherit"
  async
></script>

প্রিভিউ

নিচের তালিকাটি embed.js-এর একই কোড দিয়ে আঁকা, লাইভ ডেটার বদলে সাতটি নমুনা পদ দিয়ে। একজন দর্শকের মতো খুঁজে ও বাছাই করে দেখুন।

নমুনা পদ। আপনার সাইটে এম্বেড SeekIQ থেকে আপনার খোলা পদগুলো লোড করে।

অপশন

যে মান যাচাইয়ে টেকে না তা উপেক্ষা করা হয়। এম্বেড শুধু লাইট থিমে আসে আর Shadow DOM-এর ভেতরে আঁকা হয়, তাই আপনার পেজের CSS ভেতরে ঢোকে না আর এর CSS বাইরে যায় না।

দর্শকের বাছাই

ছয়টি বা তার বেশি খোলা পদ থাকলে তালিকায় একটি খোঁজার ঘর (পদের নাম ও টিম) এবং টিম, জায়গা (শহর বা দেশ, সঙ্গে রিমোট), কাজের ধরন ও চাকরির ধরনের বাছাই আসে। প্রতিটি বাছাইয়ে শুধু আপনার পদগুলোতে থাকা মানগুলোই দেখায়, প্রতিটির পাশে সংখ্যাসহ; সব পদে একই মান থাকলে সেই বাছাই লুকানো থাকে।

data-department ও data-location আগের মতোই আগে প্রযোজ্য হয় এবং নিজের বাছাইটি লুকিয়ে রাখে, তাই আপনি যে তালিকা ছোট করেছেন দর্শক তা বড় করতে পারেন না।

এম্বেডের প্রস্থ ৪৮০ পিক্সেলের কম হলে (স্ক্রিনের নয়, এম্বেডের নিজের প্রস্থ) বাছাইগুলো একটি বাছাই বোতামের পেছনে গুটিয়ে যায় এবং কন্ট্রোলগুলো ৪৪ পিক্সেল উঁচু হয়। পদের সংখ্যা বদলালে স্ক্রিন রিডার তা শোনায়, আর বাছাই মুছুন চাপলে সব পদ ফিরে আসে।

data-sync-url দিলে দর্শকের বাছাই আপনার পেজের ঠিকানায় #seekiq=dept:sales;loc:dhaka হিসেবে যোগ হয়, তাই বাছাই করা তালিকা শেয়ার করা যায় এবং খুললে বাছাইসহই খোলে। না দিলে এম্বেড আপনার পেজের ঠিকানায় হাত দেয় না। ঠিকানা বদলায় রিলোড, স্ক্রল বা hashchange ইভেন্ট ছাড়াই, আর আপনার পেজের নিজের hash দর্শক কিছু বাছাই না করা পর্যন্ত যেমন আছে তেমনই থাকে।

<script
  src="https://app.seekiq.io/embed.js"
  data-company="your-company"
  data-target="#seekiq-jobs"
  data-filters="search,department,location"
  data-filters-min="4"
  data-sync-url
  async
></script>

iframe তালিকাতেও ?filters= ও ?filters_min= দিয়ে একই বাছাই পাওয়া যায়। এটি আপনার পেজের ঠিকানা বদলাতে পারে না।

তালিকা, একটি পদ বা আবেদন ফর্ম

• চাকরির তালিকা: আপনার খোলা পদগুলো, প্রতিটির সঙ্গে আবেদনের লিংক, যা হোস্ট করা চাকরির পেজ আর আবেদন ফর্ম খোলে।
• একটি পদ: data-job শুধু সেই পদটি দেখায়; পদটি বন্ধ হলে ছোট একটি লাইনে জানায় যে এটি আর খোলা নেই।
• আপনার সাইটের ভেতরে আবেদন ফর্ম: data-view="apply" সহ data-job একটি ফ্রেমে ফর্ম খোলে, যা কনটেন্ট অনুযায়ী নিজের মাপ ঠিক করে নেয়। আবেদনের পর একই ফ্রেমে স্ট্যাটাস পেজ খোলে। যে প্ল্যানে এই ভিউ নেই, সেখানে পদটি আবেদনের লিংক সহ দেখায়।

<div id="seekiq-apply"></div>
<script
  src="https://app.seekiq.io/embed.js"
  data-company="your-company"
  data-job="customer-support-lead"
  data-view="apply"
  data-target="#seekiq-apply"
  async
></script>

script ছাড়া

কিছু সাইট বিল্ডার script ট্যাগ মুছে দেয়। তখন iframe ব্যবহার করে একটি উচ্চতা দিন, অথবা পেজে embed.js-ও যোগ করুন, তাহলে ফ্রেম নিজেই মাপ ঠিক করে নেবে।

<!-- The jobs list -->
<iframe
  src="https://app.seekiq.io/embed/your-company?lang=en"
  title="Jobs at Your Company"
  style="width:100%;height:480px;border:0"
  loading="lazy"
></iframe>

<!-- One role's apply form -->
<iframe
  src="https://app.seekiq.io/embed/your-company/customer-support-lead/apply"
  title="Apply"
  style="width:100%;height:720px;border:0"
  loading="lazy"
></iframe>

ইভেন্ট

এম্বেডের ফ্রেমগুলো তাদের ধারণকারী পেজে একটিই বার্তা পাঠায়: তাদের উচ্চতা, যখনই তা বদলায়। embed.js এটি শুনে ফ্রেমের মাপ ঠিক করে; embed.js ছাড়া iframe ব্যবহার করলে তবেই এটি আপনাকে নিজে সামলাতে হবে।

// Only needed for an iframe without embed.js on the page.
// Act only on messages from a SeekIQ frame on this page.
window.addEventListener('message', (event) => {
  const msg = event.data;
  if (!msg || msg.type !== 'seekiq:embed-height' || typeof msg.height !== 'number') return;
  for (const frame of document.querySelectorAll('iframe')) {
    const fromSeekIQ = frame.src.startsWith('https://app.seekiq.io/embed/');
    if (fromSeekIQ && frame.contentWindow === event.source) frame.style.height = `${Math.ceil(msg.height)}px`;
  }
});

বার্তার ওপর কিছু করার আগে যাচাই করুন সেটি SeekIQ-এর ফ্রেম থেকে এসেছে কি না।

আবেদনগুলো নিজে আপনার পেজে পাঠানো হয় না। নতুন আবেদনে সাড়া দিতে application.created ওয়েবহুক ব্যবহার করুন: এম্বেড থেকে আসা আবেদনে source embed আর আপনার সাইটের origin থাকে।

অনুমোদিত সাইট

সেটিংস > ক্যারিয়ার সাইট > এম্বেড-এ কোন সাইটগুলো এম্বেড দেখাতে পারবে তার তালিকা দেওয়া যায়: https origin, যেমন https://acme.com অথবা সব সাবডোমেইনের জন্য https://*.acme.com, সর্বোচ্চ ২০টি। তালিকা খালি থাকলে যেকোনো সাইট দেখাতে পারে। তালিকা থাকলে এম্বেড পেজগুলো ব্রাউজারকে অন্য কোথাও ফ্রেমে দেখাতে নিষেধ করে, আর চাকরির ফিড শুধু ওই সাইটগুলোর cross-origin রিকোয়েস্টের উত্তর দেয়। পরিবর্তন এক মিনিটের মধ্যে কার্যকর হয়।

নিজের ক্যারিয়ার ডোমেইন

Growth আর Enterprise প্ল্যানে সেটিংস > ক্যারিয়ার সাইট > নিজের ডোমেইন আপনার নিজের কোনো সাবডোমেইনে ক্যারিয়ার পেজ বসায়, যেমন careers.acme.com: ডোমেইনটি যোগ করে দেখানো CNAME রেকর্ড তৈরি করুন। রেকর্ড পাওয়া গেলেই এটি চালু হয়। তারপর এম্বেড আর প্রার্থীদের ইমেইলের চাকরির লিংক আপনার ডোমেইন ব্যবহার করে। embed.js নিজে অবশ্য app.seekiq.io থেকেই লোড হয়।

Content Security Policy

আপনার সাইট Content Security Policy পাঠালে এই ডিরেক্টিভগুলোতে SeekIQ-এর অ্যাপ হোস্ট অনুমোদন করুন। সিভি আপলোড হয় SeekIQ-এর ফ্রেম বা পেজের ভেতরে, তাই আর কিছু লাগে না, unsafe-inline বা unsafe-eval কোনোটিই নয়।

Content-Security-Policy:
  script-src 'self' https://app.seekiq.io;
  connect-src 'self' https://app.seekiq.io;
  frame-src https://app.seekiq.io

সম্মতি আর উৎস

এআই স্ক্রিনিংয়ের নোটিশ, সম্মতির চেকবক্স, প্রাইভেসি নোটিশের লিংক আর সম্মতির সময় SeekIQ নিজের পেজ বা ফ্রেমের ভেতরে দেখায় ও রেকর্ড করে। হোস্ট পেজ এগুলোতে টিক দিতে বা লুকাতে পারে না।

এম্বেড দিয়ে আসা আবেদনে source embed আর হোস্ট সাইটের origin চিহ্ন থাকে, তাই রিপোর্টে আর application.created ওয়েবহুকে এগুলো আলাদা করে চেনা যায়।