앵커 태그에서 전화번호를 하이퍼링크하는 방법

Depositphotos 41021729s

나는 거의 전화를받지 않기 때문에 친구들이이 일을 쫓아 낼 것입니다.하지만 헤이… your 내 회사가 아니라 회사! iPhone, Android 및 기타 스마트폰의 급증으로 이제 모바일 브라우저에서 사용할 수 있도록 사이트를 최적화해야 할 때입니다.

회사는 방문자의 상당 부분이 모바일 장치를 통해 도착하는 것을 보고 있습니다. 모바일 기기에서 멋지게 보이는 반응형 웹사이트를 갖는 것은 더 이상 선택이 아닌 필수입니다.

모바일 경험을 구축할 때 종종 간과되는 한 가지가 있습니다. 전화번호 하이퍼링크 모바일 사용자가 클릭하여 전화를 걸 수 있습니다. 구문은 매우 간단합니다.

13172039800

일반적인 앵커 태그 웹 링크가있는 경우 값에 URL을 사용하고 이메일 링크는 흔한… 전화 번호 구문은 간단합니다. 전화 번호. 괄호, 마침표 및 대시가 있거나 없는 값을 테스트했으며 모든 것이 iPhone과 Droid에서 모두 작동하는 것으로 보입니다. 그러나 전화번호에 국가 코드를 포함하고 href 값에서 모든 대시, 공백 또는 점을 제거하는 것이 좋습니다.

얼마나 많은 사람들이 이 링크를 클릭하는지 측정하려면 Google 태그 관리자를 사용하여 Google 애널리틱스 이벤트 추가.

댓글 35

  1. 1

    천재 더그! 내 모든 클라이언트 사이트에서 사용할 계획입니다. 이 글을 내 블로그에 게시해도 되나요? 물론 완전한 저자를 제공합니다. 아주 멋지다! 😎

  2. 2

    전화 번호에 괄호, 마침표 또는 대시를 넣지 않을 이유가 있습니까? 그리고 html 전화 번호가 제목 태그처럼 작동합니까? href 코드 내에서 제목 태그를 수행하면 SEO 이점이 있습니까?

  3. 3

    @edeckers RFC3966 표준은 괄호를 지원하지 않는 것처럼 보이지만 국제 전화, 내선 등에 대한 다양한 옵션과 기호를 지원합니다.
    http://www.ietf.org/rfc/rfc3966.txt

    SEO에 관해서는 왜 안되는지 모르겠습니다! 비즈니스 이름 + "전화 번호"가 좋은 구현 방법 일 수 있습니다.

  4. 4

    안녕하세요, 그것은 멋진 속임수이지만 이것을 시도했고 Firefox는 링크를 읽는 방법을 모른다는 추악한 오류 메시지를 받았습니다. 나에게는 누군가가 데스크톱에서 링크를 클릭 할 때 휴대 전화가 링크에 액세스 할 수 있도록 할 때 추악한 오류 메시지를 표시 할 가치가 없습니다. Android에서 전화 번호를 "길게 누르면"자동으로 번호로 전화를 시도합니다. 내가 잘못? 해결 방법이 있습니까?

  5. 7
  6. 8

    정말 고맙습니다. 말씀하신 것처럼 간단하지만 효율적입니다. 몇 단계 더 나아가 아이콘에 연결하고 앵커 태그에 제목을 만들어 전화 번호를 표시하고 아이콘 위에 마우스를 올려 놓은 사용자를위한 추가 지침을 표시 할 수 있습니다. 다시 한 번 감사드립니다!

  7. 9
  8. 11
  9. 12

    나는 100 % 확신하지 못하지만 (그리고 이것은 꽤 오래된 토론이라는 것을 알고 있으므로 이것은 의존적이지 않을 수 있습니다) 요즘 대부분의 스마트 폰이 지금 자동으로 이것을 수행하지 않습니까?

  10. 14
  11. 15

    간단한 수정입니다. "href 값에 실제 숫자를 제외한 모든 것을 유지"하는 것이 좋습니다.

    "우리의 href 값의 실제 숫자를 제외하고 모든 것을 유지하십시오"를 의미한다고 확신합니다.

    아니면 그냥 구두점을 누르는 것뿐입니다 🙂

  12. 16
  13. 17

    감사합니다 Douglas, 사용중인 소셜 미디어 바는 무엇입니까? 귀하의 블로그는 멋지고 훌륭한 콘텐츠가 많습니다. Google Plus에서 연결하고 싶습니다. 다시 한 번 감사합니다

  14. 19
    • 20

      안녕 Dee, 귀하의 이메일 소프트웨어는 HTML을 지원하고 위에서 설명한 하이퍼 링크를 추가 할 수 있어야합니다. 이 기사는 이메일이 아닌 모바일 웹 사이트에서이를 수행하는 방법에 대해 자세히 설명했습니다.

  15. 21

    안녕 Douglas, 국제 전화를 걸 때 얼마나 잘 작동합니까? 국제 (예 : +44) 번호 또는 지역 코드를 사용하는 것이 가장 좋다고 생각하십니까?

    • 22

      솔직히 벤, 완벽하게 작동한다고 믿습니다. 많은 국제 전화가 지역 번호를 사용한다고 생각합니다. 나이지리아 사기꾼이 즉시 떠 오릅니다. 🙂

  16. 23

    안녕하세요, 해시 태그를 하이퍼 링크로 사용하여 전화를 걸 수 있나요? 지난번에 언급했다고 들었지만 보지 못했습니다. 감사합니다!

  17. 25

    Microsoft Publisher와 같은 전자 메일 마케팅 프로그램에서 "지금 전화"단추를 만들려면 어떻게합니까? 또한 그것을 mailchimp에 어떻게 넣을까요?

  18. 26
  19. 28
  20. 29
  21. 30
  22. 31
  23. 32
  24. 33
  25. 34

    매우 유익한 튜토리얼! 사실 저는 "클릭 가능한 전화 번호"대신 "클릭 투 콜 위젯"이라는 측면이 더 좋습니다. 내 사이트에서 Callback Tracker 플러그인을 사용해 본 결과 리드를 호출하는 대신 리드를 호출하는 기능으로 훨씬 더 많은 결과를 볼 수 있습니다. 개인적으로 대부분의 사이트에서 필요하다고 생각합니다. 다음은 플러그인 링크입니다. https://callbacktracker.com/plugins/wordpress-click-to-call-plugin-install-tutorial/

당신은 어떻게 생각하십니까?

이 사이트는 Akismet을 사용하여 스팸을 줄입니다. 댓글 데이터 처리 방법 알아보기.