나는 거의 전화를받지 않기 때문에 친구들이이 일을 쫓아 낼 것입니다.하지만 헤이… your 내 회사가 아니라 회사! iPhone, Android 및 기타 스마트폰의 급증으로 이제 모바일 브라우저에서 사용할 수 있도록 사이트를 최적화해야 할 때입니다.
회사는 방문자의 상당 부분이 모바일 장치를 통해 도착하는 것을 보고 있습니다. 모바일 기기에서 멋지게 보이는 반응형 웹사이트를 갖는 것은 더 이상 선택이 아닌 필수입니다.
모바일 경험을 구축할 때 종종 간과되는 한 가지가 있습니다. 전화번호 하이퍼링크 모바일 사용자가 클릭하여 전화를 걸 수 있습니다. 구문은 매우 간단합니다.
13172039800
일반적인 앵커 태그 웹 링크가있는 경우 값에 URL을 사용하고 이메일 링크는 흔한… 전화 번호 구문은 간단합니다. 전화 번호. 괄호, 마침표 및 대시가 있거나 없는 값을 테스트했으며 모든 것이 iPhone과 Droid에서 모두 작동하는 것으로 보입니다. 그러나 전화번호에 국가 코드를 포함하고 href 값에서 모든 대시, 공백 또는 점을 제거하는 것이 좋습니다.
얼마나 많은 사람들이 이 링크를 클릭하는지 측정하려면 Google 태그 관리자를 사용하여 Google 애널리틱스 이벤트 추가.
천재 더그! 내 모든 클라이언트 사이트에서 사용할 계획입니다. 이 글을 내 블로그에 게시해도 되나요? 물론 완전한 저자를 제공합니다. 아주 멋지다! 😎
전화 번호에 괄호, 마침표 또는 대시를 넣지 않을 이유가 있습니까? 그리고 html 전화 번호가 제목 태그처럼 작동합니까? href 코드 내에서 제목 태그를 수행하면 SEO 이점이 있습니까?
@edeckers RFC3966 표준은 괄호를 지원하지 않는 것처럼 보이지만 국제 전화, 내선 등에 대한 다양한 옵션과 기호를 지원합니다.
http://www.ietf.org/rfc/rfc3966.txt
SEO에 관해서는 왜 안되는지 모르겠습니다! 비즈니스 이름 + "전화 번호"가 좋은 구현 방법 일 수 있습니다.
안녕하세요, 그것은 멋진 속임수이지만 이것을 시도했고 Firefox는 링크를 읽는 방법을 모른다는 추악한 오류 메시지를 받았습니다. 나에게는 누군가가 데스크톱에서 링크를 클릭 할 때 휴대 전화가 링크에 액세스 할 수 있도록 할 때 추악한 오류 메시지를 표시 할 가치가 없습니다. Android에서 전화 번호를 "길게 누르면"자동으로 번호로 전화를 시도합니다. 내가 잘못? 해결 방법이 있습니까?
확실히 모바일 사용자 인 In House를 대상으로합니다.
브라우저 감지를 통해 항상이를 피할 수 있습니다. 모바일이 아닌 / 더 큰 해상도 브라우저를 위해 숨겨진 div에 넣으십시오.
이 리퍼러 게시물 Doug에 감사드립니다.)
정말 고맙습니다. 말씀하신 것처럼 간단하지만 효율적입니다. 몇 단계 더 나아가 아이콘에 연결하고 앵커 태그에 제목을 만들어 전화 번호를 표시하고 아이콘 위에 마우스를 올려 놓은 사용자를위한 추가 지침을 표시 할 수 있습니다. 다시 한 번 감사드립니다!
하이퍼 링크 전화 번호에 텍스트를 추가 할 수도 있습니까?
href 변수는 숫자 만 허용한다고 생각합니다. 그러나 앵커 태그 자체에 원하는 텍스트를 넣을 수 있습니다.
이것은 훌륭한 속임수입니다! 지금부터 사이트에 추가하기 시작하겠습니다. 감사!
나는 100 % 확신하지 못하지만 (그리고 이것은 꽤 오래된 토론이라는 것을 알고 있으므로 이것은 의존적이지 않을 수 있습니다) 요즘 대부분의 스마트 폰이 지금 자동으로 이것을 수행하지 않습니까?
@ facebook-502306174 : disqus 많은 사람들이하지만 정의하지 않는 한 많은 사람들이 번호의 형식을 잘못 지정합니다.
감사.
간단한 수정입니다. "href 값에 실제 숫자를 제외한 모든 것을 유지"하는 것이 좋습니다.
"우리의 href 값의 실제 숫자를 제외하고 모든 것을 유지하십시오"를 의미한다고 확신합니다.
아니면 그냥 구두점을 누르는 것뿐입니다 🙂
감사합니다 브라이언!
감사합니다 Douglas, 사용중인 소셜 미디어 바는 무엇입니까? 귀하의 블로그는 멋지고 훌륭한 콘텐츠가 많습니다. Google Plus에서 연결하고 싶습니다. 다시 한 번 감사합니다
감사합니다 딘! 훌륭한 솔루션을 찾기 위해 인터넷을 많이 검색 한 후 Shareaholic과. 우리가 사용하지 않는 훨씬 더 많은 기능을 가지고 있지만 매우 유연합니다!
나는 여전히이 칼럼에서, 어떻게 전화 번호를 휴대폰으로 이메일을 보내는 지 모른다. 그래서 내 상사가 그것을 누르고 전화를 걸 수있다.
안녕 Dee, 귀하의 이메일 소프트웨어는 HTML을 지원하고 위에서 설명한 하이퍼 링크를 추가 할 수 있어야합니다. 이 기사는 이메일이 아닌 모바일 웹 사이트에서이를 수행하는 방법에 대해 자세히 설명했습니다.
안녕 Douglas, 국제 전화를 걸 때 얼마나 잘 작동합니까? 국제 (예 : +44) 번호 또는 지역 코드를 사용하는 것이 가장 좋다고 생각하십니까?
솔직히 벤, 완벽하게 작동한다고 믿습니다. 많은 국제 전화가 지역 번호를 사용한다고 생각합니다. 나이지리아 사기꾼이 즉시 떠 오릅니다. 🙂
안녕하세요, 해시 태그를 하이퍼 링크로 사용하여 전화를 걸 수 있나요? 지난번에 언급했다고 들었지만 보지 못했습니다. 감사합니다!
나는 이것을 아직 보지 못했다. 어떤 종류의 플러그인이나 스크립트를 작성할 수 있다고 생각하지만 기본 HTML 함수는 아닙니다.
Microsoft Publisher와 같은 전자 메일 마케팅 프로그램에서 "지금 전화"단추를 만들려면 어떻게합니까? 또한 그것을 mailchimp에 어떻게 넣을까요?
따라서 – 또는을 포함 할 필요가 없습니다. 숫자 사이? 또한 하이퍼 링크가 내선 번호를 직접 호출하도록 내선 번호를 어떻게 포함 시키겠습니까?
href 값 내에서 숫자 사이에 대시 나 점이 있으면 안됩니다. 앵커 텍스트 내에서 무엇이든 쓸 수 있습니다.
훌륭한 기사 – 매우 유용합니다. 감사!
훌륭한 기사.
안녕하세요 Douglas,이 코드를 공유해 주셔서 감사합니다.
그레이트 팁 더그! 감사합니다. 이 기사는 6 년 후 모든 것이 모바일 화되면서 더 관련성이 높습니다.
효과가있다!! 감사합니다 더그 !! 😉
당신의 도움을 주셔서 감사합니다!
매우 유익한 튜토리얼! 사실 저는 "클릭 가능한 전화 번호"대신 "클릭 투 콜 위젯"이라는 측면이 더 좋습니다. 내 사이트에서 Callback Tracker 플러그인을 사용해 본 결과 리드를 호출하는 대신 리드를 호출하는 기능으로 훨씬 더 많은 결과를 볼 수 있습니다. 개인적으로 대부분의 사이트에서 필요하다고 생각합니다. 다음은 플러그인 링크입니다. https://callbacktracker.com/plugins/wordpress-click-to-call-plugin-install-tutorial/
공유해 주셔서 감사합니다!