Framer के लिए SignalHost: प्लगइन कनेक्ट करें, एक बार पब्लिश करें, और अपनी लाइव साइट पर कोड देखें

• एक Framer साइट जो कम से कम एक बार पब्लिश हो चुकी हो। कनेक्ट करने के लिए प्लगइन को आपकी साइट का पता चाहिए, और अगर अभी कोई पता नहीं है, तो वह पहले पब्लिश करने को कहता है।
• Framer प्रोजेक्ट का एडिट एक्सेस। प्लगइन अपना कनेक्शन प्रोजेक्ट में सहेजता है और साइट के कस्टम कोड में लिखता है, और दोनों के लिए यह ज़रूरी है।
• एक SignalHost खाता। आज़माने के लिए फ़्री प्लान काफ़ी है: हर महीने 10,000 रिक्वेस्ट और एक कंटेनर। खाता आप कनेक्ट करते समय भी बना सकते हैं।

Framer Marketplace में SignalHost ढूँढें और उसे अपने प्रोजेक्ट में खोलें। यह एक छोटे पैनल के रूप में खुलता है, जिसमें एक ही बटन है: “Connect with SignalHost”। उसे दबाएँ, और signalhost.io पर एक ब्राउज़र विंडो खुल जाती है। साइन इन करें, या मुफ़्त खाता बनाएँ।

जब तक आप उस विंडो में काम पूरा करते हैं, पैनल इंतज़ार करता है और अपने-आप अपडेट हो जाता है। अगर आपने विंडो बंद कर दी, तो “Open the window again” उसे वापस ले आता है। दस मिनट तक कोई जवाब न मिलने पर पैनल आपसे फिर से कोशिश करने को कहता है।

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

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

Framer में लौटने पर प्लगइन अपने-आप कनेक्शन ले लेता है, कोड जोड़ता है और बताता है कि लाइव होने के लिए अपनी साइट पब्लिश करें।

Framer कस्टम कोड सिर्फ़ प्रकाशित साइट पर दिखाता है, इसलिए जब तक आप पब्लिश नहीं करते, आपके विज़िटर के लिए कुछ नहीं बदलता। पैनल दो चरण दिखाता है: “Tracking code added to every page” और “Publish your site to make it live”।

हमेशा की तरह पब्लिश करें, फिर पैनल में “Check again” दबाएँ। SignalHost आपका प्रकाशित होम पेज फ़ेच करता है और उसमें कोड ढूँढता है। कोड मिलने पर दूसरा चरण बदलकर “Live on” और आपकी साइट का पता दिखाता है, और कंटेनर पेज इंस्टॉल को पूरा मान लेता है। प्लगइन कभी अपने-आप पब्लिश नहीं करता।

अपनी प्रकाशित साइट खोलें और कुछ देर इधर-उधर देखें। पैनल में “Open SignalHost” आपको कंटेनर पेज पर ले जाता है, जहाँ “एन्हांस्ड एनालिटिक्स” का “हालिया” टैब पिछले 30 मिनट दिखाता है, और “समस्या निवारण” के तहत “जाँच चलाएँ” पहुँचे हुए पेज व्यू गिनता है। Growth प्लान या उससे ऊपर के प्लान पर “लाइव इवेंट मॉनिटरिंग” भी हर इवेंट को आते ही उसके नाम से दिखाता है।

आपकी साइट के कस्टम कोड में कोड का एक हिस्सा, हर पेज के head के आख़िर में: Google Tag Manager लोडर, जो googletagmanager.com के बजाय आपके अपने टैगिंग पते की ओर पॉइंट करता है। यह वहीं से आपका Tag Manager कंटेनर लोड करता है, और आपका Google टैग इसी के ज़रिए पेज व्यू भेजता है।

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

कनेक्शन प्रोजेक्ट में सहेजा जाता है, इसलिए प्रोजेक्ट के हर एडिटर को वही कनेक्शन दिखता है, और यह सिर्फ़ इसी एक कंटेनर की इंस्टॉल वैल्यू पढ़ सकता है, और कुछ नहीं।

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

आपका कंटेनर signalhost.io के नीचे के एक पते से शुरू होता है। पेड प्लान पर, कंटेनर पेज का “अपना डोमेन सेट अप करें” आपको कदम-दर-कदम बताता है कि उसकी जगह अपनी साइट का कोई सबडोमेन, जैसे sgtm.yoursite.com, कैसे इस्तेमाल करें, जो फ़िल्टर लिस्ट से बच निकलता है और क्लिक कुकी को फ़र्स्ट-पार्टी रखता है।

डोमेन के लाइव होते ही SignalHost आपको नए कोड के साथ ईमेल करता है। Framer पर आपको इसे पेस्ट नहीं करना पड़ता: प्लगइन खोलें, जो कोड अपने-आप बदल देता है, और पब्लिश करें। तब तक पुराना पता काम करता रहता है। अगर आप प्लगइन खोलकर पब्लिश करना भूल जाते हैं, तो वह कहता है “Publish again: your live site still has an older version.”

आप प्लगइन के बिना भी यही कोड जोड़ सकते हैं। कंटेनर पेज पर “अपनी साइट पर इंस्टॉल करें” कार्ड में कोड ढूँढें और “कॉपी करें” दबाएँ। Framer में Site Settings → General → Custom Code खोलें, उसे ऐसे पेस्ट करें कि वह हर पेज के head के आख़िर में आए, और पब्लिश करें। फिर कंटेनर पेज पर “मैंने यह कर लिया है” दबाएँ।

इसमें आप क्या खोते हैं: कोड अब आपके कंटेनर के साथ अपडेट नहीं होता। जब आपका टैगिंग पता बदलता है, तो आपको उसे ख़ुद उस नए कोड से बदलना और फिर से पब्लिश करना पड़ता है जो SignalHost आपको ईमेल करता है। आपकी लाइव साइट पर इसकी जाँच भी कोई नहीं करता। दोनों में से एक ही इस्तेमाल करें: प्लगइन भी कनेक्ट हो, तो कोड हर पेज पर दो बार होगा।

“सेटिंग्स” में “कनेक्ट की गई साइटें” साइट को उसके पिछले चेक-इन के साथ “Framer प्लगइन” के रूप में दिखाती है।

पैनल के सबसे नीचे और प्लगइन के मेन्यू में मौजूद “Log out” SignalHost में कनेक्शन ख़त्म कर देता है और प्लगइन का कोड आपकी साइट के कस्टम कोड से हटा देता है। कस्टम कोड के किसी भी बदलाव की तरह, यह हटाया जाना भी आपके अगले पब्लिश के साथ विज़िटर तक पहुँचता है। आपका कंटेनर और उसके आँकड़े बने रहते हैं, और आप कभी भी फिर से कनेक्ट कर सकते हैं।

“कनेक्ट की गई साइटें” में “डिस्कनेक्ट करें” उल्टी दिशा से काम करता है: अगली बार जब कोई Framer में प्लगइन खोलता है, तब प्लगइन आपकी साइट से SignalHost हटा देता है, और अगले पब्लिश के साथ यह लाइव साइट से भी हट जाता है।

• पैनल कनेक्ट करने से पहले एक बार साइट पब्लिश करने को कहता है: साइट का अभी कोई प्रकाशित पता नहीं है। उसे पब्लिश करें, फिर “Check again” दबाएँ।
• पैनल कहता है कि आपको एडिट एक्सेस चाहिए, या साइट के कस्टम कोड को एडिट करने की अनुमति: प्रोजेक्ट के मालिक से एडिट एक्सेस माँगें।
• आपका कंटेनर सेट हो रहा है: कुछ मिनट बाद लौटें। कंटेनर तैयार होते ही प्लगइन कोड जोड़ देता है।
• SignalHost कोड बंद है: किसी ने उसे Site Settings → General → Custom Code में बंद कर दिया है। वहीं उसे फिर से चालू करें और पब्लिश करें।
• आपकी लाइव साइट पढ़ी नहीं जा सकी: SignalHost आपका प्रकाशित पेज फ़ेच नहीं कर सका। पब्लिश करें, फिर “Check again” दबाएँ।
• इस साइट को SignalHost में डिस्कनेक्ट कर दिया गया: किसी ने “कनेक्ट की गई साइटें” में “डिस्कनेक्ट करें” दबाया। ट्रैकिंग जारी रखने के लिए इसे फिर से कनेक्ट करें।
• SignalHost तक नहीं पहुँचा जा सका: थोड़ी देर बाद फिर से कोशिश करें।
• कुछ और: अपनी साइट के पते के साथ hello@signalhost.io पर लिखें।

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