ब्लॉग पर वापस जाएँ

ब्लॉग

WordPress के लिए SignalHost: एक ही प्लगइन से सर्वर-साइड Google Tag Manager और WooCommerce इवेंट

प्रकाशित · पढ़ने में 8 मिनट

WordPress के लिए SignalHost अभी WordPress.org पर नहीं है। तब तक आप इसे हाथ से जोड़ सकते हैं: SignalHost को हाथ से जोड़ना

SignalHost प्लगइन बिना कोई कोड पेस्ट किए WordPress साइट पर सर्वर-साइड Google Tag Manager लगा देता है। यह हर पेज पर ट्रैकिंग जोड़ता है, WooCommerce, फ़ॉर्म और साइन-अप इवेंट उसी ढाँचे में भेजता है जिसकी आपका कंटेनर उम्मीद करता है, आपका अपना ट्रैकिंग डोमेन लाइव होते ही अपने-आप उस पर स्विच कर लेता है, और हर उस चीज़ के बारे में चेतावनी देता है जो दो बार गिनी जाएगी। यह गाइड उसी क्रम में चलती है जिसमें आपका इससे सामना होता है: इंस्टॉल करना, कनेक्ट करना, जाँचना, और जो काम न करे उसे ठीक करना।

शुरू करने से पहले

  • PHP 7.4 या उसके बाद के वर्ज़न पर WordPress 6.6 या उसके बाद का वर्ज़न, और एक एडमिनिस्ट्रेटर खाता।
  • https:// से शुरू होने वाला साइट पता, जो कनेक्ट करने के लिए ज़रूरी है। बाक़ी साइटें भी पेस्ट किए गए स्निपेट के साथ प्लगइन इस्तेमाल कर सकती हैं, जिसका तरीका नीचे बताया गया है।
  • एक SignalHost खाता। आज़माने के लिए फ़्री प्लान काफ़ी है: हर महीने 10,000 रिक्वेस्ट और एक कंटेनर। खाता आप कनेक्ट करते समय भी बना सकते हैं।
  • WooCommerce, अगर आपको स्टोर इवेंट चाहिए। फ़ॉर्म और साइन-अप इवेंट इसके बिना भी काम करते हैं।

1. प्लगइन इंस्टॉल करें

WordPress में Plugins → Add New पर जाएँ, SignalHost खोजें, फिर SignalHost – Server-Side Tag Hosting for Google Tag Manager को इंस्टॉल और एक्टिवेट करें। यह आपके एडमिन मेन्यू में SignalHost नाम की एक एंट्री जोड़ता है, और जब तक आप साइट कनेक्ट नहीं करते, किसी बाहरी सेवा से संपर्क नहीं करता।

2. साइट को किसी कंटेनर से कनेक्ट करें

मेन्यू में SignalHost खोलें और “Connect with SignalHost” दबाएँ, या अगर आप नए हैं तो “Create a free account”। आपका ब्राउज़र signalhost.io पर जाता है और काम पूरा होने पर वापस लौट आता है।

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

कोई एक चुनें और “कनेक्ट करें” दबाएँ, या “आपकी साइट के लिए नया कंटेनर” चुनकर “कंटेनर बनाएँ” दबाएँ। इससे छोटा विज़ार्ड खुलता है, जो बिल्ड पूरा होने से पहले ही साइट कनेक्ट करने का विकल्प देता है; कंटेनर तैयार होते ही प्लगइन कोड जोड़ देता है। WordPress में लौटने पर एक नोटिस बताता है कि साइट कनेक्ट हो गई है।

3. जाँचें कि यह काम कर रहा है

Status टैब एक चेकलिस्ट है जो ऊपर से नीचे तक हरी होती जाती है: “Connected to SignalHost”, “Tracking code on your site”, “SignalHost served the code to a visitor” और “Data arriving”। दूसरा चरण इस पर टिका है कि प्लगइन आपका होम पेज वैसे ही फ़ेच करता है जैसे कोई लॉग-आउट विज़िटर करेगा; “Check again” इसे दोहराता है।

अपनी साइट ब्राउज़र में खोलें, कार्ट में कोई प्रोडक्ट डालें, कोई फ़ॉर्म भेजें। पहली विज़िट के एक मिनट के भीतर तीसरा चरण हरा हो जाता है, और उसके बाद “Data arriving” पिछले 7 दिनों के पेज व्यू गिनता है। Advanced के तहत “Log events in the browser console” हर इवेंट को पेज से निकलते समय दिखाता है, और Growth प्लान या उससे ऊपर के प्लान पर signalhost.io का कंटेनर पेज उन्हें “लाइव इवेंट मॉनिटरिंग” में सूचीबद्ध करता है।

प्लगइन आपकी साइट में क्या जोड़ता है

Google Tag Manager लोडर, हर पेज के head में, जो googletagmanager.com के बजाय आपके अपने टैगिंग पते की ओर पॉइंट करता है, आपके कुकी बैनर के बाद रखा जाता है और आम परफ़ॉर्मेंस प्लगइन के “delay JavaScript” फ़ीचर से बाहर रखा जाता है। आपका कंटेनर जो पेज व्यू भेजता है, उनके अलावा प्लगइन ये इवेंट पुश करता है, हर एक अपने event_id के साथ, ताकि Meta, TikTok और दूसरे प्लेटफ़ॉर्म ब्राउज़र पिक्सेल के इवेंट और उसके सर्वर वाले जुड़वाँ इवेंट को एक ही बार गिनें:

  • WooCommerce: view_item_list, view_item, add_to_cart, remove_from_cart, view_cart, begin_checkout, add_shipping_info, add_payment_info और purchase, क्लासिक और ब्लॉक-आधारित, दोनों तरह के कार्ट और चेकआउट के साथ। हर ऑर्डर एक ही बार भेजा जाता है — इसका निशान ख़ुद ऑर्डर पर लगाया जाता है — चाहे थैंक-यू पेज कितनी भी बार खोला जाए।
  • फ़ॉर्म: Contact Form 7, WPForms, Gravity Forms, Elementor Pro फ़ॉर्म और Fluent Forms से हुए सफल सबमिशन, हर फ़ॉर्म के लिए अलग से चुने गए इवेंट के रूप में: लीड (generate_lead), संपर्क (contact), बुकिंग (schedule), आवेदन (submit_application) या सब्सक्रिप्शन (subscribe)।
  • साइन-अप: जब कोई विज़िटर खाता बनाता है, तब sign_up — रजिस्ट्रेशन पेज पर, My Account में या चेकआउट पर।

हर प्रकार के लिए “What is tracked” के तहत एक स्विच है। कार्ट, चेकआउट, फ़ॉर्म और साइन-अप इवेंट विज़िटर के अपने सेशन से आते हैं, पेज के HTML से कभी नहीं, इसलिए कोई पेज कैश एक विज़िटर का इवेंट अगले विज़िटर को नहीं थमा सकता।

“Send customer details for better ad matching” तब तक बंद रहता है जब तक आप इसे चालू न करें। चालू करने पर ईमेल, फ़ोन और पता कन्वर्ज़न के साथ तभी जाते हैं जब विज़िटर ने विज्ञापन कुकी की अनुमति दी हो, और विज्ञापन प्लेटफ़ॉर्म तक पहुँचने से पहले हैश कर दिए जाते हैं। सहमति Google Consent Mode के ज़रिए आपके कुकी बैनर के हिसाब से चलती है; अगर आपका बैनर इसे सेट नहीं करता, तो यहीं “Consent & privacy” के तहत Set “denied until consent” चुनें।

अगर आप पहले से GTM4WP या कोई दूसरा Google टैग इस्तेमाल करते हैं

प्लगइन आपका होम पेज पढ़ता है और आपके दूसरे प्लगइन जाँचता है, और जो कुछ भी दो बार गिना जाएगा, उसे “Double-counting check” के तहत सूचीबद्ध करता है: पहले पेस्ट किया गया कोई SignalHost स्निपेट, उसी प्रॉपर्टी के लिए Google का अपना Tag Manager स्निपेट या Google टैग, Site Kit, MonsterInsights, ExactMetrics या Google Analytics for WooCommerce।

GTM4WP के लिए एक-क्लिक समाधान मौजूद हैं। “Turn off GTM4WP’s container code” उसे वही कंटेनर सीधे Google से लोड करने से रोकता है, जबकि उसका dataLayer काम करता रहता है; “Turn off GTM4WP’s shop tracking” स्टोर इवेंट SignalHost पर छोड़ देता है। “Undo” इनमें से किसी को भी पलट देता है।

आपका अपना ट्रैकिंग डोमेन

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

SignalHost को हाथ से जोड़ना

आप SignalHost को WordPress पर प्लगइन के बिना भी चला सकते हैं। signalhost.io पर अपना कंटेनर खोलें, “अपनी साइट पर इंस्टॉल करें” कार्ड में स्निपेट ढूँढें और “कॉपी करें” दबाएँ। इसे हर पेज के head में पेस्ट करें, जितना हो सके ऊपर, लेकिन आपके कुकी बैनर की स्क्रिप्ट के बाद: WPCode जैसा कोई हेडर प्लगइन (उसका Header बॉक्स) काम करता है, या आपकी थीम की header.php। अगर साइट उसी Analytics प्रॉपर्टी के लिए पहले से Google Tag Manager या कोई Google टैग लोड करती है, तो दूसरा जोड़ने के बजाय उसी स्निपेट को बदलें। फिर “मैंने यह कर लिया है” दबाएँ।

इससे आपका Tag Manager कंटेनर हर पेज पर आ जाता है, पेज व्यू के साथ और वह सब भी जो आपकी साइट ख़ुद dataLayer में पुश करती है। प्लगइन जो कुछ जोड़ता है, वह सब छूट जाता है: WooCommerce, फ़ॉर्म और साइन-अप इवेंट, हर ऑर्डर पर एक ही बार भेजी जाने वाली purchase, और दोनों जाँचें। जब आपका अपना डोमेन लाइव होता है, तो स्निपेट आपको ख़ुद बदलना पड़ता है।

जो साइट कनेक्ट नहीं हो सकती, जैसे https:// के बिना वाली साइट, उसके लिए एक बीच का रास्ता है: प्लगइन में “I already have a snippet from SignalHost” चुनें, कोड पेस्ट करें और “Use this snippet” दबाएँ। इवेंट तब भी जाते रहते हैं, लेकिन प्लगइन न आपके अपने डोमेन पर स्विच कर सकता है, न यह दिखा सकता है कि डेटा पहुँच रहा है या नहीं।

मैनेज करना और डिस्कनेक्ट करना

Status टैब पर “Disconnect” एक बार पुष्टि माँगता है, फिर तुरंत हर पेज से ट्रैकिंग कोड हटा देता है। आपका कंटेनर और उसका डेटा बने रहते हैं, और “Connect with SignalHost” से साइट कभी भी वापस जोड़ी जा सकती है। signalhost.io पर “सेटिंग्स › कनेक्ट की गई साइटें” में भी यह साइट दिखती है; वहाँ “डिस्कनेक्ट करें” प्लगइन के अगले चेक-इन पर, आमतौर पर एक घंटे के भीतर, कोड हटा देता है।

प्लगइन डिलीट करने से साइट डिस्कनेक्ट हो जाती है और प्लगइन का सहेजा हुआ सब कुछ हट जाता है। स्टेजिंग कॉपी पर प्लगइन बदला हुआ पता पहचानकर ट्रैकिंग रोक देता है, ताकि टेस्ट ट्रैफ़िक आपके लाइव डेटा से बाहर रहे।

जब कुछ काम न करे

  • कोई Connect बटन नहीं है: साइट का पता https:// से शुरू नहीं होता। इसके बजाय “I already have a snippet from SignalHost” इस्तेमाल करें।
  • कनेक्ट करना फ़ायरवॉल वाले मैसेज के साथ रुक जाता है: कोई सिक्योरिटी प्लगइन या सर्वर signalhost.io की रिक्वेस्ट रोक रहा है। उन्हें अनुमति दें और फिर से Connect दबाएँ।
  • कोड आपके होम पेज पर नहीं मिला: wp_head() के बिना कोई थीम, कोई पेज कैश या कोई ऑप्टिमाइज़ेशन प्लगइन उसे हटा रहा है। Advanced के तहत “Clear page caches” दबाएँ, फिर “Check again”।
  • कोड आपके होम पेज पर दो बार है, या वहाँ कोई पुरानी कॉपी है: वह स्निपेट हटाएँ जो आपने पहले अपनी थीम या किसी हेडर प्लगइन में पेस्ट किया था।
  • इस सर्वर से होम पेज नहीं खुल सका: पासवर्ड सुरक्षा, मेंटेनेंस मोड या कोई फ़ायरवॉल बीच में आ रहा है। साइट को ब्राउज़र में खोलकर वहाँ जाँचें।
  • आपकी अपनी विज़िट नहीं दिख रहीं: “Do not track administrators” चालू है। साइन आउट करके साइट पर जाएँ।
  • कुछ और: अपनी साइट के पते के साथ hello@signalhost.io पर लिखें।

ट्रेडमार्क

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

ऐड ब्लॉकर्स की वजह से डेटा खोना बंद करें

मुफ़्त शुरू करें। कुछ ही मिनटों में पहला कंटेनर चालू करें।