मोबाइल फोन पर एक वेब पेज में लिंक पर क्लिक करने पर फोन कॉल को कैसे ट्रिगर किया जाए


493

मुझे मोबाइल उपकरणों के लिए एक वेब पेज बनाने की आवश्यकता है। केवल एक चीज है जो मुझे अभी तक समझ नहीं आई है: मैं टेक्स्ट क्लिक के माध्यम से फोन कॉल को कैसे ट्रिगर कर सकता हूं?

क्या कोई विशेष URL है जिसे मैं mailto:ईमेल के लिए टैग की तरह दर्ज कर सकता हूं ?

डिवाइस विशिष्ट समाधान को प्राथमिकता नहीं दी जाती है।

मुझे पता है कि iPhone स्वचालित रूप से फोन नंबर पहचानता है और इसके लिए एक लिंक बनाता है, लेकिन यह बहुत अच्छा होगा यदि यह छवियों के लिए भी किया जा सकता है ... और अधिकांश मोबाइल उपकरणों के लिए भी।

जवाबों:


867

अधिकांश आधुनिक उपकरण टेल: स्कीम का समर्थन करते हैं। तो उपयोग करें <a href="tel:555-555-5555">555-555-5555</a>और आप जाने के लिए अच्छा होना चाहिए।

यदि आप इसे एक छवि के लिए उपयोग करना चाहते हैं, तो <a>टैग को <img/>अन्य सामान्य स्थितियों की तरह ही इसमें रखा जा सकता है :<a href="tel:555-555-5555"><img src="path/to/phone/icon.jpg" /></a>


12
यह डेस्कटॉप के लिए कैसे डाउनग्रेड करता है? आप स्पष्ट रूप से डेस्कटॉप के लिंक को सही तरीके से ले जाना नहीं चाहते हैं? या क्या मुझे ब्राउज़र को सूँघना है और एनक्लोज़िंग टैग को मारना है?
डीएम

9
@ 3Dom इसे आज़माएं। यह आपके फोन प्रोग्राम को लॉन्च या पूछता है।
सेस टिम्मरमैन

1
@ 3Dom डेस्कटॉप में कोई समस्या नहीं औरोरा 29.0a2 (2014-02-07)। आप कॉल करने के लिए एक छवि लिंक का उपयोग कर सकते हैं (एंड्रयू का उत्तर देखें), और उसके पास सादे पाठ में संख्या है।
सेस टिम्मरमैन

2
भविष्य के संदर्भ के लिए: ओएस एक्स योसेमाइट और ऊपर, यह फेसटाइम ऐप लॉन्च करेगा और अगर उपयोगकर्ता के पास आईफोन है, तो वास्तव में उन्हें अपने डेस्कटॉप / लैपटॉप के साथ कॉल करने की अनुमति देता है।
जेफ़ हुआजसमैन

8
नमस्कार, प्लस साइन और देश कोड इस तरह रखना न भूलें: + 1-555-555-5555 यदि आप Skype का उपयोग करते हैं, तो यह तुरंत डायल करने के लिए आवश्यक है।
सैमुअल रमजान

59

उचित URL योजना टेली है: [संख्या] इसलिए आप करेंगे

<a href="tel:5551234567"><img src="callme.jpg" /></a>

45

संपूर्णता के लिए यहां एक उत्तर जोड़ना चाहते हैं।

<a href="tel:1234567">Call 123-4567</a>

अधिकांश उपकरणों पर ठीक काम करता है। हालाँकि, डेस्कटॉप पर यह एक लिंक के रूप में दिखाई देगा, जब आप इस पर क्लिक करते हैं तो कुछ भी नहीं करते हैं इसलिए आपको सीएसएस का उपयोग करने के लिए इसे केवल मोबाइल उपकरणों पर सशर्त रूप से दृश्यमान बनाना चाहिए।

इसके अलावा, आपको पता होना चाहिए कि स्काइप (जो कि काफी लोकप्रिय है) डिफ़ॉल्ट रूप से एक अलग सिंटैक्स का उपयोग करता है (लेकिन टेल का उपयोग करने के लिए पैरामेड किया जा सकता है)।

<a href="callto:1234567">Call 123-4567</a>

हालांकि, मुझे लगता है कि नवीनतम मोबाइल ब्राउज़रों में (मुझे Android पर निश्चित रूप से पता है) अब telसिंटैक्स को उपलब्ध अनुप्रयोगों का एक पॉपअप पेश करना चाहिए जिसका उपयोग कॉलिंग क्रिया को पूरा करने के लिए किया जा सकता है।


एक यूआरएल के लिए Android में शेयर संवाद खोलने के बारे में पता होगा?
whizcreed

@whizcreed क्षमा करें भाई, मेरा क्षेत्र नहीं।
vvohra87

4
क्या "टेली" प्रोटोकॉल स्काइप के साथ काम करता है, या केवल उनका "कॉलआउट" प्रोटोकॉल है?
हच मूर

@HutchMoore यह स्काइप के "tel:" उपसर्ग को जोड़ना संभव है। स्काइप मापदंडों में एक विकल्प है ("
कॉल्टो

20

क्लिक करने योग्य स्मार्टफोन लिंक कोड:

निम्न लिंक का उपयोग क्लिक करने योग्य फोन लिंक बनाने के लिए किया जा सकता है। आप नीचे दिए गए कोड को कॉपी करके अपने वेबपेज में पेस्ट कर सकते हैं, फिर अपने फोन नंबर के साथ एडिट कर सकते हैं। यह कोड सभी फोन पर काम नहीं कर सकता है, लेकिन iPhone, Droid / Android और ब्लैकबेरी के लिए काम करता है।

<a href="tel:1-847-555-5555">1-847-555-5555</a>

फ़ोन नंबर लिंक का उपयोग डैश के साथ किया जा सकता है, जैसा कि ऊपर दिखाया गया है, या उनके बिना और साथ ही निम्न उदाहरण में:

<a href="tel:18475555555">1-847-555-5555</a>

जब तक फोन नंबर "टेल: 18475555555" इस उदाहरण के रूप में सेट किया गया है, तब तक लिंक में किसी भी पाठ का उपयोग करना संभव है:

<a href="tel:18475555555">Click Here To Call Support 1-847-555-5555</a>

नीचे एक क्लिक करने योग्य टेलीफोन हाइपरलिंक है जिसे आप देख सकते हैं। अधिकांश गैर-फोन ब्राउज़रों में यह लिंक आपको "वेबपेज प्रदर्शित नहीं किया जा सकता" त्रुटि देगा या कुछ भी नहीं होगा।

नोट: iPhone सफारी ब्राउज़र स्वचालित रूप से एक पृष्ठ पर एक फोन नंबर का पता लगाएगा और इस पृष्ठ पर किसी भी कोड का उपयोग किए बिना पाठ को कॉल लिंक में बदल देगा।

WTAI स्मार्टफोन लिंक कोड: WTAI या "वायरलेस टेलीफोनी एप्लीकेशन इंटरफेस" लिंक कोड नीचे दिखाया गया है। इस कोड को सही मोबाइल फ़ोन प्रोटोकॉल माना जाता है और यह Droid जैसे स्मार्टफ़ोन पर काम करेगा, हालाँकि, यह iPhone पर Apple Safari के लिए काम नहीं कर सकता है और उपरोक्त कोड की सिफारिश की गई है।

<a href="wtai://wp/mc;18475555555">Click Here To Call Support 1-847-555-5555</a> 

3

अनिवार्य रूप से, फोन नंबर की ओर इशारा करते हुए <a>एक hrefअटेर के साथ एक तत्व का उपयोग करें tel:। ध्यान दें कि देश कोड को निर्दिष्ट करने के लिए प्लसस का उपयोग किया जा सकता है, और हाइफ़न को केवल मानव आंखों के लिए शामिल किया जा सकता है।

एमडीएन वेब डॉक्स

https://developer.mozilla.org/en-US/docs/Web/HTML/Element/a#Creating_a_phone_link

एचटीएमएल <a>तत्व (या एंकर तत्व), उसके href विशेषता के साथ, अन्य वेब पृष्ठों, फ़ाइलें, एक ही पृष्ठ के भीतर स्थानों, ईमेल पते, या किसी अन्य यूआरएल के लिए एक हाइपरलिंक बनाता है।

[...]

फोन लिंक की पेशकश उपयोगकर्ताओं को वेब दस्तावेज़ और लैपटॉप से ​​जुड़े लैपटॉप देखने में मददगार है।

<a href="tel:+491570156">+49 157 0156</a>

IETF दस्तावेज़

https://tools.ietf.org/html/rfc3966

telटेलिफोन नंबर का यूआरआई

"Tel" URI में निम्नलिखित सिंटैक्स है:

telephone-uri = "tel:"टेलीफोन-ग्राहक

[...]

उदाहरण

tel:+1-201-555-0123: यह यूआरआई संयुक्त राज्य में एक फोन नंबर की ओर इशारा करता है। संख्या को अधिक मानव पठनीय बनाने के लिए हाइफ़न शामिल हैं; वे देश, क्षेत्र कोड और ग्राहक संख्या को अलग करते हैं।

tel:7042;phone-context=example.com: URI संदर्भ "example.com" के भीतर मान्य एक स्थानीय फ़ोन नंबर का वर्णन करता है।

tel:863-1234;phone-context=+1-914-555: यूआरआई एक स्थानीय फोन नंबर का वर्णन करता है जो किसी विशेष फोन उपसर्ग के भीतर मान्य है।


0

बस HTML एंकर टैग का उपयोग करें <a>और इसके hrefसाथ विशेषता शुरू करें tel:। मैं देश कोड के साथ फोन नंबर शुरू करने का सुझाव देता हूं। निम्नलिखित उदाहरण पर ध्यान दें:

<a href="tel:+989123456789">NO Different What it is</a>

इस उदाहरण के लिए, देश कोड है +98

संकेत : यह सेलफोन के लिए बहुत उपयुक्त है, मुझे पता है किmacOS परtel:उपसर्ग कॉलFaceTimeकरता है लेकिन विंडोज पर मुझे यकीन नहीं है, लेकिन मुझे लगता है कि यह स्काइप लॉन्च करने के कारण है।

अधिक जानकारी के लिए : आप सभी मान उपसर्गों को जानने के लिए ब्राउज़र द्वारा समर्थित URL योजनाओं की सूची देख सकते हैं href

हमारी साइट का प्रयोग करके, आप स्वीकार करते हैं कि आपने हमारी Cookie Policy और निजता नीति को पढ़ और समझा लिया है।
Licensed under cc by-sa 3.0 with attribution required.