방문자가 Facebook 계정으로 내 사이트에 가입하고 로그인할 수 있도록 Facebook 로그인을 설치할 수 있습니다. 이 도움말에서는 Facebook 로그인을 설치하는 방법을 단계별로 안내합니다.

주의: 2019년 3월부터 Facebook 정책 변경에 따라 Facebook 로그인을 사용하기 위해선 SSL 보안서버 인증서를 설치해야 합니다. 자세한 설치방법은 SSL 보안서버 인증서 설치하기 도움말에서 확인할 수 있습니다.

페이스북 로그인을 사용하기 위해선 아래와 같은 몇 가지 선행 작업이 필요합니다.

내 사이트 관리자 페이지에서 같은 이름(닉네임)으로 중복 가입 방지 옵션을 해제해 주세요. 소셜 로그인 가입자는 대부분 가입된 플랫폼의 이름(닉네임)을 그대로 사용하는 경향이 있으며, 소셜 로그인 플랫폼에서는 동일 이름(닉네임) 사용이 허용하기에, 해당 옵션을 해제해 주셔야 원활한 가입이 진행됩니다.

같은 이름(닉네임)으로 중복 가입 방지 또는 해제하기

페이스북 로그인을 정상적으로 사용하려면 내 사이트에 SSL 보안서버 인증서를 설치해야 합니다. SSL 보안서버 인증서가 설치된 사이트는 브라우저 주소창에 자물쇠 아이콘이 표시되며, https 로 접속됩니다.

SSL 보안서버 인증서 설치하기

  1. Meta for Developers에 접속합니다.

  2. 오른쪽 상단의 로그인을 클릭해 Facebook 개발자 계정으로 로그인합니다.

    참고: Facebook 로그인을 설정하기 위해선 Facebook 개발자 계정이 필요합니다. 오른쪽 상단의 시작하기 를 클릭해 Facebook 개발자 계정을 생성해 주세요.

  1. 오른쪽 상단의 내 앱을 클릭합니다.

TIP: '내 앱' 메뉴가 노출되지 않는다면, '시작하기'를 클릭하여 Facebook 개발자 계정을 생성해 주신 뒤 진행해 주세요.

  1. 앱 만들기 버튼을 클릭합니다.

  2. 이 앱에 연결할 비즈니스 포트폴리오를 선택하세요.연결할 비즈니스 포트폴리오를 선택한 후 "다음" 버튼을 클릭하거나, 또는 "아직 비즈니스 포트폴리오를 연결하고 싶지 않음"으로 선택 후 "다음" 버튼을 클릭하세요.

  3. 이용 사례앱에 필요한 기능 선택 - "Facebook 로그인을 통한 인증 및 사용자의 데이터 요청" 을 선택한 후 "다음"을 클릭합니다.

  4. 앱 상세 정보"앱 이름"과 "앱 연락처 이메일"을 추가 후 "다음" 버튼을 클릭합니다.

  5. 검토안내되는 내용 확인 후 "앱 만들기" 버튼을 클릭합니다.

1. [좌측 메뉴 탭 - 제품] 페이지 접속 후 구성 버튼을 클릭하여 ‘설정’을 클릭합니다.

2-1. 클라이언트 OAuth 설정 에서 다음의 항목들을 설정해야 합니다.

  • 클라이언트 OAuth 로그인 : 예

  • 웹 OAuth 로그인 : 예

  • HTTPS 적용 : 예

  • 웹 OAuth 재인증 사용 : 아니요

  • 포함(embed)된 브라우저 OAuth 로그인 : 아니요

  • 리디렉션 URI에 Strict 모드 사용 : 예

  • 기기에서 로그인 : 아니요

  • JavaScript SDK로 로그인 : 예

2-2. 유효한 OAuth 리디렉션 URI유효한 OAuth 리디렉션 URI에 아래 예시 화면과 같이 내 도메인을 추가합니다.주의: 도메인 뒤에 반드시 /oauth를 추가 입력해야 합니다.

2-3. JavaScript SDK에 허용된 도메인‘JavaScript SDK에 허용된 도메인’ 항목에는 사이트에서 사용하고 있는 도메인을 모두 입력합니다.

위와 같이 설정 후 오른쪽 아래 하단 ‘변경 내용 저장’ 버튼을 클릭합니다.

1. [좌측 메뉴 탭 - 앱 설정 > 기본 설정] 페이지에서 아래 내용 참고하여 정보를 모두 입력합니다.

참고: 앱 도메인 : https://도메인주소 개인정보처리방침 URL : https://도메인주소/?mode=privacy 서비스 약관 URL : https://도메인주소/?mode=policy 사용자 데이터 삭제 : https://도메인주소 카테고리 : 비즈니스 및 페이지, 커뮤니티 및 정보, 교육, 게임, 뉴스, 쇼핑 등

2. 해당 페이지 하단 [+ 플랫폼 추가 클릭 >  Website 체크 > 다음 버튼 클릭] 후 "사이트 URL" 부분에 도메인 주소를 입력 후 하단 ‘변경 내용 저장’ 버튼을 클릭합니다.

1. [좌측 메뉴 탭 - 검수 > 인증] 페이지에서 ‘인증 시작’ 버튼을 클릭해 비즈니스 인증을 진행해야 합니다.

참고: 2023년 2월 1일부터 페이스북 로그인은 인증된 비즈니스와 연결되어야 사용할 수 있습니다.비즈니스 인증은 서류 제출 후 짧게는 10분, 길게는 영업일 기준 14일 이내 인증되는 점 참고해 주세요.

2. 비즈니스 인증 완료 후 [좌측 메뉴 탭 - 게시] 메뉴로 접속하여 "데이터 처리 질문으로 이동" 으로 이동 후 "데이터 처리에 관한 질문에 답하기" 의 내용을 제출해 주세요.

3. 비즈니스 인증 완료 후 [좌측 메뉴 탭 - 검수 > 앱 검수] 로 이동하여 현재 요청의 "수정" 버튼을 클릭하고 "검수를 위해 제출" 버튼을 클릭해 주세요.참고 : 앱 심사의 일반적인 거부 사유를 미리 확인해 보시고 미리 숙지해 주시기 바랍니다.

4. 검수 완료 후 [좌측 메뉴 탭 - 게시] 페이지에서 우측 하단 "게시" 버튼을 클릭합니다.

단계: 앱 ID와 앱 시크릿 코드 복사하기

1. [좌측 메뉴 탭 - 설정 > 기본 설정] 페이지에서 앱 ID와 앱 시크릿 코드를 복사합니다.

2. [관리자 페이지 > 환경설정 > 소셜 로그인·지도·공유 > facebook 로그인] 항목 사용여부를 on 으로 변경한 후 복사한 앱 ID와 앱 시크릿 코드를 입력 후 저장해 주시면 페이스북 로그인 설정이 완료됩니다.