Đoạn html nào khi được nhấp sẽ thực hiện cuộc gọi điện thoại trên thiết bị di động được liên kết?

Tôi chưa bao giờ biết đây là sự cố khi tôi có điện thoại Android vì hầu hết các số điện thoại đều có thể nhấp được theo mặc định. Nhưng khi tôi chuyển sang iPhone, tôi nhận ra rằng rất nhiều trang web không có liên kết nhấp để gọi. Điều đó có nghĩa là tôi phải bắt đầu sao chép và dán các số điện thoại, điều chỉnh khu vực chọn nhỏ trên số điện thoại cho phù hợp để có được nó. Đó không phải là một giải pháp tốt

Cách tạo số điện thoại có thể nhấp bằng HTML

1. Bắt đầu với một thẻ liên kết tiêu chuẩn


2. Nhập số điện thoại của bạn không có dấu gạch ngang trong dấu ngoặc kép


3. Bây giờ là phần quan trọng, thêm số điện thoại. đến đầu số


4. Sau đó hoàn thành nó với một số văn bản cho liên kết

Call us at 555-428-0940

Đây là những gì bạn nên xem. Gọi cho chúng tôi theo số 555-428-0940 Nhấp vào liên kết để đảm bảo nó hoạt động. Nếu cuộc gọi được thực hiện, bạn đã hoàn tất

Các lỗi liên kết số điện thoại HTML phổ biến

  • Sử dụng dấu gạch ngang, đây là lỗi phổ biến nhất. Số không phải lúc nào cũng hoạt động trên mọi thiết bị
  • Quên đặt dấu hai chấm sau “tel”
  • Quên trích dẫn trong HTML

Cách tạo số điện thoại có thể nhấp trong WordPress

Thoải mái hơn với tab trực quan/trình chỉnh sửa WYSIWYG/TinyMCE?

  1. Chỉnh sửa trang của bạn hoặc đăng trong Wordpress
  2. Đảm bảo rằng bạn đang ở tab Trực quan - không phải tab Văn bản
  3. Đánh dấu số điện thoại hoặc văn bản bạn muốn làm cho có thể nhấp được trên điện thoại
  4. Nhấp vào nút "Siêu liên kết"
  5. Nhập số điện thoại. theo sau là số điện thoại của bạn không có dấu gạch ngang
  6. Áp dụng liên kết
  7. Cập nhật/xuất bản trang hoặc bài đăng của bạn

Đó là nó. Bạn đã hoàn tất

Thêm theo dõi sự kiện Google Analytics vào liên kết số điện thoại HTML

Đây là một giải pháp theo dõi cuộc gọi dễ dàng. kết hợp các bước trên với Google Analytics để theo dõi các sự kiện nhấp chuột

Ví dụ Nhấp để Gọi Liên kết với Theo dõi Sự kiện Google Analytics

Click to Call

  • Sao chép và dán mã liên kết đó
  • Hoán đổi số điện thoại và văn bản
  • Kiểm tra Google Analytics trong Hành vi -> Sự kiện -> Tổng quan hoặc Sự kiện hàng đầu

Đây là những lần nhấp đó trông như thế nào trong Google Analytics

Nếu bạn đang sử dụng Wordpress, bạn có thể gặp sự cố với Google Analytics và theo dõi sự kiện. Tôi khuyên bạn nên sử dụng Trình quản lý thẻ của Google cho tất cả các thẻ trên Wordpress. Bạn sẽ cần phải có một số kỹ năng HTML, nhưng nó đơn giản hóa mọi thứ

Liên kết sau đây có thể được sử dụng để tạo liên kết điện thoại có thể nhấp. Bạn có thể sao chép mã bên dưới và dán vào trang web của mình, sau đó chỉnh sửa bằng số điện thoại của bạn. Mã này có thể không hoạt động trên tất cả các điện thoại nhưng hoạt động với iPhone, Droid / Android và Blackberry

1-847-555-5555

Liên kết số điện thoại có thể được sử dụng với dấu gạch ngang, như được hiển thị ở trên hoặc không có dấu gạch ngang cũng như trong ví dụ sau

1-847-555-5555

Cũng có thể sử dụng bất kỳ văn bản nào trong liên kết miễn là số điện thoại được thiết lập với phần "tel. 18475555555" như trong ví dụ này

Click Here To Call Support 1-847-555-5555

Dưới đây là một siêu liên kết điện thoại có thể nhấp, bạn có thể kiểm tra. Trong hầu hết các trình duyệt không dành cho điện thoại, liên kết này sẽ báo lỗi "Không thể hiển thị trang web" hoặc sẽ không có gì xảy ra

GHI CHÚ. Trình duyệt iPhone Safari sẽ tự động phát hiện số điện thoại trên một trang và sẽ chuyển đổi văn bản thành liên kết cuộc gọi mà không cần sử dụng bất kỳ mã nào trên trang này

Mã liên kết điện thoại thông minh WTAI. Mã liên kết WTAI hoặc "Giao diện ứng dụng điện thoại không dây" được hiển thị bên dưới. Mã này được coi là giao thức điện thoại di động chính xác và sẽ hoạt động trên điện thoại thông minh như Droid, tuy nhiên, mã này có thể không hoạt động với Apple Safari trên iPhone và mã trên được khuyến nghị

Tại một thời điểm, các thiết bị di động chủ yếu được sử dụng để gọi cho bạn bè và gia đình. Tuy nhiên, những ngày đó đã qua lâu rồi và chúng ta đã chuyển sang sử dụng iPhone và Android để làm mọi thứ, từ chơi Angry Birds đến lướt web. Tuy nhiên, gọi thoại vẫn có vị trí của nó trên thế giới. Đó là lý do tại sao bạn cần số điện thoại có thể nhấp vào HTML trong email của mình

Có rất nhiều doanh nghiệp vẫn dựa vào các cuộc gọi điện thoại để kiếm sống—từ các nhà hàng Thái Lan mang đi cho đến thẩm mỹ viện địa phương của bạn. Có lẽ ngay cả bạn và khách hàng của bạn cũng phù hợp với danh mục này

Đọc tiếp để khám phá cách bạn có thể thu hút người đăng ký thực hiện cuộc gọi từ bản tin email HTML nhận được trong ứng dụng email dành cho máy tính để bàn, web hoặc thiết bị di động của họ. Nổi bật là một bản tin email HTML mẫu (trong hình) mà bạn có thể tải xuống, điều chỉnh và sử dụng để tìm hiểu thêm về kỹ thuật này

Số điện thoại có thể nhấp vào HTML hoạt động như thế nào?

Tạo liên kết để gọi thuận tiện không có gì mới. Trước khi một trong hai bên trên sử dụng các liên kết này, URL Skype đã phổ biến trên web. Skype là một chương trình có thể được cài đặt trên máy Windows và Mac, cũng như trên điện thoại iOS và Android. Tính đến năm 2017, Skype đạt trung bình 300 triệu người dùng hoạt động hàng tháng

Các phương pháp này có thể thích ứng để sử dụng trong email HTML. Các liên kết kết quả có thể được tùy chỉnh, nghĩa là bạn có thể biến số điện thoại hoặc tên người dùng Skype thành lời kêu gọi hành động táo bạo. Để chứng minh, hãy xem mẫu ví dụ (bấm vào để xem)

Đoạn html nào khi được nhấp sẽ thực hiện cuộc gọi điện thoại trên thiết bị di động được liên kết?

Cuộc gọi. nút ” đã bị tắt trong hầu hết các trình duyệt và điều này sẽ được thảo luận sau trong bài viết này

Làm cách nào để tạo số điện thoại có thể nhấp vào HTML?

Khi tìm hiểu cách làm cho số điện thoại có thể nhấp được, tất cả phụ thuộc vào mức độ kỹ năng viết mã HTML của bạn

Viết mã là thứ hiện được dạy trong trường học như một phần trong chương trình giảng dạy thông thường của họ. Tuy nhiên, điều đó không phải lúc nào cũng đúng, vì vậy, mã hóa có vẻ khá phức tạp đối với nhiều người.

Tuy nhiên, có khá nhiều công cụ có sẵn để giúp đơn giản hóa quy trình. Ví dụ: các trang web như Wix và WordPress cho phép thiết lập trang web đơn giản, không cần kiến ​​thức về mã hóa trước đó

Điều tương tự cũng có sẵn cho các công cụ tiếp thị. Ví dụ: tại Trình theo dõi chiến dịch, chúng tôi cho phép khách hàng truy cập và chỉnh sửa HTML email để giúp họ tạo các chiến dịch email tương tác. Tùy chọn này yêu cầu kiến ​​thức mã hóa HTML. Tuy nhiên, khách hàng luôn có thể sử dụng trình tạo email của chúng tôi nếu họ không có kinh nghiệm trong lĩnh vực này

Làm cách nào để tạo liên kết “Nhấp để gọi” qua mã HTML?

Mặc dù có các tùy chọn khác dành cho những người chưa có kinh nghiệm viết mã HTML, nhưng điều cần thiết là phải có ý tưởng cơ bản về mã của bạn trông như thế nào trước khi bắt đầu làm việc với nó.

Một trong những mã HTML cơ bản nhất mà các nhà tiếp thị qua email sẽ muốn làm quen là cách tạo số điện thoại có thể nhấp được trong email, bản tin và các tài liệu quảng cáo khác của họ

Trước khi trình bày kiến ​​thức mã hóa chi tiết cần thiết cho những thứ như số Skype và nội dung khác, chúng ta sẽ xem xét mã HTML cơ bản cần thiết để tạo một số điện thoại có thể nhấp được

Để thực hiện việc này, hãy mở trình soạn thảo HTML của bạn rồi làm theo các bước sau theo thứ tự

  1. Start your code with
  2. Ghi lại vị trí của dấu ngoặc kép, vì bây giờ bạn sẽ nhập số điện thoại doanh nghiệp của mình vào giữa các dấu ngoặc kép. Đảm bảo nhập nó mà không có dấu gạch ngang và nhập “tel. ” trước khi bạn bắt đầu nhập số của mình. Ví dụ.
  3. Next, you’ll add any text you wish to link. This text will go between the ><. The text that gets entered here will be your call to action (CTA) followed by your phone number again. EX: >Call Us at +YOURPHONENUMBERHERE<

Dưới đây là giao diện của toàn bộ mã sau khi bạn đặt tất cả lại với nhau

Đoạn html nào khi được nhấp sẽ thực hiện cuộc gọi điện thoại trên thiết bị di động được liên kết?

Một số ứng dụng email gây đau đầu về mã hóa

When testing email newsletters on the iPhone and in Gmail, we found that both email clients automatically wrap phone numbers with  tags like in the following example:

________số 8

Các thẻ này có thể gây phiền toái lớn cho các nhà thiết kế email, vì những thẻ này 'mới'. các liên kết có xu hướng đậm, xanh sáng và thường khó tạo kiểu bằng CSS

Đánh bại cơn đau đầu. liên kết với số điện thoại và tên người dùng Skype

Có một sửa chữa chung cho vấn đề này. thêm trước điện thoại của riêng bạn. liên kết đến mã HTML. Sử dụng phương pháp này, bạn cũng có thể thêm liên kết số điện thoại vào bất cứ nơi nào bạn thấy phù hợp. Ví dụ: điều này có thể nằm trong lời kêu gọi hành động của bạn hoặc xung quanh dòng “gọi cho chúng tôi ngay bây giờ” trong bản sao của bạn

To order a pizza, call us now.

Điều tương tự cũng có thể được thực hiện với các liên kết Skype


0

Nhược điểm của phương pháp này là để các liên kết có thể phát hiện được trong các ứng dụng email, chúng tôi không thể chuyển đổi chúng thành các liên kết theo dõi để sử dụng trong báo cáo chiến dịch Giám sát chiến dịch. Để tắt tính năng theo dõi cụ thể cho các liên kết này, chúng tôi sử dụng thuộc tính cm_dontconvertlink 


1

Tuy nhiên, không phải ứng dụng email nào cũng biết cách xử lý tel. liên kết. Skype phải có trên máy của người nhận đối với skype. liên kết để làm việc. Với suy nghĩ này, đây là hình thức hỗ trợ trên các ứng dụng email chính


Ứng dụng email trên máy tính để bànTel. Hỗ trợSkype. Hỗ trợOutlook 2007/2010 Không Outlook 2003 KhôngYesApple MailNoYesWindows Live MailNoYesThunderbirdNoYesWebmail clientsTel: SupportSkype: SupportHotmailKhôngKhông Yahoo. Thư Không Gmail . Hỗ trợSkype. Hỗ trợiPhoneAOLNoNoMobile email clientsTel: SupportSkype: SupportiPhone Android (Gmail) NoAndroid (default)YesNoBlackBerry 6 OSYesNoWindows Mobile 7YesNo

Trong khi  tel. hỗ trợ tuyệt vời trên các ứng dụng khách di động, nó có thể không đáng tin cậy trên máy tính để bàn và trong các ứng dụng webmail. Ngược lại, skype.   hỗ trợ cực kỳ hiệu quả trên máy tính để bàn, nhưng không hiệu quả trên thiết bị di động và ứng dụng webmail (trừ khi bạn đã cài đặt thanh công cụ web của Skype).

vô hiệu hóa điện thoại. liên kết trong ứng dụng máy tính để bàn và webmail

Do những rắc rối cố hữu trong việc giới thiệu  tel. liên kết trong mọi thứ trừ ứng dụng email di động, tùy chọn tốt nhất là tắt chúng đi. Điều này có thể được thực hiện bằng cách lồng văn bản liên kết vào một phần tử cấp khối (e. g. , một bảng), gói phần này bằng  tel. , sau đó áp dụng CSS sau.


2

Điện thoại  . liên kết ở trên không hoạt động trong Outlook, Apple Mail, Thunderbird và hầu hết các kết hợp trình duyệt/webmail. Tuy nhiên, Google Voice vẫn nhận trên  tel.  liên kết, ngay cả với các giải pháp thay thế ở trên.

Trong ứng dụng email di động, chúng tôi sẽ kích hoạt liên kết bằng cách sử dụng truy vấn


3

Thực hiện tốt, nếu tôi tự nói như vậy

Mẫu, của bạn để tải xuống và chỉnh sửa

Đây không phải là giải pháp hoàn hảo do thiếu tính năng theo dõi và hạn chế với  tel. hỗ trợ. Tuy nhiên, nếu doanh nghiệp của bạn phụ thuộc vào yêu cầu qua điện thoại, thì bạn có thể xây dựng các chiến dịch rất sáng tạo xung quanh kỹ thuật này.

Tôi rất cảm kích vlanzoiz vì đã truyền cảm hứng và thử nghiệm ban đầu cũng như Panic vì đã cho phép tôi sử dụng lại thiết kế của họ. Nếu bạn có bất kỳ câu hỏi hoặc nhận xét nào về việc bắt đầu các cuộc gọi điện thoại từ các bản tin email, chúng tôi rất muốn nghe chúng trong các nhận xét bên dưới.

Một lần nữa, sau đây là mã HTML để tạo số điện thoại có thể nhấp để bạn sử dụng và điều chỉnh khi bạn thấy phù hợp

Đoạn html nào khi được nhấp sẽ thực hiện cuộc gọi điện thoại trên thiết bị di động được liên kết?

Gói (lại

Chỉ nghĩ đến mã hóa HTML thôi cũng có thể khiến một số người đau đầu ngay lập tức. Tuy nhiên, với tất cả công nghệ hiện có, nó không nhất thiết phải như vậy

Nhờ các chương trình và trình soạn thảo HTML được xây dựng dành cho các nhà tiếp thị, việc chèn mã HTML vào email, bản tin và các tài liệu tiếp thị khác của bạn có thể trở nên đơn giản

Mã hóa HTML có thể giúp bạn chèn phần sau vào chiến dịch email của mình

  • CTA đơn giản để làm theo cho người tiêu dùng
  • Số điện thoại có thể nhấp
  • Các địa chỉ email có thể nhấp mở ngay trong một ứng dụng email nhất định
  • Số Skype có thể nhấp
  • Cho phép người tiêu dùng gửi tin nhắn văn bản đến một số nhất định

Bạn muốn đưa các chiến dịch email của mình lên một tầm cao mới?

Phần tử gốc của tài liệu HTML Linkedin là gì?

Ở đầu cây phả hệ là tài liệu. Và sau đó, cái mà chúng tôi gọi là phần tử gốc, thường là thẻ HTML . Bên trong phần tử đó, chúng ta có các phần tử con của phần tử html, thường là thẻ head và body.

Mục đích của thuộc tính lớp trong HTML Linkedin là gì?

Thuộc tính được sử dụng phổ biến nhất là thuộc tính lớp. Nó cung cấp cho chúng tôi cách đính kèm tên có thể sử dụng lại cho bất kỳ phần tử nào . Vì vậy, chúng ta có thể xử lý tên đó trong CSS của mình và áp dụng kiểu dáng…

Tên để gọi một chức năng bên trong cùng một chức năng Linkedin là gì?

Mục đích của thuộc tính lang trong mã được liên kết này là gì?

Trong đoạn mã dưới đây, mục đích của thuộc tính lang là gì? . Nó thiết lập ngôn ngữ cho trang web—trong trường hợp này là tiếng Anh. It establishes the language for the paragraph—in this case, English. It establishes the language for the website—in this case, English.