휴대전화 기능이 있는 기기에서 사용자가 전화번호를 탭하기만 하면 쉽게 개발자에게 직접 연락할 수 있으며 이 기능을 흔히 클릭 투 콜이라고 합니다.
요약
tel:스키마를 사용하여 하이퍼링크의 모든 전화번호를 래핑합니다.- 항상 국제 전화번호 형식을 사용합니다.
클릭 투 콜을 위한 전화번호 연결
대부분의 최신 모바일 브라우저는 자동으로 전화번호를 감지하여 링크로 변환하지만 코드에서 직접 이 작업을 수행하는 것이 좋습니다. 각 전화번호를 수동으로 태그하면 전화번호에 클릭 투 콜이 항상 사용 설정되고, 사이트와 일치하도록 스타일이 지정됩니다.
전화번호를 링크로 표시하려면 tel: 스키마를 사용합니다. 구문은 간단합니다.
NIST Telephone Time-of-Day Service
<a href="tel:+1-303-499-7111">+1 (303) 499-7111</a>
이 구문은 브라우저에 다음과 같이 표시됩니다.
NIST 전화 시간 서비스 +1 (303) 499-7111
전화 기능이 있는 대부분의 기기에서는 전화를 걸기 전에 사용자가 속임수로 비싼 장거리 전화나 프리미엄 전화번호로 전화를 거는 것을 방지하기 위해 확인을 받습니다. 기기에서 전화 통화를 지원하지 않으면 브라우저에서 전화번호를 처리하는 방법을 선택할 수 있는 메뉴가 사용자에게 표시될 수 있습니다.
음성 통화를 지원하지 않는 데스크톱 브라우저에서는 컴퓨터의 기본 전화 통신 앱(예: Google Voice 또는 Microsoft Communicator)이 열립니다.
국제 전화번호 형식 사용
항상 국제 전화번호 형식(더하기 기호(+), 국가 코드, 지역 번호, 전화번호)을 사용하여 전화번호를 제공합니다. 절대적으로 필요하지는 않지만 가독성을 높이고 자동 감지 기능을 개선하기 위해 하이픈 (-)으로 각 숫자 세그먼트를 구분하는 것이 좋습니다.
하이픈이 있는 국제 전화번호 형식을 사용하면 수백 미터 거리든 수천 킬로미터 떨어진 곳이든 사용자가 전화를 건 위치에 관계없이 통화가 연결됩니다.
필요한 경우 자동 감지 사용 중지
최신 모바일 브라우저는 자동으로 전화번호를 감지하고 클릭 투 콜을 지원합니다. 모바일 Safari는 연결된 하이퍼링크 스타일을 사용하여 전화번호를 링크로 자동 변환합니다. Android용 Chrome은 자동으로 전화번호를 감지하고 사용자가 클릭 투 콜을 할 수 있도록 허용하지만 전화번호를 하이퍼링크로 래핑하거나 특별한 스타일을 적용하지는 않습니다.
모바일 Safari가 자동으로 전화번호를 감지하지 못하게 하려면 다음 메타 태그를 페이지에 추가하세요.
<meta name="format-detection" content="telephone=no" />
기타 클릭 투 콜 기능
일부 최신 브라우저는 tel: 스키마 외에도 sms: 및 mms: 스키마를 지원하지만, 지원이 일관되지 않고 메시지 본문 설정과 같은 일부 기능이 항상 작동하는 것은 아닙니다.