임베드 설정
채용 공고를 외부 웹사이트에 임베드하거나, 채용 홈페이지에 커스텀 스크립트 코드를 삽입하여 추가 기능을 연동할 수 있습니다.
개요
채용 공고를 외부 웹사이트에 삽입하거나, 채용 홈페이지에 커스텀 스크립트 코드를 추가하는 방법을 안내합니다.
핵심 이점
자사 웹사이트에 채용 공고 목록, 공고 상세, 지원서 페이지를 직접 임베드할 수 있습니다.
별도 개발 없이 DIV 코드와 스크립트 코드를 복사하여 붙여넣기만 하면 됩니다.
커스텀 스크립트 삽입으로 추가 트래킹 및 분석 도구를 연동할 수 있습니다.
사전 준비
권한: 관리자 권한이 필요합니다. 매니저는 별도 권한 부여 시 편집할 수 있습니다.
외부 웹사이트 편집 권한: 임베드 코드를 삽입할 웹사이트의 HTML 편집 권한이 필요합니다.
1. 채용 공고 임베드
[채용 홈페이지] > [임베드 설정] 메뉴로 이동합니다.
임베드할 페이지 유형을 선택합니다.
공고 목록: 전체 채용 공고 리스트를 표시합니다.
공고 상세: 특정 채용 공고의 상세 페이지를 표시합니다.
지원서: 특정 공고의 지원서 양식을 표시합니다.
공고 목록 페이지는 기본 레이아웃과 사이드바 레이아웃 중 선택할 수 있습니다. 사이드바 레이아웃은 좌측에 필터 영역이 함께 표시됩니다.
2. 임베드 코드 복사 및 삽입
페이지 유형을 선택하면 DIV 코드와 스크립트 코드가 자동으로 생성됩니다.
DIV 코드의 [복사] 버튼을 클릭하여 코드를 복사합니다.
외부 웹사이트 HTML에서 임베드를 표시할 위치에 DIV 코드를 붙여넣습니다.
스크립트 코드의 [복사] 버튼을 클릭하여 코드를 복사합니다.
외부 웹사이트 HTML의
</body>태그 앞에 스크립트 코드를 붙여넣습니다.
DIV 코드에는 id="round_embed"와 data-form-id 속성이 포함되어 있습니다. 이 속성값을 임의로 수정하면 임베드가 정상 작동하지 않습니다.
3. 스크립트 코드 삽입
[채용 홈페이지] > [임베드 설정] 메뉴에서 스크립트 코드 임베드 영역으로 이동합니다.
입력란에 삽입할 JavaScript 코드를 붙여넣습니다.
[저장] 버튼을 클릭합니다.
스크립트 코드 삽입 시 반드시 다음 사항을 확인해 주세요.
신뢰할 수 있는 출처의 스크립트만 추가하세요.
검증되지 않은 스크립트는 사용자 정보 유출 및 보안 취약점을 유발할 수 있습니다.
스크립트 내용을 반드시 사전에 검토한 후 추가해 주세요.
가능하면 공식 분석 도구(Google Analytics, GTM 등)의 서비스 연동 기능을 사용하는 것을 권장합니다.
자주 묻는 질문
임베드 코드를 삽입했는데 페이지가 표시되지 않아요.
DIV 코드와 스크립트 코드가 모두 삽입되었는지 확인해 주세요. DIV 코드만 삽입하면 채용 공고가 로드되지 않습니다. 또한 DIV 코드의 id="round_embed" 속성이 변경되지 않았는지 확인이 필요합니다.
마지막 업데이트