मेरे दोस्तों को इससे एक किक मिलेगी, क्योंकि मैं शायद ही कभी अपने फोन का जवाब देता हूं ... लेकिन हे ... यह मदद करने के बारे में है तुंहारे कंपनी, मेरी नहीं! आईफ़ोन, एंड्रॉइड और अन्य स्मार्टफ़ोन में भारी उछाल के साथ, यह वास्तव में समय है कि आप अपनी साइट को मोबाइल ब्राउज़र पर उपयोग के लिए अनुकूलित करना शुरू करें।
कंपनियां अपने आगंतुकों के एक महत्वपूर्ण हिस्से को मोबाइल उपकरणों के माध्यम से आते हुए देख रही हैं। मोबाइल डिवाइस पर अच्छी दिखने वाली प्रतिक्रियाशील वेबसाइट का होना अब कोई विकल्प नहीं है, यह एक आवश्यकता है।
यहां एक बात है जिसे मोबाइल अनुभव बनाते समय अक्सर अनदेखा कर दिया जाता है… अपने फ़ोन नंबरों को हाइपरलिंक करना ताकि मोबाइल उपयोगकर्ता केवल उन पर क्लिक कर सकें और फोन कॉल शुरू कर सकें। वाक्य रचना काफी सरल है:
13172039800
एक ठेठ लंगर टैग वेब लिंक के साथ मूल्य में एक URL का उपयोग करता है, एक ईमेल लिंक का उपयोग करता है इन्हें मेल करें... एक फोन नंबर के लिए वाक्य रचना बस है tel. मैंने कोष्ठक, अवधि और डैश के साथ और बिना मूल्य का परीक्षण किया है और सब कुछ iPhone और Droid दोनों पर काम करता प्रतीत होता है। हालांकि, मेरा सुझाव है कि फ़ोन नंबर में देश कोड शामिल करें और href मान में सभी डैश, रिक्त स्थान या बिंदुओं को हटा दें।
यदि आप यह मापना चाहते हैं कि कितने लोग इन लिंक्स पर क्लिक कर रहे हैं, तो आप हमारे लेख को पढ़ सकते हैं कि कैसे Google टैग प्रबंधक का उपयोग करके Google Analytics ईवेंट जोड़ें.
प्रतिभाशाली डग! मेरी सभी ग्राहक साइटों पर इसका उपयोग शुरू करने की योजना बनाएं। ठीक है अगर मैं अपने ब्लॉग पर यह पोस्ट करूं? निश्चित रूप से आपको पूरा अधिकार दिया जा रहा है। बहुत ही शांत! 😎
तो क्या कोई कारण नहीं है कि फोन नंबर में कोष्ठक, अवधियों या डैश को न डालें? और क्या html फोन नंबर एक शीर्षक टैग की तरह काम करता है? क्या href कोड के अंदर कोई टाइटल टैग करने का कोई लाभ है?
@edeckers RFC3966 मानक कोष्ठक का समर्थन करने के लिए प्रकट नहीं होता है, लेकिन अंतर्राष्ट्रीय कॉलिंग, एक्सटेंशन आदि के लिए अन्य विकल्पों और प्रतीकों के एक टन का समर्थन करता है:
http://www.ietf.org/rfc/rfc3966.txt
एसईओ के लिए के रूप में, मैं नहीं देख क्यों नहीं! शायद व्यावसायिक नाम + "फोन नंबर" को लागू करने का एक अच्छा तरीका हो सकता है!
नमस्ते, यह एक अच्छी चाल है, लेकिन मैंने यह कोशिश की और फ़ायरफ़ॉक्स ने मुझे एक बदसूरत त्रुटि संदेश देते हुए कहा कि यह नहीं पता कि लिंक को कैसे पढ़ना है। मेरे लिए, यह एक बदसूरत त्रुटि संदेश के लायक नहीं है, जब कोई व्यक्ति डेस्कटॉप पर लिंक पर क्लिक करता है, जिसके पास मोबाइल फोन लिंक को एक्सेस करने में सक्षम हो। एंड्रॉइड पर फोन नंबर पर "लॉन्ग-प्रेस" और यह स्वचालित रूप से किसी भी नंबर पर कॉल करने का प्रयास करता है। क्या मै गलत हु? क्या आसपास कोई काम है?
यह निश्चित रूप से मोबाइल उपयोगकर्ता, इन हाउस को लक्षित है।
ब्राउज़र डिटेक्शन द्वारा आप हमेशा इससे बच सकते हैं। इसे गैर-मोबाइल / बड़े रिज़ॉल्यूशन ब्राउज़रों के लिए छिपाए गए div में रखें।
इस रेफर पोस्ट डौग के लिए धन्यवाद :)
बहुत बहुत धन्यवाद। आपने जैसा सरल कहा, फिर भी कुशल। आप कुछ कदम आगे बढ़ सकते हैं और इसे एक आइकन से लिंक कर सकते हैं और अपने फोन नंबर को प्रदर्शित करने के लिए एंकर टैग में एक शीर्षक बना सकते हैं और उन उपयोगकर्ताओं के लिए और निर्देश दे सकते हैं जो आइकन पर अपना माउस मँडराते हैं। एक बार फिर धन्यवाद!
क्या हम हाइपरलिंक फ़ोन नंबर पर पाठ जोड़ सकते हैं?
मेरा मानना है कि href वैरिएबल केवल नंबरों की अनुमति देता है ... हालाँकि, आप एंकर टैग के भीतर जो भी टेक्स्ट चाहें, डाल सकते हैं।
यह एक महान चाल है! मैं इसे अभी से साइटों पर जोड़ना शुरू करने जा रहा हूं। धन्यवाद!
मुझे 100% यकीन नहीं है (और मुझे पता है कि यह एक बहुत पुरानी चर्चा है इसलिए यह निर्भर नहीं हो सकता है) लेकिन इन दिनों अधिकांश स्मार्टफोन स्वचालित रूप से ऐसा नहीं करते हैं?
@ facebook-502306174: कई लोग डिसकस करते हैं, लेकिन बहुत से नंबर को गलत तरीके से प्रारूपित करते हैं जब तक कि आप इसे परिभाषित नहीं करते हैं।
धन्यवाद।
बस एक साधारण सुधार ... आपने कहा कि हम आपको सलाह देते हैं "सब कुछ लेकिन वास्तविक संख्या को href मान में रखें"
मुझे यकीन है कि आप का मतलब है "सब कुछ लेकिन वास्तविक संख्या हमारे आवर्ती मूल्य रखें"
या फिर आप बस विराम चिह्नों का एक गुच्छा डायल करेंगे dial
धन्यवाद ब्रायन!
धन्यवाद डगलस, सोशल मीडिया बार क्या आप उपयोग कर रहे हैं? आपका ब्लॉग बहुत अच्छा लग रहा है और आपके पास बहुत सारी सामग्री है। Google प्लस पर कनेक्ट करना पसंद करेंगे। एक बार फिर धन्यवाद
धन्यवाद डीन! एक महान समाधान के लिए नेट के आसपास बहुत खोज के बाद, मैं उतरा Shareaholic। इसमें एक टन अधिक विशेषताएं हैं जिनका हम उपयोग नहीं करते हैं - लेकिन यह बहुत लचीला है!
मैं अभी भी इस कॉलम से नहीं जानता कि फोन नंबर को कैसे ईमेल किया जाए - एक सेल फोन को, इसलिए मेरा बॉस इसे टैप करके कॉल कर सकता है।
हाय डी, आपके ईमेल सॉफ़्टवेयर को HTML का समर्थन करने की आवश्यकता होगी और हम ऊपर वर्णित हाइपरलिंक को जोड़ने की क्षमता। यह लेख मोबाइल वेबसाइट पर ऐसा करने के बारे में अधिक था, न कि ईमेल पर।
हाय डगलस, अंतर्राष्ट्रीय कॉल करने वालों के लिए यह कितना अच्छा काम करता है? क्या आपको लगता है कि अंतर्राष्ट्रीय (जैसे +44) नंबर, या स्थानीय क्षेत्र कोड का उपयोग करना सबसे अच्छा है?
ईमानदार होना, बेन, मेरा मानना है कि यह निर्दोष रूप से काम करता है। मेरा मानना है कि कई अंतरराष्ट्रीय कॉलर स्थानीय क्षेत्र कोड का उपयोग करते हैं। नाइजीरिया घोटाले कलाकारों तुरंत दिमाग में आते हैं। 🙂
नमस्ते, क्या हैशटैग का उपयोग फोन कॉल शुरू करने के लिए हाइपरलिंक के रूप में किया जा सकता है? मैंने सुना है कि यह दूसरे दिन का उल्लेख है, लेकिन इसे नहीं देखा है। धन्यवाद!
मैंने इसे अभी तक नहीं देखा है। मुझे लगता है कि आप किसी प्रकार का प्लगइन या स्क्रिप्ट लिख सकते हैं, लेकिन यह मूल HTML फ़ंक्शन नहीं है।
Microsoft प्रकाशक जैसे ईमेल मार्केटिंग प्रोग्राम में मैं "कॉल नाउ" बटन कैसे बना सकता हूं? इसके अलावा, मैं इसे मेलिचम में कैसे डालूंगा?
इसलिए मुझे शामिल करने की आवश्यकता नहीं है - या। संख्याओं के बीच? इसके अलावा, आप एक एक्सटेंशन कैसे शामिल करेंगे ताकि हाइपरलिंक सीधे एक्सटेंशन को कॉल करेगा?
Href मान के भीतर, आप संख्याओं के बीच कोई डैश या डॉट्स नहीं चाहते हैं। लंगर पाठ के भीतर, आप कुछ भी लिख सकते हैं।
बढ़िया लेख - बहुत मददगार। धन्यवाद!
महान लेख
हाय डगलस, इस कोड को साझा करने के लिए बहुत बहुत धन्यवाद।
महान टिप डौग! धन्यवाद। यह लेख अधिक प्रासंगिक है, 6 साल बाद सब कुछ मोबाइल के साथ।
यह काम करता हैं!! धन्यवाद डग !! 😉
आपकी सहायताके लिए धन्यवाद!
बहुत जानकारीपूर्ण ट्यूटोरियल! असल में, मुझे "क्लिक करने योग्य फोन नंबर" के बजाय "क्लिक टू कॉल विजेट" का पहलू बेहतर लगता है। मेरी साइट पर कॉलबैक ट्रैकर प्लग-इन की कोशिश करने के बाद, मुझे कॉल करने की बजाय मेरे लीड्स को कॉल करने की क्षमता के साथ बहुत अधिक परिणाम दिखाई देते हैं। व्यक्तिगत रूप से, मैं इसे अधिकांश साइटों पर आवश्यक देखता हूं। यहाँ प्लगइन का लिंक दिया गया है https://callbacktracker.com/plugins/wordpress-click-to-call-plugin-install-tutorial/
बहुत अच्छा, साझा करने के लिए धन्यवाद!