WordPress에서 리드 생성을 위한 Google One 탭 로그인

게시 됨: 2023-02-07

안녕하세요 여러분, Google 이메일에서 리드를 받고 싶습니까? 이 블로그는 귀하를 위한 것입니다. 이 블로그에서는 리드 생성을 위해 WordPress 웹사이트에서 Google One Tap 로그인을 설정하는 방법을 알려드립니다.

웹 사이트 방문자로부터 리드를 얻고 그들의 이름과 이메일 ID를 얻으려면 단 한 번의 클릭으로 리드를 얻을 수 있도록 도와주는 플러그인이 있습니다.

Google One Tap Login

Google One Tap 로그인 기능을 사용하여 웹사이트에서 리드를 생성하는 데 도움이 되는 고유한 기능이 있는 Lead Form Builder라는 WordPress 플러그인이 있습니다.

오늘은 대시보드에서 Google 이메일 리드를 쉽게 얻을 수 있도록 웹사이트에 리드 양식 작성기를 통합하는 방법을 알아봅니다.

목차

리드 양식 작성 도구로 Google One Tap 로그인 설정

Google One Tap 로그인 기능으로 Lead Form Builder Pro 플러그인을 매끄럽게 복잡하게 만들 수 있습니다. 그 과정을 보여드리겠습니다.

Google One Tap Login WordPress

Lead Form Builder Pro Plugin에서 이 기능을 사용하려면 먼저 Google API 키를 생성해야 합니다. 아래 단계에 따라 Google API를 만드십시오.

Google API 만들기

Google App API를 만들려면 Google Developers Console 웹사이트를 방문해야 합니다. 여기에서 API를 만들려는 Google 계정으로 로그인해야 합니다.

Google App에 로그인한 후 상단 메뉴에서 " 프로젝트 선택 "을 클릭해야 합니다. 아래 스크린샷과 같이.

google api s 1

계속하려면 " 새 프로젝트 " 버튼을 클릭하는 팝업이 열립니다. 아래 스크린샷과 같이.

google api s 2

" 새 프로젝트 " 링크를 클릭하면 새 프로젝트 페이지로 이동합니다. 여기서 프로젝트 이름과 위치를 추가해야 합니다. 그런 다음 계속하려면 " 만들기 " 버튼을 클릭하십시오.

google api s 3

다음 단계에서 이제 " API 및 서비스 " 대시보드로 리디렉션됩니다. 이 페이지에서 메뉴 탭의 왼쪽에 있는 " OAuth 동의 화면 "을 클릭해야 합니다.

여기에서 " 외부 " 옵션을 선택해야 합니다. 아래 스크린샷과 같이 "만들기" 버튼을 클릭합니다.

google api s 4

다음 단계에서는 몇 가지 앱 정보를 입력해야 합니다. 앱 또는 웹사이트 이름, 사용자 지원 이메일과 같습니다.

참고- 승인하는 데 최대 4-5주가 걸리는 긴 프로세스이므로 앱 로고를 업로드하지 않는 것이 좋습니다.

google api s 5

그런 다음 ' 앱 도메인 ' 섹션까지 아래로 스크롤하면 여기에 웹사이트 홈페이지 링크, 개인정보 보호 정책 서비스 약관 링크를 삽입해야 합니다.

google api s 6

그런 다음 이 API를 사용하려는 도메인 이름을 추가합니다. 연락처 이메일 주소를 입력합니다. 이제 " 저장하고 계속 하기" 버튼을 클릭하여 계속 진행하십시오.

다음 범위 섹션에서 아래 스크린샷과 같이 " 저장하고 계속 하기"를 클릭합니다.

google api s 7

이제 다음 단계에서 아래 스크린샷 과 같이 왼쪽 메뉴 모음에서 " 자격 증명" 옵션 을 클릭해야 합니다.

그런 다음 아래 스크린샷과 같이 " 자격 증명 만들기 "를 클릭하고 " 0Auth 클라이언트 ID " 옵션을 선택해야 합니다.

google api s 8

그러면 " OAuth 클라이언트 ID 만들기 " 페이지로 이동합니다. 여기서 " 응용 프로그램 유형 " 드롭다운에서 " 웹 응용 프로그램 "을 선택해야 합니다.

우리는 웹사이트에 대해 이 API를 사용하고 있으므로 " 애플리케이션 " 옵션을 클릭하십시오.

google api s 9

그러면 " OAuth 클라이언트 ID 만들기 " 페이지로 이동합니다. 여기에 웹사이트의 URL을 입력해야 합니다. 로그인 후 사용자를 데려가려는 인증된 리디렉션 URL을 추가합니다. 그런 다음 " 만들기 " 버튼을 클릭합니다.

google api s 10

축하합니다 이제 OAuth 클라이언트가 생성되었습니다. 이제 아래 스크린샷과 같이 " Your Client ID " 및 " Your Client Secret " 팝업 창이 나타납니다.

google api s 11

이제 " Your Client ID "를 복사하고 이 ID를 Lead Form Builder Plugin에 사용해야 합니다.

이제 One Tap Google Lead Generation Plugin 기능을 활성화하는 방법을 알아보겠습니다.

리드 양식 작성기 Pro 플러그인 설치

이미 Lead Form Builder Pro 플러그인이 있습니다. 플러그인을 최신 버전으로 업데이트하십시오. 플러그인의 프로 버전이 없는 경우 여기에서 플러그인 양식을 구입할 수 있습니다.

이제 Lead Form Builder Pro 플러그인을 설치하거나 업데이트한 후. 아래 단계에 따라 Google One Tap 로그인 리드 생성 플러그인 기능을 설정하세요.

다음과 같이하세요-

대시보드 로 이동 > 테마덩크 > Lead Form Builder Pro 를 실행하고 " 새로 추가 " 버튼을 클릭합니다. 아래 스크린샷과 같이.

google auto login 323

" 새로 추가 " 버튼을 클릭하면 아래 스크린샷과 같이 양식 설정 페이지가 표시됩니다.

google auto form 832

양식 설정 페이지에서 위의 스크린샷에서 볼 수 있듯이 이름, 이메일, 프로필 사진 등과 같은 일부 필드를 추가하기만 하면 간단한 양식을 만들어야 합니다.

필드를 만든 후 양식 저장 버튼을 클릭하십시오.

이제 다시 대시보드의 Lead Form Builder Pro 페이지로 이동하여 "추가 기능 보기" 버튼을 클릭하고 아래 스크린샷과 같이 원탭 Google 자동 로그인 옵션을 클릭합니다.

Screenshot 2023 02 06 at 4.14.00 PM

이제 Google 설정 페이지로 한 번의 탭 로그인이 표시됩니다. 여기에서 다음과 같은 몇 가지 설정을 지정해야 합니다.

  1. 확장 프로그램 활성화
  2. Google API- 생성한 Google API 과거
  3. 리디렉션 URL - 리디렉션 URL을 입력합니다. 홈페이지
  4. 매핑- 여기에서 리드 양식 및 Google 데이터 매핑 필드를 추가해야 합니다.
  5. 모든 단계를 수행한 후 이제 저장 버튼을 클릭합니다.
one tap login 932
google login 32002

축하합니다. 웹사이트에서 Google One Tap 로그인을 성공적으로 사용하도록 설정했습니다.

이제 방문자가 웹사이트를 방문하면 웹사이트 오른쪽 상단에 Google One Tap 로그인 팝업이 표시됩니다. 아래 스크린샷에서 볼 수 있듯이.

google one tap 8032

이제 사용자가 귀하의 웹사이트에서 자신의 계정으로 로그인하면 리드 양식 빌더 데이터베이스에도 리드로 저장됩니다.

이러한 리드를 보려면 다운로드로 이동합니다. > ThemeHunk > 리드 양식 작성기에서 총 리드 옵션을 클릭합니다.

Screenshot 2023 02 06 at 4.48.41 PM

이렇게 하면 받은 리드의 세부 정보를 볼 수 있는 새 페이지로 이동합니다. 보기 링크를 클릭하면 모든 단일 리드 세부 정보를 볼 수 있습니다. 이름, 이메일, 프로필 사진, IP 주소, 국가 및 URL을 볼 수 있습니다.

google one tap 3434

다음은 예입니다.

google lead view 3243

이것이 웹사이트에서 리드 생성을 위한 Google One Tap 로그인을 만드는 방법입니다.

자주하는 질문

Q: Google One Tap 로그인이란 무엇인가요?

답변: Google One Tap 로그인은 사용자가 클릭 한 번으로 Google 계정을 사용하여 모든 웹사이트나 애플리케이션에 빠르고 안전하게 로그인할 수 있는 기능입니다.

Q: WordPress에서 Google One Tap 로그인을 사용할 수 있나요?

답변: 예, WordPress 사이트에서 Google 원탭 로그인을 사용할 수 있습니다.

이 기사가 도움이 된다면 친구들과 공유하십시오. 그리고 이것에 대해 궁금한 점이 있으면 주저하지 말고 아래에 의견을 말하십시오. Google One Tap 로그인에 어려움이 있는 경우 아래 댓글 섹션을 통해 질문할 수 있습니다. 또는 여기로 문의

YouTube 채널 을 구독하세요. 훌륭한 콘텐츠도 업로드하고 FacebookTwitter 에서도 팔로우하세요.

태그: Google 자동 서명, Google 원탭 로그인, 리드 양식 빌더, WordPress, WordPress 플러그인