기술 가이드

Google Call Widget을 웹사이트에 추가하는 방법

6 min read 가이드 업데이트됨 02 Oct 2025
웹사이트에 Google Call Widget 추가하는 방법
웹사이트에 Google Call Widget 추가하는 방법

웹사이트에 Google Call Widget을 추가하면 방문자가 귀하의 Google Voice 번호(또는 등록된 다른 번호)를 통해 음성으로 연락할 수 있습니다. 설치는 Google Voice 계정에서 위젯을 생성하고 제공되는 임베드 코드를 페이지에 붙여넣는 방식으로 이루어집니다. 아래 단계, 점검표, 문제해결 및 개인정보 고려사항을 따라 안전하게 구성하세요.

빠른 링크

  • Call Widget 추가 방법으로 이동
  • 결론으로 이동

웹사이트나 블로그에 Google Call Widget을 추가하면 방문자가 귀하의 Google Voice 번호를 사용해 연락할 수 있습니다. 이 위젯은 실제 전화번호를 노출하지 않고도 실시간 고객 지원을 제공할 수 있게 해주는 간단하고 비용 효율적인 수단입니다.

간단히 말해, Call Widget은 방문자가 위젯 폼에 입력한 번호로 먼저 전화를 걸어 연결을 수립한 뒤, 사용자가 지정한(또는 기본) 전화번호로 연결해 두 통화를 Google Voice가 서로 연결해 주는 방식으로 작동합니다.

준비 사항

  • Google 계정으로 Google Voice에 로그인되어 있어야 합니다.
  • 위젯이 전화를 걸어 연결할 수 있도록 수신 가능한 전화번호(휴대폰 또는 유선)를 하나 이상 등록 및 인증해야 합니다.
  • 웹사이트 편집 권한(HTML 편집 또는 위젯 추가 가능)이 필요합니다.

중요: 블로그 플랫폼(예: WordPress, Squarespace, Blogger 등)에 따라 HTML 또는 텍스트 위젯을 통해 설치해야 합니다. 일부 관리형 사이트에서는 외부 스크립트 삽입을 제한할 수 있습니다.

단계별 가이드

  1. Google Voice에 로그인하고 우측 상단의 톱니바퀴 아이콘을 클릭합니다. “Voice settings”(음성 설정) 메뉴를 선택합니다.

Google Voice 설정 화면 스크린샷

  1. “Add another phone”(다른 전화번호 추가) 링크를 클릭하여 Call Widget이 귀하에게 전화할 수 있는 번호를 추가합니다. Google Voice 번호를 기본으로 사용하려면 5단계로 건너뛰어도 됩니다.

새 전화번호 추가 화면 스크린샷

  1. 이름, 번호, 전화 유형(예: Mobile/휴대전화)을 입력합니다. 전화 유형을 “Mobile”로 선택하면 해당 번호로 문자 수신을 허용할지 여부를 선택할 수 있습니다. 입력 후 “Save”(저장) 버튼을 클릭해 설정을 저장하고 “Phones” 탭으로 돌아갑니다.

전화번호 상세 입력 화면 스크린샷

  1. 새 번호 옆의 “Verify Now”(지금 인증) 링크를 클릭한 다음 “Connect”(연결) 버튼을 눌러 인증을 시작합니다. Google Voice가 해당 번호로 전화를 걸어 코드 입력을 요구하므로 안내에 따라 코드를 입력하면 인증이 완료됩니다.

전화번호 인증 절차 화면 스크린샷

  1. Call Widget이 귀하에게 전화를 걸도록 할 번호의 체크박스를 클릭합니다. Google Voice 번호를 사용하려면 어떤 번호도 체크하지 않습니다. 번호를 선택했으면 “Call Widgets” 탭을 클릭합니다.

전화번호 선택 화면 스크린샷

  1. “Add a new Call Widget”(새 Call Widget 추가) 링크를 클릭해 웹사이트용 Call Widget을 정의합니다. 위젯은 5단계에서 선택한 번호(또는 Google Voice 번호)를 사용합니다.

새 Call Widget 추가 화면 스크린샷

  1. 이름 필드에 식별 가능한 이름을 입력하고, 통화 수신 방식을 선택합니다. 인사말(greeting) 유형을 선택하거나 직접 녹음할 수 있습니다. Call Widget이 고객과 연결될 때 어떻게 표시할지 옵션을 고르고 “Save changes”(변경사항 저장)를 클릭해 위젯 설정을 저장합니다.

Call Widget 설정 화면 스크린샷

  1. “Embed” 필드에 있는 모든 텍스트를 선택해 복사합니다. 이 코드를 블로그나 웹페이지에 붙여넣게 됩니다.

임베드 코드 복사 화면 스크린샷

  1. Call Widget을 추가하려는 웹페이지를 HTML 편집기로 엽니다. 위젯을 표시하고 싶은 위치(예: 판매 페이지, 사이드바 등)를 찾고, 복사한 코드를 붙여넣습니다. HTML 파일을 저장하고 업로드한 뒤 페이지에 위젯이 정상적으로 표시되는지 확인합니다.

참고: 대부분의 블로그 제공업체는 HTML 또는 텍스트 위젯을 통해 외부 코드를 붙여넣을 수 있습니다. WordPress 예시는 다음과 같습니다.

WordPress에서 HTML 위젯에 코드 붙여넣는 예시 스크린샷

  1. 웹사이트에서 위젯이 작동하는지 확인하려면 Call Widget 이미지를 클릭하고 이름과 전화번호(예: 본인의 휴대폰)를 입력합니다. 수신자에게 귀하의 번호를 보이지 않으려면 “Keep number private”(번호 비공개 유지) 체크박스를 선택하세요. “Connect”(연결)을 클릭하면 Google Voice가 자동으로 연결을 처리합니다.

Call Widget 테스트 화면 스크린샷

추가 팁 및 권장 설정

  • 여러 위젯: 필요에 따라 서로 다른 목적(판매, 기술지원, 상담 등)을 위해 여러 Call Widget을 생성하고 각기 다른 수신번호로 연결되게 할 수 있습니다.
  • 시간대 규칙: 영업시간 외에는 자동 응답으로 안내하거나 음성사서함으로 라우팅하도록 설정해 방문자의 기대를 관리하세요.
  • 녹음/인사말: 짧고 분명한 인사말을 사용하세요(예: 서비스명, 영업시간, 안내 선택지).

중요: 위젯을 통해 수신한 통화는 Google Voice 정책 및 해당 지역의 규정에 따릅니다. 영수증, 의료 정보, 민감한 개인 데이터 처리 시 별도의 동의와 보안 대책이 필요합니다.

점검표: 배포 전에 확인할 사항

  • Google Voice에 로그인되어 있고 전화번호가 인증되었는가?
  • 위젯의 임베드 코드를 올바른 페이지에 붙여넣었는가?
  • 위젯이 모바일/데스크톱에서 정상적으로 보이고 동작하는가?
  • 비공개 옵션(Keep number private)이 필요할 때 테스트했는가?
  • 음성사서함, 통화 기록 알림(이메일) 설정이 되어 있는가?
  • 개인정보 고지(개인정보 처리방침)에 위젯 사용 사실을 명시했는가?

문제해결(트러블슈팅)

  • 위젯이 페이지에 나타나지 않을 때

    • 플랫폼이 외부 스크립트 삽입을 차단하는지 확인하세요(관리형 호스팅이나 보안 플러그인).
    • 브라우저 콘솔에 오류가 있는지 확인(자바스크립트 충돌 등).
  • 통화가 연결되지 않을 때

    • 수신번호가 인증되었는지 확인하세요.
    • Google Voice 서비스 상태(일시적 장애)를 확인하세요.
    • 방화벽 또는 통화 차단 설정으로 인해 발신/수신이 제한될 수 있습니다.
  • 고객이 번호를 보지 못하도록 했는데, 수신자에게 번호가 보이는 경우

    • 위젯 설정의 ‘Keep number private’ 옵션을 다시 확인하세요. 일부 통신사 또는 국가에서는 투명성 규정으로 인해 번호 표시가 제한될 수 있습니다.

언제 이 방법이 잘 맞지 않는가

  • 통화 녹취나 고도화된 IVR(대화형 음성 응답) 또는 콜 센터 통합이 필요한 경우: Google Call Widget은 간단한 연결에 적합하며, 복잡한 라우팅이나 CRM 연동이 필요한 조직에는 제한적입니다.
  • 엄격한 규제 환경(의료, 금융 등): 민감한 정보 취급 시 추가 보안·컴플라이언스 요건 때문에 별도의 엔터프라이즈 솔루션이 필요할 수 있습니다.

대안 및 확장 방법

  • 전문 콜센터/클라우드 전화 솔루션(Amazon Connect, Twilio, Vonage 등)을 사용하면 CRM 연동, 고급 라우팅, 통화 녹음/분석 등 확장이 가능합니다.
  • 웹 기반 라이브 채팅 + 콜백 위젯 조합으로 멀티채널 지원을 제공할 수 있습니다.

개인정보 및 규정 준수(간단 정리)

  • 방문자로부터 수집하는 전화번호 등 개인식별정보(PII)는 개인정보 처리방침에 명시하고, 저장·전송 시 암호화 등 적절한 보안 조치를 적용하세요.
  • 유럽(EU) 또는 대한민국의 개인정보 보호법 등 지역 법률을 준수해야 합니다. 옵트인(동의)과 데이터 보존 정책을 검토하십시오.

테스트 케이스 및 수락 기준

  • 테스트 케이스 1: 위젯 클릭 -> 이름/번호 입력 -> Connect -> 수신번호가 30초 내에 벨이 울리며 연결되는가?
  • 테스트 케이스 2: 비공개 옵션 체크 -> 수신자에게 발신자 번호가 보이지 않는가?
  • 테스트 케이스 3: 인증되지 않은 번호로 설정 시 위젯이 오류를 안내하는가?

수락 기준(예)

  • 웹(데스크톱)과 모바일에서 위젯이 정상 표출되고, 90% 이상의 시도에서 연결이 성공해야 합니다(운영 모니터링 필요).

역할별 체크리스트

  • 개발자: 임베드 코드 삽입, 콘솔 오류 점검, 반응형(모바일) 스타일 검사
  • 운영/마케팅: 위젯 문구, 인사말, 영업시간 안내 설정
  • 보안/법무: 개인정보 처리방침 업데이트, 통화 데이터 보관 정책 검토

간단한 의사결정 흐름 (Mermaid)

flowchart TD
  A[웹사이트에 콜 위젯이 필요한가?] -->|단순 콜백/번호 비공개 필요| B[Google Call Widget 사용]
  A -->|CRM 연동, 고급 라우팅 필요| C[전문 클라우드 전화 솔루션 검토]
  B --> D{수신번호 인증 가능?}
  D -- 예 --> E[위젯 생성 및 임베드]
  D -- 아니오 --> F[번호 인증 또는 다른 번호 사용]

보안 하드닝 권장 사항

  • 위젯 스크립트가 HTTPS로 제공되는지 확인하세요.
  • 사이트에 CSP(Content Security Policy)를 적용하고, 필요한 도메인만 허용하세요.
  • 통화 관련 로그에 민감한 정보(예: 전체 전화번호)를 장기 보관하지 마세요.

결론

Google Call Widget은 웹사이트 방문자에게 간단하고 빠른 음성 연락 수단을 제공하는 실용적인 도구입니다. 설정은 비교적 간단하지만, 배포 전 전화번호 인증, 개인정보 고지, 플랫폼 호환성 등을 꼼꼼히 점검해야 합니다. 고급 콜 관리나 CRM 통합이 필요하면 전문 솔루션을 고려하세요.

요약: 위젯 생성 → 수신번호 인증 → 임베드 코드 삽입 → 테스트 → 운영 모니터링의 순서로 진행하면 안전하고 신뢰성 있는 콜 경험을 제공할 수 있습니다.

공유하기: X/Twitter Facebook LinkedIn Telegram
저자
편집

유사한 자료

Instagram에서 좋아요한 게시물 보는 방법 가이드
소셜미디어

Instagram에서 좋아요한 게시물 보는 방법 가이드

OpenVPN에서 LinOTP로 OTP 인증 설정
VPN

OpenVPN에서 LinOTP로 OTP 인증 설정

인스타그램 분석 가이드: 성과 측정과 추적
마케팅

인스타그램 분석 가이드: 성과 측정과 추적

WhatsApp 보기한번 사진·동영상 복구(2025)
안드로이드

WhatsApp 보기한번 사진·동영상 복구(2025)

CentOS 6.3에 Icecast 2.3.3 스트리밍 서버 설치
서버 가이드

CentOS 6.3에 Icecast 2.3.3 스트리밍 서버 설치

웹사이트에 Google Call Widget 추가하는 방법
가이드

웹사이트에 Google Call Widget 추가하는 방법