अपनी WordPress साइट पर हीटमैप कैसे इंस्टॉल करें (सिर्फ एक लाइन कोड, 3 मिनट में)

लेख सारांश

WordPress में हीटमैप जोड़ने के लिए बस एक लाइन कोड पेस्ट करना होता है

इसे करने के तीन तरीके हैं: (1) आपकी थीम की हेडर सेटिंग्स फ़ील्ड, (2) एक कोड-इंसर्शन प्लगइन, या (3) सीधे header.php एडिट करना

सफलता का मतलब है कि HeatMapX डैशबोर्ड में आपकी साइट की गिनती वाकई बढ़ रही है — सिर्फ "कोई एरर नहीं" काफी नहीं है

क्या आपको लगता है कि हीटमैप जोड़ने का मतलब कोड से जूझना है? WordPress पर, यह वाकई सिर्फ एक लाइन टैग कोड है। यह गाइड शुरुआती लोगों के लिए सबसे आसान विकल्प से लेकर एक ज़्यादा एडवांस्ड तरीके तक, इसे जोड़ने के तीन तरीके बताती है।

चरण 1: अपनी साइट की Site Key लें

सबसे पहले, HeatMapX पर साइन अप करें (फ्री प्लान उपलब्ध है), अपनी साइट रजिस्टर करें, और अपनी site key प्राप्त करें। किसी क्रेडिट कार्ड की ज़रूरत नहीं है।

एक बार आपके पास अपनी site key आ जाए, तो नीचे दिए गए टैग का इस्तेमाल करें, और YOUR_SITE_KEY की जगह वह असली key डालें जो आपको दी गई थी।

<script src="https://heatmapx.com/tracker.js" data-site-key="YOUR_SITE_KEY"></script>

इस टैग को नीचे दिए गए तीन तरीकों में से किसी एक का इस्तेमाल करके अपनी साइट के <head> में पेस्ट करें।

तरीका 1 (शुरुआती लोगों के लिए सुझाया गया): आपकी थीम की हेडर सेटिंग्स

Astra या GeneratePress जैसी कई लोकप्रिय थीम्स में एक सेटिंग्स फ़ील्ड होती है — अक्सर "Advanced" या "Custom Scripts" के नीचे — जहाँ आप सीधे <head> सेक्शन में कोड डाल सकते हैं।

WordPress एडमिन में, अपनी एक्टिव थीम का कस्टमाइज़र या सेटिंग्स पैनल खोलें
"Header Scripts," "Custom Code," या "Advanced" जैसे लेबल वाली किसी फ़ील्ड को ढूँढें
ऊपर दिए गए टैग को उस फ़ील्ड में पेस्ट करें और सेव करें

चूँकि आपको किसी थीम फ़ाइल को छूने की ज़रूरत नहीं है, अगर आप यह पहली बार कर रहे हैं तो यह सबसे सुरक्षित विकल्प है।

तरीका 2: एक कोड-इंसर्शन प्लगइन

अगर आपकी थीम में हेडर फ़ील्ड नहीं है, तो आप WPCode (पहले Insert Headers and Footers) जैसा प्लगइन इस्तेमाल कर सकते हैं।

Plugins स्क्रीन से, WPCode जैसा कोई कोड-इंसर्शन प्लगइन सर्च करके इंस्टॉल करें, फिर उसे एक्टिवेट करें
प्लगइन की सेटिंग्स खोलें और "Header" फ़ील्ड ढूँढें
ऊपर दिए गए टैग को पेस्ट करें और सेव करें

इस तरीके का फ़ायदा यह है कि थीम बदलने पर भी टैग बना रहता है। अगर आप आगे चलकर अपनी साइट को रीडिज़ाइन करने की योजना बना रहे हैं, तो यह एक अच्छा विकल्प है।

तरीका 3 (एडवांस्ड): चाइल्ड थीम में header.php एडिट करें

अगर आप सीधे कोड एडिट करने में सहज हैं, तो आप टैग को सीधे अपनी थीम फ़ाइलों में जोड़ सकते हैं।

पहले अपनी एक्टिव थीम के लिए एक चाइल्ड थीम सेट अप करें (पेरेंट थीम को सीधे एडिट करने का मतलब है कि अगली बार थीम अपडेट होने पर आपका बदलाव मिट जाएगा — इसलिए चाइल्ड थीम ज़रूरी है)
चाइल्ड थीम में header.php खोलें और टैग को wp_head() से ठीक पहले, या बंद होने वाले </head> टैग से ठीक पहले पेस्ट करें
फ़ाइल सेव करें

अगर आप पेरेंट थीम को सीधे एडिट करते हैं, तो अगला थीम अपडेट आपके बदलाव को ओवरराइट कर देगा और टैग गायब हो जाएगा। अगर आप यह तरीका चुनते हैं, तो हमेशा चाइल्ड थीम के ज़रिए ही एडिट करें।

यह कैसे जाँचें कि यह वाकई काम कर रहा है

टैग जोड़ने के बाद, अपनी साइट के कुछ पेज ब्राउज़ करें। लेकिन यहाँ ज़रूरी बात है।

बिना किसी एरर के पेज लोड होना, ट्रैकिंग के वाकई काम करने जैसा नहीं है। भले ही आपके ब्राउज़र कंसोल में कुछ गलत न दिखे, गलत टाइप की गई site key का मतलब हो सकता है कि कोई डेटा HeatMapX तक पहुँच ही नहीं रहा।

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

अक्सर पूछे जाने वाले सवाल

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

प्र. मैं एक कैशिंग प्लगइन इस्तेमाल कर रहा/रही हूँ — किस बात का ध्यान रखना चाहिए? उ. अगर आप WP Super Cache या W3 Total Cache जैसा कोई कैशिंग प्लगइन इस्तेमाल करते हैं, तो टैग जोड़ने के बाद ज़रूर कैश क्लियर (purge) करें। अगर पुराना कैश किया हुआ वर्शन ही दिखता रहा, तो नया जोड़ा गया टैग असर नहीं करेगा।

प्र. मैंने टैग जोड़ दिया, लेकिन डैशबोर्ड में गिनती नहीं बढ़ रही उ. सबसे आम वजह है site key का मेल न खाना — किसी दूसरी साइट की key पेस्ट कर देना, या कॉपी करते समय कोई अक्षर छूट जाना। अपने HeatMapX डैशबोर्ड की key से इसे दोबारा मिलाकर देखें।

निष्कर्ष

WordPress में हीटमैप जोड़ना आख़िरकार सिर्फ एक लाइन कोड पेस्ट करने की बात है। HeatMapX शुरू करने के लिए मुफ़्त है, तो इसे आज़माएँ और देखें कि विज़िटर्स वाकई आपकी साइट को कैसे अनुभव कर रहे हैं।