ウェブサイトに求人を埋め込む

ウェブサイトに求人を埋め込む

お知らせ:当社は、お客様により充実したサポート情報を迅速に提供するため、本ページのコンテンツは機械翻訳を用いて日本語に翻訳しています。正確かつ最新のサポート情報をご覧いただくには、本内容の英語版を参照してください。

Webサイトをさらに強化するダイナミックな求人掲載機能をご活用ください。埋め込みコードを使えば、最新の求人情報をWebサイト上にシームレスに連携することができます。手動での更新や煩雑なデータ入力は不要。提供された埋め込みコードをWebサイトにコピー&ペーストするだけで完了します。

埋め込みコードとは

埋め込みコードとは、HTMLコードの一部で、Webサイトにコピー&ペーストすることで、他のデータ元からコンテンツを埋め込んだり表示したりできるものです。訪問者がWebサイトを読み込むと、埋め込まれたコンテンツが表示され、完全に統合されます。

Zoho Recruitの提供機能

Zoho Recruitのキャリアサイト機能を使うと、キャリアサイトの求人情報を自社Webサイトに直接埋め込むことができます。これにより求人情報がより魅力的になり、Webサイトへのトラフィックが増加し、採用活動の促進につながります。

主なメリット:

  1. 表示回数の向上:
    キャリアサイト機能の活用により、組織のWebサイトへのトラフィックが促進されます。表示回数が増えることで、より多くの候補者にリーチでき、最適な人材採用の可能性が高まります。
  2. ダイナミックな求人掲載:
    この機能により、求人情報がリアルタイムで更新され、候補者は常に最新の募集情報にアクセスできます。
  3. SEO強化:
    求人情報が検索エンジンの結果に上位表示されやすくなり、積極的に転職先を探している有資格者の応募獲得につながります。
  4. 途切れないナビゲーション:
    シームレスな統合により、候補者は現在の閲覧環境のまま求人情報を直接確認でき、別のキャリアサイトへ移動する手間が省けます。

主なコンポーネント

  1. モバイル対応:
    Zoho Recruitのキャリアサイトでは、求人情報がモバイル端末向けに最適化されており、移動中でも応募者が簡単にアクセス・応募できます。
  2. 検索バー:
    キャリアサイトには検索バーが搭載されており、キーワードや勤務地、その他の条件から、応募者が自分に合った求人を素早く見つけることができ、求人検索体験が向上し、効率的に探せます。
  3. フィルター:
    Zoho Recruitのキャリアサイトでは、求人カテゴリや勤務地、経験レベルなど、さまざまなフィルター設定を適用して検索結果を絞り込むことができます。これにより、応募者は希望に合った求人情報を効率よく見つけることが可能です。
  4. 新規タブで求人を自動表示:
    この機能により、応募者が求人情報をクリックすると新しいブラウザタブで自動的に開くため、検索結果リストの位置を失うことなく複数の求人情報を確認できます。

 Zoho Recruit から埋め込みコードを取得する方法

  1. Zoho Recruit アカウントにログインし、設定 > Career Webサイト > Career Siteへ移動します。
  2. 求人情報を埋め込む際に使用したいキャリアサイトを選択します。
  3. カスタマイズするボタンをクリックします。
  4. 左側のパネルで詳細設定をクリックします。
  5. 埋め込みコードのセクションにコードスニペットが表示されます。コピーしてください。

メモ:提供されたサンプルの埋め込みコードは参照としてご利用いただき、ご自身のキャリアサイト専用の埋め込みコードを必ずコピー&ペーストしてください。

利用可能なJob Listingテンプレート

Zoho Recruitのキャリアサイトでは、初期設定で3種類のテンプレートが求人情報リスト用に用意されています。求人情報を埋め込む際は、自社Webサイトのデザインやブランディングに最適なテンプレートを選択できます。

テンプレート 1

このテンプレートは、求人情報をカード形式でコンパクトかつ整理されたレイアウトで表示し、各求人には必要最低限の詳細のみが表示されます。


テンプレート 2

2番目のテンプレートは、求人情報を表形式で表示し、複数の募集内容を比較しやすく、あわせて職務内容も確認できます。

テンプレート 3

3番目のテンプレートは、求人情報をさらに効果的に掲載します。検索用の棒グラフやファセットフィルターが含まれており、候補者はキーワードや場所、その他の条件で簡単に関連する求人を探すことができます。


コードをWebサイトに埋め込む

Webサイトのコンテンツ管理システム(CMS)またはコードエディターで、求人情報を表示したいページを開きます。
  1. HTMLコード内で、掲載箇所を探します。
  2. Zoho Recruitからコピーした埋め込みコードスニペットを貼り付けます。
  3. 変更を保存すると、求人情報がWebサイト上に埋め込まれて表示されます。

カスタマイズ

1. カスタム項目の追加

求人情報に追加項目を追加するには、以下の手順に従ってください。
  1. 設定に移動し、カスタマイズの下でタブを選択し、Job Openingsを選択して項目タブに移動します。
  2. 含めたい項目ラベルを探します。その項目ラベルについて、公開 in Career Siteオプションがチェックされているか、有効であることを確認してください。公開設定されている項目のみextra_fieldsとして追加できます。

次に、以下のコードスニペットをWebサイトに組み込んでください。下記の例は、Job_Opening_ID項目を含める方法を示しています。

rec_embed_js。load({
widget_id:'rec_job_listing_div',
page_name:'Careers',
データ元:'CareerSite',
site:'https://zylker。zohorecruit。com',
brand_color:'#D16134',
empty_job_msg:'いいえ 現在 Openings',
                extra_fields:['Job_Opening_ID']});

出力:

このコードを使用すると、Webサイト上に求人一覧が表示され、追加でJob Opening ID項目も含まれます。

2. 初期設定項目の削除  

初期設定で、Zoho Recruitは求人一覧に対して、職種、所在地、国、公開日、仕事内容、経験年数などの項目を提供しています。これらの項目のいずれかを削除したい場合は、CSSエディタやスタイルエディタを使い、下記のCSSをWebサイトに追加してください。
項目
CSS コード
市区町村を削除
.zrsite_City {display: なし !important;}
日付を削除
.zrsite_Date_Opened {display: なし !important;}
Job 種類を削除
.zrsite_Job_Type {display: なし !important;}
Job 説明を削除
.zrsite_Job_Description {display: なし !important;}

ここでは、Work ExperienceJob 種類項目を求人情報から削除する手順を説明します。
初期状態の求人情報は以下の通りです。

 

指定した項目を削除するには、以下のCSS コードを追加してください。

.zrsite_Work_Experience{
display:なし;
}
.zrsite_Job_Type{
display:なし;
}

 結果:

上記のCSSコードを適用すると、求人リストは次のように表示されます。Work ExperienceおよびJob種類の項目は求人リストから正常に削除されました。