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

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

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

अमेरिका में 63% सर्च इंजन सर्च मोबाइल तकनीकों के माध्यम से होते हैं। वैश्विक वेबसाइट विज़िट का 48% मोबाइल से आता है।

Zippia मोबाइल बनाम डेस्कटॉप सांख्यिकी

व्यवसायों के साथ अब अपने आगंतुकों के एक महत्वपूर्ण हिस्से को मोबाइल उपकरणों के माध्यम से आने के साथ, मोबाइल-तैयार वेबसाइट होना अब एक विकल्प नहीं है, यह एक आवश्यकता है।

मोबाइल अनुभव का निर्माण करते समय एक तत्व जिसे अक्सर अनदेखा कर दिया जाता है वह है अपने फ़ोन नंबरों को हाइपरलिंक करना in एचटीएमएल ताकि मोबाइल उपयोगकर्ता बस उन पर क्लिक कर फोन कॉल शुरू कर सकें। एंकर टैग कार्रवाई योग्य टैग हैं जिनकी ब्राउज़र व्याख्या करते हैं और उपयोगकर्ताओं को क्लिक करने में सक्षम बनाते हैं। किसी वेबसाइट के लिए एक विशिष्ट एंकर टैग है:

<a href="https://martech.zone">Martech Zone</a>

एक एंकर टैग जो एक ईमेल खोलता है वह है:

<a href="mailto:info@martech.zone">Click here to email us!</a>

mailto के साथ, आप वैकल्पिक रूप से लिंक के भीतर ईमेल के विषय और मुख्य भाग को शामिल कर सकते हैं। मैं यह सुनिश्चित करूंगा कि आप यूआरएल टेक्स्ट को एन्कोड करें, हालांकि। कुछ ब्राउज़र एक स्थान पर टूटेंगे:

<a href="mailto:info@martech.zone?subject=Hi%20Doug&body=This%20is%20a%20test!">Click here to email us!</a>

फोन नंबर: हाइपरलिंक पर कॉल करने के लिए क्लिक करें

HTML में किसी फ़ोन नंबर से हाइपरलिंकिंग के लिए सिंटैक्स, बस का उपयोग करते हुए, mailto सिंटैक्स के समान है टेलीफोन: बजाय:

<a href="tel:+13172039800">Click here to call us!</a>

आपके फ़ोन नंबर का सिंटैक्स वास्तव में कोई मायने नहीं रखता। मैंने प्लस चिह्नों, कोष्ठकों, अवधियों और डैश के साथ और बिना मूल्य का परीक्षण किया है और सब कुछ iPhone और Android दोनों पर काम करता प्रतीत होता है।

मैं संख्याओं को छोड़कर सब कुछ हटाकर चीजों को साफ रखने की कोशिश करता हूं। मैं फोन नंबर में प्लस चिह्न के साथ देश कोड शामिल करने की भी सिफारिश करूंगा - खासकर यदि आप अंतरराष्ट्रीय स्तर पर व्यापार को आकर्षित कर रहे हैं।

जब हम अपने ग्राहकों की साइटों को अनुकूलित करते हैं, तो हम यह सुनिश्चित करते हैं कि फ़ोन नंबरों के सभी उदाहरण हाइपरलिंक किए गए हों। यदि यह कॉल-टू-एक्शन है, तो हम आमतौर पर लिंक को एक बटन के रूप में प्रारूपित करते हैं ताकि यह स्पष्ट हो सके कि इसे क्लिक किया जा सकता है।

फोन नंबर: हाइपरलिंक टेक्स्ट करने के लिए क्लिक करें

आपके पास एक हाइपरलिंक भी हो सकता है जो स्वचालित रूप से एक उत्पन्न करता है एसएमएस संदेश:

<a href="sms:+13172039800">Click here to text us!</a>

आप वैकल्पिक रूप से एक संदेश भी शामिल कर सकते हैं:

<a href="sms:+13172039800?&body=Hello">Click here to text us!</a>

फ़ोन नंबर कैसे कैप्चर करें एनालिटिक्स में क्लिक करें

हम यह भी सुनिश्चित करते हैं कि हम इन घटनाओं को Google Analytics में कैप्चर करें! यदि आप यह मापना चाहते हैं कि कितने लोग इन लिंक्स पर क्लिक कर रहे हैं, तो आप हमारे लेख को पढ़ सकते हैं कि कैसे Google टैग प्रबंधक का उपयोग करके Google Analytics ईवेंट जोड़ें.

35 टिप्पणियाँ

  1. 1

    प्रतिभाशाली डग! मेरी सभी ग्राहक साइटों पर इसका उपयोग शुरू करने की योजना बनाएं। ठीक है अगर मैं अपने ब्लॉग पर यह पोस्ट करूं? निश्चित रूप से आपको पूरा अधिकार दिया जा रहा है। बहुत ही शांत! 😎

  2. 2

    तो क्या कोई कारण नहीं है कि फोन नंबर में कोष्ठक, अवधियों या डैश को न डालें? और क्या html फोन नंबर एक शीर्षक टैग की तरह काम करता है? क्या href कोड के अंदर कोई टाइटल टैग करने का कोई लाभ है?

  3. 3

    @edeckers RFC3966 मानक कोष्ठक का समर्थन करने के लिए प्रकट नहीं होता है, लेकिन अंतर्राष्ट्रीय कॉलिंग, एक्सटेंशन आदि के लिए अन्य विकल्पों और प्रतीकों के एक टन का समर्थन करता है:
    http://www.ietf.org/rfc/rfc3966.txt

    एसईओ के लिए के रूप में, मैं नहीं देख क्यों नहीं! शायद व्यावसायिक नाम + "फोन नंबर" को लागू करने का एक अच्छा तरीका हो सकता है!

  4. 4

    नमस्ते, यह एक अच्छी चाल है, लेकिन मैंने यह कोशिश की और फ़ायरफ़ॉक्स ने मुझे एक बदसूरत त्रुटि संदेश देते हुए कहा कि यह नहीं पता कि लिंक को कैसे पढ़ना है। मेरे लिए, यह एक बदसूरत त्रुटि संदेश के लायक नहीं है, जब कोई व्यक्ति डेस्कटॉप पर लिंक पर क्लिक करता है, जिसके पास मोबाइल फोन लिंक को एक्सेस करने में सक्षम हो। एंड्रॉइड पर फोन नंबर पर "लॉन्ग-प्रेस" और यह स्वचालित रूप से किसी भी नंबर पर कॉल करने का प्रयास करता है। क्या मै गलत हु? क्या आसपास कोई काम है?

  5. 7
  6. 8

    बहुत बहुत धन्यवाद। आपने जैसा सरल कहा, फिर भी कुशल। आप कुछ कदम आगे बढ़ सकते हैं और इसे एक आइकन से लिंक कर सकते हैं और अपने फोन नंबर को प्रदर्शित करने के लिए एंकर टैग में एक शीर्षक बना सकते हैं और उन उपयोगकर्ताओं के लिए और निर्देश दे सकते हैं जो आइकन पर अपना माउस मँडराते हैं। एक बार फिर धन्यवाद!

  7. 9
    • 10

      मेरा मानना ​​है कि href वैरिएबल केवल नंबरों की अनुमति देता है ... हालाँकि, आप एंकर टैग के भीतर जो भी टेक्स्ट चाहें, डाल सकते हैं।

  8. 11
  9. 12

    मुझे 100% यकीन नहीं है (और मुझे पता है कि यह एक बहुत पुरानी चर्चा है इसलिए यह निर्भर नहीं हो सकता है) लेकिन इन दिनों अधिकांश स्मार्टफोन स्वचालित रूप से ऐसा नहीं करते हैं?

  10. 14
  11. 15

    बस एक साधारण सुधार ... आपने कहा कि हम आपको सलाह देते हैं "सब कुछ लेकिन वास्तविक संख्या को href मान में रखें"

    मुझे यकीन है कि आप का मतलब है "सब कुछ लेकिन वास्तविक संख्या हमारे आवर्ती मूल्य रखें"

    या फिर आप बस विराम चिह्नों का एक गुच्छा डायल करेंगे dial

  12. 16
  13. 17

    धन्यवाद डगलस, सोशल मीडिया बार क्या आप उपयोग कर रहे हैं? आपका ब्लॉग बहुत अच्छा लग रहा है और आपके पास बहुत सारी सामग्री है। Google प्लस पर कनेक्ट करना पसंद करेंगे। एक बार फिर धन्यवाद

    • 18

      धन्यवाद डीन! एक महान समाधान के लिए नेट के आसपास बहुत खोज के बाद, मैं उतरा Shareaholic। इसमें एक टन अधिक विशेषताएं हैं जिनका हम उपयोग नहीं करते हैं - लेकिन यह बहुत लचीला है!

  14. 19

    मैं अभी भी इस कॉलम से नहीं जानता कि फोन नंबर को कैसे ईमेल किया जाए - एक सेल फोन को, इसलिए मेरा बॉस इसे टैप करके कॉल कर सकता है।

    • 20

      हाय डी, आपके ईमेल सॉफ़्टवेयर को HTML का समर्थन करने की आवश्यकता होगी और हम ऊपर वर्णित हाइपरलिंक को जोड़ने की क्षमता। यह लेख मोबाइल वेबसाइट पर ऐसा करने के बारे में अधिक था, न कि ईमेल पर।

  15. 21

    हाय डगलस, अंतर्राष्ट्रीय कॉल करने वालों के लिए यह कितना अच्छा काम करता है? क्या आपको लगता है कि अंतर्राष्ट्रीय (जैसे +44) नंबर, या स्थानीय क्षेत्र कोड का उपयोग करना सबसे अच्छा है?

    • 22

      ईमानदार होना, बेन, मेरा मानना ​​है कि यह निर्दोष रूप से काम करता है। मेरा मानना ​​है कि कई अंतरराष्ट्रीय कॉलर स्थानीय क्षेत्र कोड का उपयोग करते हैं। नाइजीरिया घोटाले कलाकारों तुरंत दिमाग में आते हैं। 🙂

  16. 23

    नमस्ते, क्या हैशटैग का उपयोग फोन कॉल शुरू करने के लिए हाइपरलिंक के रूप में किया जा सकता है? मैंने सुना है कि यह दूसरे दिन का उल्लेख है, लेकिन इसे नहीं देखा है। धन्यवाद!

    • 24

      मैंने इसे अभी तक नहीं देखा है। मुझे लगता है कि आप किसी प्रकार का प्लगइन या स्क्रिप्ट लिख सकते हैं, लेकिन यह मूल HTML फ़ंक्शन नहीं है।

  17. 25
  18. 26

    इसलिए मुझे शामिल करने की आवश्यकता नहीं है - या। संख्याओं के बीच? इसके अलावा, आप एक एक्सटेंशन कैसे शामिल करेंगे ताकि हाइपरलिंक सीधे एक्सटेंशन को कॉल करेगा?

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

    बहुत जानकारीपूर्ण ट्यूटोरियल! असल में, मुझे "क्लिक करने योग्य फोन नंबर" के बजाय "क्लिक टू कॉल विजेट" का पहलू बेहतर लगता है। मेरी साइट पर कॉलबैक ट्रैकर प्लग-इन की कोशिश करने के बाद, मुझे कॉल करने की बजाय मेरे लीड्स को कॉल करने की क्षमता के साथ बहुत अधिक परिणाम दिखाई देते हैं। व्यक्तिगत रूप से, मैं इसे अधिकांश साइटों पर आवश्यक देखता हूं। यहाँ प्लगइन का लिंक दिया गया है https://callbacktracker.com/plugins/wordpress-click-to-call-plugin-install-tutorial/

तुम्हें क्या लगता है?

यह साइट स्पैम को कम करने के लिए अकिस्मेट का उपयोग करती है। जानें कि आपका डेटा कैसे संसाधित किया जाता है.