Shopify के लिए SignalHost: पहले पेज व्यू से खरीदारी तक सर्वर-साइड ट्रैकिंग

• ऑनलाइन स्टोर वाला एक Shopify स्टोर। ऐप उसके स्टोरफ़्रंट पर और Shopify के चेकआउट में काम करता है।
• एक SignalHost खाता। आज़माने के लिए फ़्री प्लान काफ़ी है: हर महीने 10,000 रिक्वेस्ट और एक कंटेनर। खाता आप कनेक्ट करते समय भी बना सकते हैं।
• आपके Shopify एडमिन में ऐप इंस्टॉल करने की अनुमति।

Shopify App Store में SignalHost: Server Tag Manager खोलें और उसे इंस्टॉल करें। ऐप Shopify से सिर्फ़ दो अनुमतियाँ माँगता है: वेब पिक्सेल मैनेज करना और कस्टमर इवेंट पढ़ना। यह न आपकी थीम का कोई एक्सेस माँगता है, न आपके ग्राहकों के डेटा का। इंस्टॉल होने के बाद यह आपके Shopify एडमिन में Apps के तहत खुलता है।

ऐप के पेज पर “SignalHost से कनेक्ट करें” और, अगर आप नए हैं, तो “मुफ़्त खाता बनाएँ” मिलता है। दोनों में से कोई भी signalhost.io को नए टैब में खोलता है; वहाँ साइन इन या साइन अप करें।

अगली स्क्रीन बताती है कि ऐप क्या कर पाएगा — आपके स्टोर के हर पेज पर आपका ट्रैकिंग कोड जोड़ना, स्टोर के कार्ट और चेकआउट इवेंट कंटेनर को भेजना, और कंटेनर का स्टेटस पढ़ना — और क्या नहीं कर सकता: आपके ग्राहकों के संपर्क विवरण पढ़ना, आपके Google खाते का उपयोग करना या आपकी बिलिंग देखना। फिर वह पूछती है कि स्टोर कौन-सा कंटेनर इस्तेमाल करे। कंटेनर आपका अपना टैगिंग सर्वर है: एक Tag Manager वेब कंटेनर और एक सर्वर कंटेनर, जो आपके अपने Google खाते में बनाए जाते हैं, इसलिए वे आपके ही रहते हैं।

कोई एक चुनें और “कनेक्ट करें” दबाएँ, या “आपके स्टोर के लिए नया कंटेनर” चुनकर “कंटेनर बनाएँ” दबाएँ और छोटे विज़ार्ड से गुज़रें। Shopify में लौटने पर ऐप का पेज अपने-आप अपडेट हो जाता है। अगर उस पर “कनेक्शन की पुष्टि करें” शीर्षक दिखे, तो उसमें बताए गए खाते और कंटेनर को जाँचें और “कनेक्शन की पुष्टि करें” बटन दबाएँ।

न कोई कोड पेस्ट करना है, न कोई थीम बदलनी है, न कुछ पब्लिश करना है। स्टोर लिंक होते ही SignalHost ऐप का वेब पिक्सेल बनाता है और उसे आपका टैगिंग पता और आपके कंटेनर का Google Analytics 4 मेज़रमेंट ID देता है। Shopify इसे हर स्टोरफ़्रंट पेज पर और अपने चेकआउट में चलाता है। जब तक नया कंटेनर बन रहा होता है, ऐप “बस थोड़ा और” दिखाता है, फिर “ट्रैकिंग लाइव है”।

अपना स्टोर नए टैब में खोलें, कुकी बैनर स्वीकार करें, कोई प्रोडक्ट देखें, उसे कार्ट में डालें और चेकआउट शुरू करें। ऐप में लौटने पर “पिछले 7 दिन” कुछ ही मिनटों में “पेज व्यू”, “कार्ट में जोड़े गए”, “चेकआउट” और “खरीदारी” गिनने लगता है; “स्टेटस रीफ़्रेश करें” ताज़ा स्थिति पढ़ता है।

“आँकड़े और सेटिंग्स खोलें” signalhost.io पर आपका कंटेनर खोलता है, जहाँ Growth प्लान या उससे ऊपर के प्लान पर “लाइव इवेंट मॉनिटरिंग” हर इवेंट को आते ही उसके देश, ब्राउज़र और सहमति की स्थिति के साथ दिखाता है।

Shopify अपने कस्टमर इवेंट पिक्सेल को सौंपता है, और पिक्सेल उन्हें Google Analytics 4 इवेंट में बदल देता है:

• page_view, स्टोरफ़्रंट और चेकआउट पेजों पर
• view_item, view_item_list और search
• add_to_cart, remove_from_cart और view_cart
• begin_checkout, add_shipping_info और add_payment_info
• purchase, मूल्य, टैक्स, शिपिंग और डिस्काउंट कोड के साथ

पिक्सेल विज़िटर की Google Analytics कुकी इस्तेमाल करता है, इसलिए कोई चेकआउट इवेंट उसी विज़िटर और सेशन का होता है जिसका उससे पहले वाला प्रोडक्ट पेज था। हर रिक्वेस्ट ब्राउज़र से ऐसे रूप में निकलती है जिसे ऐड ब्लॉकर नहीं पहचानते, और आपका टैगिंग सर्वर उसे Google Analytics 4 और कंटेनर पेज पर सेट किए गए विज्ञापन प्लेटफ़ॉर्म तक पहुँचाता है: Google Ads, Meta, TikTok और दूसरे।

Shopify पिक्सेल को तभी चलाता है जब विज़िटर की प्राइवेसी पसंद एनालिटिक्स की अनुमति देती है, इसलिए कौन गिना जाएगा, यह Shopify का कुकी बैनर तय करता है; विज्ञापन वाली पसंद हर इवेंट के साथ जाती है, ताकि आपका सर्वर कंटेनर इवेंट को विज्ञापन प्लेटफ़ॉर्म तक जाने से रोक सके। ऐप आपके ग्राहकों के संपर्क विवरण कभी नहीं पढ़ता।

पिक्सेल अपने इवेंट ख़ुद भेजता है और आपका Tag Manager वेब कंटेनर लोड नहीं करता। स्टोरफ़्रंट पर उस कंटेनर की ज़रूरत आपको तभी है जब उसमें अपने ख़ुद के टैग हों, जैसे कोई हीटमैप टूल या GA4 की स्क्रॉल और क्लिक ट्रैकिंग। ऐसे में ऐप में “वैकल्पिक: हर पेज पर अपना खुद का Tag Manager कंटेनर लोड करें” खोलें और “थीम एडिटर में चालू करें” दबाएँ; Shopify का थीम एडिटर SignalHost को चालू किए हुए खुलता है, और यह तब लागू होता है जब आप वहाँ Save दबाते हैं।

उसके बाद स्टोरफ़्रंट पेजों पर पेज व्यू आपका Tag Manager कंटेनर भेजता है और पिक्सेल वहाँ उन्हें छोड़ देता है, इसलिए कुछ भी दो बार नहीं गिना जाता। एम्बेड की सेटिंग “Use Shopify's cookie banner for Google Consent Mode” टैग को विज़िटर के जवाब का इंतज़ार कराती है; इसे तभी बंद करें जब कोई दूसरा ऐप पहले से Google Consent Mode सेट करता हो।

आपका कंटेनर signalhost.io के नीचे के एक पते से शुरू होता है। पेड प्लान पर, कंटेनर पेज का “अपना डोमेन सेट अप करें” आपको कदम-दर-कदम आपके स्टोर के डोमेन के एक सबडोमेन, जैसे metrics.yourshop.com, तक ले जाता है, जिसके लिए बस एक DNS रिकॉर्ड चाहिए। ब्राउज़र इसे फ़र्स्ट-पार्टी मानते हैं, इसलिए इसकी कुकी आपकी अपनी गिनी जाती हैं और विज्ञापन क्लिक का श्रेय बना रहता है। इसके लाइव होने पर ऐप कुछ ही मिनटों में आपके स्टोरफ़्रंट और चेकआउट को इस पर स्विच कर देता है। हाथ से कुछ भी बदलना नहीं पड़ता।

आप ऐप के बिना भी किसी Shopify स्टोर पर SignalHost लगा सकते हैं। signalhost.io पर अपना कंटेनर खोलें, “अपनी साइट पर इंस्टॉल करें” कार्ड में स्निपेट ढूँढें और “कॉपी करें” दबाएँ। फिर Shopify में Online Store › Themes › ⋯ › Edit code पर जाएँ, theme.liquid खोलें और स्निपेट को खुलने वाले head टैग के ठीक बाद पेस्ट करें। अगर आपकी थीम उसी Analytics प्रॉपर्टी के लिए पहले से Google Tag Manager या कोई Google टैग लोड करती है, तो दूसरा जोड़ने के बजाय उसी स्निपेट को बदलें। सहेजें, अपने स्टोर पर जाएँ, और कंटेनर पेज पर “मैंने यह कर लिया है” दबाएँ।

इससे आपका Tag Manager कंटेनर आपकी थीम के पेजों पर लोड होता है, पेज व्यू के साथ और वह सब भी जो आपकी थीम ख़ुद dataLayer में पुश करती है। पिक्सेल जो कुछ जोड़ता है, वह इसमें छूट जाता है: Shopify का चेकआउट कोई थीम कोड नहीं चलाता, इसलिए चेकआउट के चरण और खरीदारी theme.liquid के किसी स्निपेट तक कभी नहीं पहुँचते, और प्रोडक्ट व कार्ट इवेंट भी पिक्सेल से ही आते हैं। जब आपका अपना डोमेन लाइव होता है, तो स्निपेट आपको ख़ुद बदलना पड़ता है। अगर आप बाद में ऐप इंस्टॉल करते हैं, तो पहले स्निपेट हटा दें, वरना हर पेज व्यू दो बार गिना जाएगा।

ऐप के ज़रिए कनेक्ट किया गया स्टोर SignalHost का भुगतान Shopify के ज़रिए करता है। ऐप के पेज पर “प्लान और बिलिंग” Shopify का वह पेज खोलता है जहाँ आप अपना प्लान चुनते या बदलते हैं, और शुल्क आपके Shopify बिल में दिखता है। कनेक्ट होने के बाद ऐप यह भी दिखाता है कि इस महीने की रिक्वेस्ट आपके प्लान की सीमा के मुक़ाबले कितनी हैं।

एक खाते का एक ही भुगतानकर्ता होता है। अगर आपका SignalHost खाता पहले से कार्ड से भुगतान करता है, या कोई दूसरा Shopify स्टोर उसका भुगतान करता है, तो ऐप यह बता देता है और इस स्टोर का प्लान इस्तेमाल नहीं होता; इनमें से एक रद्द कर दें, ताकि आप दो बार भुगतान न करें।

“डिस्कनेक्ट करें” ऐप के पेज के सबसे नीचे है और दूसरी बार दबाने को कहता है। फिर SignalHost ऐप का पिक्सेल और वे वैल्यू हटा देता है जिन्हें थीम एम्बेड पढ़ता है, और कुछ ही मिनटों में आपके स्टोर पर लोड होना बंद कर देता है। आपका कंटेनर और उसके आँकड़े बने रहते हैं, और “SignalHost से कनेक्ट करें” स्टोर को फिर से लिंक कर देता है। signalhost.io पर “सेटिंग्स › कनेक्ट की गई साइटें” में भी यह स्टोर दिखता है।

अगर आप इसके बजाय Shopify में ऐप अनइंस्टॉल करते हैं, तो SignalHost स्टोर को डिस्कनेक्ट के रूप में चिह्नित कर देता है, और Shopify के ज़रिए चुकाया गया प्लान ऐप के साथ ख़त्म हो जाता है: आपका खाता फ़्री प्लान पर लौट आता है।

• ऐप “बस थोड़ा और” पर ही अटका है: नया कंटेनर अभी बन रहा है, जिसमें कुछ मिनट लगते हैं। अगर उसका बिल्ड विफल रहा, तो वजह देखने के लिए कंटेनर खोलें।
• ऐप कहता है कि आपके कंटेनर में अभी कोई Google Analytics प्रॉपर्टी नहीं है: कंटेनर खोलें और एक प्रॉपर्टी जोड़ें। तब तक पिक्सेल के पास डेटा भेजने की कोई जगह नहीं है।
• “पिछले 7 दिन” शून्य पर ही रहता है: लाइव स्टोर खोलें और कुकी बैनर स्वीकार करें। Shopify पिक्सेल को सिर्फ़ उन विज़िटर के लिए चलाता है जिनकी प्राइवेसी पसंद एनालिटिक्स की अनुमति देती है।
• थीम एम्बेड चालू होने पर ऐप कहता है कि ट्रैकिंग कोड दो बार है या आपकी थीम में अब भी कोई पुरानी कॉपी है: वह स्निपेट हटाएँ जो आपने पहले theme.liquid में पेस्ट किया था।
• आप अपने प्लान की सीमा पर पहुँच गए हैं: जब तक आप अपग्रेड न करें, ऐप में बताई गई तारीख़ तक नए इवेंट दर्ज नहीं होते।
• कुछ और: अपने स्टोर के पते के साथ hello@signalhost.io पर लिखें।

SignalHost, Algorithmo GmbH का एक स्वतंत्र प्रोडक्ट है और Shopify, Google, Meta या TikTok से न तो संबद्ध है, न ही उनके द्वारा समर्थित है। Google Analytics, Google Ads और Google Tag Manager, Google LLC के ट्रेडमार्क हैं; Meta, Meta Platforms, Inc. का ट्रेडमार्क है; TikTok, ByteDance Ltd. का ट्रेडमार्क है; Shopify, Shopify Inc. का ट्रेडमार्क है।