छोटा जवाब
बिल्डर में आप तीन जगह अपना कोड जोड़ सकते हैं: किसी पेज के अंदर कस्टम कोड सेक्शन, कस्टम CSS सेटिंग्स, और कस्टम JavaScript सेटिंग्स। आपके स्टोर के head सेक्शन में कोड पेस्ट करने के लिए कोई बॉक्स नहीं है। head टैग के लिए, उससे जुड़ा ऐप इस्तेमाल करें (नीचे दी गई सूची देखें)।
किस काम के लिए कौन-सा टूल
- Google Search Console से अपना स्टोर वेरिफ़ाई करना, या
google-site-verificationमेटा टैग जोड़ना: Domain Verifier ऐप। यह Facebook (Meta) डोमेन वेरिफ़िकेशन, TikTok और Snapchat भी संभालता है। - Google Analytics, Google Ads टैग, या कोई भी टैग जिसे आप Google Tag Manager में मैनेज करते हैं: Google Tag Manager ऐप।
- Facebook, TikTok, Snapchat, ChatGPT, Pinterest, X या Google Ads पिक्सेल: देखें Facebook, TikTok, Snapchat, ChatGPT, Pinterest और X, या Google Ads कन्वर्ज़न।
- Google Merchant Center प्रोडक्ट फ़ीड: देखें Google Merchant Center। Search Console के लिए Domain Verifier इस्तेमाल करें।
- हीटमैप और सेशन रिकॉर्डिंग: देखें Microsoft Clarity या Contentsquare।
- किसी पेज के अंदर कोई विजेट या एम्बेड (बुकिंग फ़ॉर्म, वीडियो, मैप): नीचे बताया गया कस्टम कोड सेक्शन।
- पूरे स्टोर या किसी एक सेक्शन की स्टाइल: देखें कस्टम CSS।
- हर पेज पर चलने वाली स्क्रिप्ट: देखें कस्टम JavaScript।
बिल्डर में डाला गया कोड आपकी साइट वेरिफ़ाई क्यों नहीं कर सकता
Google, Meta और दूसरे प्लेटफ़ॉर्म वेरिफ़ाई करते समय आपके पेज के head में अपना टैग ढूँढते हैं। कस्टम कोड सेक्शन आपका कोड पेज की बॉडी के अंदर, उसी जगह रखता है जहाँ सेक्शन है। कस्टम JavaScript पेज लोड होने के बाद ग्राहक के ब्राउज़र में चलता है। इनमें से कोई भी टैग को head में उस तरह नहीं रखता जैसे इन प्लेटफ़ॉर्म को चाहिए, इसलिए वेरिफ़िकेशन फ़ेल हो जाता है। Domain Verifier आपके लिए टैग को सही जगह पर जोड़ देता है।
कस्टम कोड सेक्शन
यह एक सेक्शन है जिसे आप किसी भी पेज पर जोड़ सकते हैं, हर पेज पर ज़्यादा से ज़्यादा 2। सेक्शन टैब खोलें, नया सेक्शन जोड़ें पर क्लिक करें और कस्टम कोड चुनें। इसमें तीन फ़ील्ड हैं:
- HTML: इस सेक्शन के अंदर दिखने वाला मार्कअप।
- CSS: ऐसी स्टाइल जो सिर्फ़ इसी सेक्शन पर लागू होती है, इसलिए यह आपके पेज के बाकी हिस्से को नहीं बिगाड़ सकती।
- JavaScript: हर बार सेक्शन दिखने पर चलता है। आपके कोड को सेक्शन
containerके रूप में मिलता है, इसलिए अपने मार्कअप तक पहुँचने के लिएcontainer.querySelector(...)इस्तेमाल करें।
किसी भी सेक्शन की तरह आप इसकी चौड़ाई, कलर स्कीम और पैडिंग भी सेट करते हैं। इसे उन दूसरे पेजों पर कॉपी करने के लिए जिनमें पहले से कस्टम कोड सेक्शन है, सभी पेजों पर लागू करें इस्तेमाल करें।
टिप्स
- अपना कोड बिल्डर प्रीव्यू में जाँचें, फिर पब्लिश करें और अपने लाइव स्टोर को फ़ोन और कंप्यूटर पर टेस्ट करें।
- अगर किसी बदलाव के बाद पेज टूटा हुआ दिखे, तो कोड हटाएँ, पब्लिश करें, और फिर उसे थोड़ा-थोड़ा करके वापस जोड़ें।
- थर्ड-पार्टी स्क्रिप्ट आपके स्टोर को धीमा कर सकती हैं। सिर्फ़ वही जोड़ें जिसकी आपको ज़रूरत है।
- आपके स्टोर से जुड़ा AI असिस्टेंट कस्टम कोड तभी बदल सकता है जब स्टोर का मालिक इसकी अनुमति दे। देखें असिस्टेंट की पहुँच मैनेज करें।