Facebook 로그인을 WordPress와 통합하는 방법

WordPress 웹사이트를 통해 참여도와 브랜드 충성도를 높이는 것은 까다로울 수 있습니다. 사용자와 연결 상태를 유지하는 가장 좋은 방법 중 하나는 사이트에 계정을 등록하는 것입니다. 그러나 많은 방문자는 이 작업이 번거롭다고 생각할 수 있습니다. 특히 새 보안 암호를 생성하고 나중에 기억해야 하는 경우에는 더욱 그렇습니다. 이 문제를 우회하는 한 가지 방법은 Facebook 로그인 기능을 제공하는 것입니다.

방문자가 계정을 만들고 사이트에 더 쉽게 액세스할 수 있도록 함으로써 사용자의 삶을 더 쉽게 만드는 동시에 간접적으로 참여를 유도할 수 있습니다. 이 기사에서는 WordPress 사이트에서 Facebook 로그인 버튼을 설정하는 방법을 정확히 보여줍니다.

파헤쳐보자!

WordPress 사이트에 Facebook 로그인을 추가하려는 이유

WordPress를 사용하면 즉시 사용자 등록을 허용할 수 있습니다. 웹사이트에 이미 로그인 옵션이 있으므로 Facebook 통합을 추가해야 하는 이유가 궁금할 수 있습니다. 주된 이유는 모두 사용자의 편의 때문입니다.

플랫폼의 월간 활성 사용자가 거의 28억 명이라는 점을 고려하면 사이트 방문자의 대다수는 이미 Facebook 계정을 가지고 있을 것입니다. 오늘날 사람들이 기억해야 하는 사용자 이름과 비밀번호의 수를 고려할 때 기존 계정을 사용하여 사이트에 등록하는 기능은 매우 편리합니다. 방문자는 이미 익숙한 로그인 정보를 사용할 수 있는 경우 계정을 만들 가능성이 더 높습니다.

웹사이트에 Facebook 로그인을 추가하면 사용자가 버튼 하나만 클릭하여 계정을 만들 수 있습니다.

물론 이러한 편리함이 비즈니스에 도움이 되지 않는 것은 아닙니다. 사용자가 더 쉽게 등록할 수 있도록 함으로써 간접적으로 사용자가 사이트에 더 많이 참여하도록 권장합니다. 이는 다음과 같은 여러 가지 이유로 바람직합니다.

• 웹사이트에 계정이 있으면 사용자가 브랜드에 더 많은 투자를 하고 있다는 느낌을 받을 수 있습니다.
• 사용자는 댓글을 남기고 콘텐츠와 상호 작용할 가능성이 더 높습니다. 이것은 커뮤니티 감각을 만들고 검색 엔진 최적화(SEO)를 향상시키는 데 도움이 됩니다.
• 그들은 이미 연결되어 있는 경우 소셜 네트워크와 콘텐츠를 공유할 가능성이 더 높아 게시물의 도달 범위를 높이는 데 도움이 됩니다.
• 등록된 사용자는 프로모션 및 새 콘텐츠 알림을 통해 더 쉽게 도달할 수 있습니다.

마지막으로 Facebook의 거대한 사용자 기반은 통합을 통해 다른 방법으로는 액세스할 수 없는 강력한 분석 및 인구 통계 정보를 제공할 수 있음을 의미합니다. 이러한 세부 정보는 비즈니스 성장에 있어 매우 중요합니다.

Facebook 로그인을 WordPress와 통합하는 방법(5단계)

이제 Facebook 로그인 통합을 고려해야 하는 이유 를 알았으므로 설정 방법을 배우고 이점을 누릴 차례입니다. 절차가 복잡해 보일 수 있지만 실제로는 보기보다 쉽습니다. 살펴보겠습니다.

1단계: Facebook 개발자 계정 설정

가장 먼저 해야 할 일은 Facebook 개발자 계정에 가입하는 것입니다. 이렇게 하면 Facebook SDK(소프트웨어 개발 키트)를 사용하여 사이트의 로그인 버튼을 포함하여 다양한 앱 및 통합을 만들 수 있습니다.

Facebook 개발자 사이트를 방문하여 오른쪽 상단에 있는 시작하기 를 클릭합니다. 몇 가지 질문을 받게 되지만 이미 Facebook 계정이 있는 경우 프로세스가 매우 빠릅니다. 완료되면 다음 단계로 이어지는 Facebook 앱 페이지로 이동합니다.

2단계: 새 Facebook 앱 만들기

다음 단계는 통합을 위한 코드가 포함될 용기인 Facebook 앱을 만드는 것입니다. 기본 앱 페이지에서 녹색 앱 만들기 버튼을 클릭하여 시작하세요.

그러면 앱에서 수행해야 하는 작업을 선택하라는 창이 열립니다.

Build Connected Experiences 를 선택하여 Facebook 로그인을 설정합니다. 다음으로 앱에 이름을 지정하고 연락처 이메일을 제공해야 합니다.

완료되면 앱 만들기를 클릭합니다 . 보안 문자로 인간성을 확인하라는 메시지가 표시되고 다음 단계로 진행할 수 있습니다.

3단계: 새 앱에 제품 추가

다음으로 새 앱에 사용할 제품을 선택해야 합니다. 이것은 기본적으로 올바른 방향으로 시작하는 데 도움이 되는 미리 패키징된 코드입니다. 2단계에서 연결된 경험 구축 을 선택한 경우 이 페이지에 Facebook 로그인 옵션이 표시되어야 합니다.

위로 마우스를 가져간 다음 설정 을 클릭합니다. 그러면 Facebook에서 앱의 플랫폼을 선택하라는 메시지를 표시합니다.

이것은 귀하의 웹사이트를 위한 것이므로 Web 을 선택 하십시오 . 다음 화면에는 웹사이트 URL 제공부터 시작하여 단계별 안내 목록이 표시됩니다.

일부 단계에서는 웹사이트의 다양한 위치에 코드를 복사하여 붙여넣어 분석을 활성화 하고 Facebook으로 연결 버튼을 추가하도록 지시합니다. 이 작업을 수동으로 수행할 수 있고 잘 작동하지만 5단계에서 WordPress 플러그인을 사용하여 프로세스를 훨씬 쉽게 만듭니다. 원하는 경우 이 단계를 안전하게 건너뛸 수 있습니다.

4단계: Facebook 로그인 버튼 구성

제품 추가 과정에서 4단계에 도달하면 Facebook에서 로그인 버튼에 대한 코드를 제공합니다. 이 시점에서 모양을 구성할 수 있습니다.

Facebook은 로그인 버튼을 원하는 대로 설정하는 데 사용할 수 있는 매우 유용한 코드 생성기를 제공합니다.

그런 다음 생성된 코드를 복사하여 사이트의 해당 페이지에 붙여넣기만 하면 됩니다. 다시 말하지만, Facebook 로그인 버튼을 수동으로 통합하는 대신 플러그인을 사용하여 이를 수행할 것이지만 사용자 지정 옵션은 여전히 ​​유용할 수 있습니다.

5단계: Nextend 소셜 로그인 플러그인을 사용하여 사이트에 로그인 버튼 표시

이 시점에서 WordPress 웹 사이트에 Facebook 로그인 버튼을 표시하도록 모두 설정되었습니다. Facebook 개발자 계정 대시보드의 지침에 따라 수동으로 추가할 수 있지만 플러그인을 사용하여 간단하게 유지하는 것이 좋습니다. Nextend 소셜 로그인은 Google 및 Twitter에서도 작동하는 환상적인 솔루션입니다.

이 플러그인을 설치하려면 WordPress 대시보드를 열고 플러그인 > 새로 추가로 이동합니다 . "Nextend"를 검색하고 플러그인을 설치합니다. 활성화하는 것도 잊지 마십시오.

그런 다음 설정 > Nextend 소셜 로그인으로 이동합니다.

Facebook 옵션에서 시작하기를 클릭하여 플러그인을 구성합니다. Facebook 앱을 만들기 위한 지침 목록이 표시됩니다. 이미 이 작업을 수행했으므로 아래로 스크롤하여 Facebook 앱 설정을 완료 했습니다 라는 버튼을 클릭할 수 있습니다.

다음으로 설정 화면이 표시됩니다.

앱 ID와 앱 암호를 입력해야 합니다. 이는 Facebook 개발자 계정에서 찾을 수 있습니다. 상단의 내 앱 을 클릭한 다음 이전에 생성한 앱을 선택합니다. 왼쪽 사이드바에서 설정 > 기본을 클릭 합니다 .

앱 ID와 앱 암호는 화면 상단에 있습니다. Nextend 설정에 입력합니다. Nextend의 ​​미리 만들어진 스타일 중 하나를 사용하여 여기에서 버튼의 모양을 구성하거나 4단계에서 만든 고유한 사용자 지정 버튼을 사용할 수 있습니다.

이 작업을 수행하고 변경 사항을 저장하면 로그인 페이지 에 Facebook 계속하기 버튼(또는 설정에서 선택한 텍스트)이 표시되어야 합니다.

결론

더 많은 가입을 유도하거나, 더 많은 댓글을 장려하거나, 더 나은 분석에 액세스하려는 경우 Facebook을 WordPress 사이트와 통합하는 것은 목표를 달성하는 훌륭한 방법이 될 수 있습니다. 과정이 두려운 것처럼 보일 수 있지만 일단 시작하면 그렇게 나쁘지 않습니다.

사이트에 Facebook 로그인 통합을 활성화하려면 다음 5단계를 따르십시오.

1. Facebook 개발자 계정을 설정합니다.
2. 페이스북 앱을 만듭니다.
3. 앱에 대한 제품을 추가합니다.
4. Facebook 로그인 버튼을 구성합니다.
5. Nextend 소셜 로그인 플러그인을 사용하여 사이트에 로그인 버튼을 표시합니다.

사이트에 Facebook 통합을 추가하는 방법에 대해 질문이 있습니까? 아래 의견 섹션에서 알려주십시오!

V3rc4/Shutterstock.com을 통한 추천 이미지