कस्टम पिक्सेल को टेस्ट करना

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

आप यह टेस्ट करने के लिए Shopify पिक्सेल हेल्पर का उपयोग कर सकते हैं कि आपके पिक्सेल इवेंट लोड होते हैं या नहीं और आपने Shopify इवेंट को ठीक से सब्सक्राइब किया है या नहीं। Shopify पिक्सेल हेल्पर आपको अपने ऑनलाइन स्टोर पर अपना कस्टम पिक्सेल टेस्ट करने की सुविधा देता है, ताकि आप रीयल-टाइम में प्राप्त होने वाले इवेंट को उन इवेंट के डेटा के साथ देख सकें।

अगर आपका कस्टम पिक्सेल किसी ऐसे थर्ड-पार्टी प्लेटफ़ॉर्म के साथ इंटिग्रेट होता है जिसके पास अपना पिक्सेल हेल्पर टूल है, तो आप यह टेस्ट करने के लिए Shopify पिक्सेल हेल्पर के अलावा थर्ड-पार्टी पिक्सेल हेल्पर का भी उपयोग कर सकते हैं कि आपके पिक्सेल इवेंट, थर्ड-पार्टी प्लेटफ़ॉर्म द्वारा प्रोसेस किए जा रहे हैं और प्राप्त हो रहे हैं या नहीं। उदाहरण के लिए, अगर आप अपने स्टोर पर एक कस्टम TikTok पिक्सेल जोड़ते हैं, तो आप अपने पिक्सेल को टेस्ट करने के लिए Shopify पिक्सेल हेल्पर और TikTok पिक्सेल हेल्पर दोनों का उपयोग कर सकते हैं।

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

यहां एक कस्टम पिक्सेल स्क्रिप्ट दी गई है, जो सैंडबॉक्स में सभी स्टैंडर्ड इवेंट को फ़ायर करेगी और इवेंट डेटा को कंसोल में लॉग करेगी। स्टैंडर्ड इवेंट, Shopify पिक्सेल हेल्पर में दिखाई देंगे। इसके अलावा, आप अन्य बल्क सब्सक्रिप्शन, all_events, all_custom_events और all_dom_events को सब्सक्राइब कर सकते हैं, ताकि यह पता चल सके कि वेब पिक्सेल क्या-क्या उपलब्ध करा सकते हैं। ज़्यादा जानकारी के लिए वेब पिक्सेल API पर जाएं।

analytics.subscribe("all_standard_events", event => {
   console.log("Event data ", event?.data);
});

यह पक्का करें कि कस्टम पिक्सेल कनेक्टेड है

अपना कस्टम पिक्सेल टेस्ट करने से पहले, पक्का करें कि कस्टम पिक्सेल कनेक्टेड है।

चरण:

1. अपने Shopify एडमिन में, सेटिंग > ग्राहक इवेंट पर जाएं.

2. आप जिस पिक्सेल को टेस्ट करना चाहते हैं, उसके आगे वेरिफ़ाई करें कि स्टेटस स्तंभ में कनेक्टेड स्टेटस दिखाई दे रहा है.

3. अगर पिक्सेल कनेक्टेड नहीं है, तो ... पर क्लिक करें और फिर कनेक्ट करें पर क्लिक करें.

Shopify पिक्सेल हेल्पर का उपयोग करके कस्टम पिक्सेल टेस्ट करना

यह वेरिफ़ाई करने के बाद कि आपका कस्टम पिक्सेल कनेक्टेड है, आप यह टेस्ट करने के लिए Shopify पिक्सेल हेल्पर का उपयोग कर सकते हैं कि आपका कस्टम पिक्सेल डेटा भेज रहा है और आपके स्टोर का डेटा प्राप्त कर रहा है या नहीं। आप एक बार में एक कस्टम पिक्सेल को टेस्ट कर सकते हैं।

चरण:

1. अपने Shopify एडमिन में, सेटिंग > ग्राहक इवेंट पर जाएं.

2. उस कस्टम पिक्सेल पर क्लिक करें जिसे आप टेस्ट करना चाहते हैं.

3. अपनी वेबसाइट पर कस्टम पिक्सेल को टेस्टिंग के लिए खोलने के लिए, टेस्ट करें पर क्लिक करें.

4. वैकल्पिक: आपके स्टोर की सहमति सेटिंग और कस्टम पिक्सेल की ग्राहक की गोपनीयता सेटिंग के आधार पर, पिक्सेल हेल्पर डायलॉग में पिक्सेल सहमति की प्रतीक्षा कर रहा है दिखाई दे सकता है। टेस्टिंग जारी रखने के लिए इनमें से कोई एक काम करें:

   • अपने स्टोर के कुकी बैनर या प्राथमिकताओं पर ट्रैकिंग स्वीकार करें.
   • टेस्ट जारी रखने के लिए सहमति दें पर क्लिक करें.
   • अगर आपका पिक्सेल अभी भी लोड नहीं होता है, तो अपनी ग्राहक गोपनीयता सेटिंग की समीक्षा करें।

5. यह देखने के लिए कि कौन से इवेंट लोड हो रहे हैं, हर उस पेज पर जाएं जिसके लिए आप पिक्सेल को टेस्ट करना चाहते हैं और पिक्सेल हेल्पर डायलॉग में प्राप्त इवेंट सेक्शन की समीक्षा करें, ताकि यह पक्का किया जा सके कि इवेंट को सफलतापूर्वक सब्सक्राइब किया गया था और कॉलबैक फ़ंक्शन सफल रहा:

   • page_viewed इवेंट को टेस्ट करने के लिए एक नए पेज पर जाएं।
   • product_viewed इवेंट को टेस्ट करने के लिए किसी प्रोडक्ट पर क्लिक करें.
   • product_added_to_cart इवेंट को टेस्ट करने के लिए अपने कार्ट में एक प्रोडक्ट जोड़ें.
   • checkout_started इवेंट को टेस्ट करने के लिए अपने चेकआउट पर जाएं.
   • यह टेस्ट करने के लिए चेकआउट पर अपनी शिपिंग जानकारी डालें कि checkout_shipping_info_submitted इवेंट, checkout_started इवेंट की जगह ले लेता है।
   • यह टेस्ट करने के लिए चेकआउट पूरा करें कि checkout_completed इवेंट, checkout_shipping_info_submitted इवेंट की जगह ले लेता है। टेस्ट ऑर्डर देने के बारे में ज़्यादा जानें।

6. प्राप्त इवेंट डेटा देखने के लिए, पिक्सेल हेल्पर डायलॉग का विस्तार करने के लिए पर क्लिक करें।

प्राप्त इवेंट सेक्शन को देखना

जब आप यह टेस्ट करते हैं कि चरण 5 में कौन से इवेंट लोड हो रहे हैं, तो पिक्सेल हेल्पर डायलॉग के प्राप्त इवेंट सेक्शन में निम्न में से एक स्टेटस दिखाई देता है:

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

analytics.subscribe("all_standard_events", event => {
  console.log("Event data ", event?.data);
  throw new Error("callback error");
});

throw new Error("top level error")

JavaScript से जुड़ी गड़बड़ियों को ठीक करने के बारे में ज़्यादा जानने के लिए, JavaScript से जुड़ी समस्या हल करना पर जाएं।

अपने कस्टम पिक्सेल से जुड़ी समस्या हल करना

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

अपनी ग्राहक निजता सेटिंग की समीक्षा करें

अगर आपका पिक्सेल टेस्टिंग के दौरान लोड या फायर नहीं होता है, तो हो सकता है कि ग्राहक निजता सेटिंग उसे लोड होने से रोक रही हों।

अपने Shopify एडमिन से, सेटिंग > ग्राहक निजता पर जाएं, ताकि आप अपने Shopify एडमिन में ग्राहक निजता सेटिंग की जांच कर सकें जो आपके सत्र पर लागू हो सकती हैं। आपकी ग्राहक निजता सेटिंग के आधार पर, नीचे दिए गए कदम उठाएं:

• अगर आपके पास ऐसी ग्राहक निजता सेटिंग हैं जिनके लिए आपके क्षेत्र में सहमति की ज़रूरत होती है, तो यह पक्का करें कि आपने अपने कुकी बैनर के ज़रिए सहमति दी है।
• अगर आपके पास ऐसी कोई ग्राहक निजता सेटिंग नहीं है जो पिक्सेल को लोड होने से रोकती है, तो अपने कुकी बैनर को रीसेट करने और सहमति देने के लिए अपने ब्राउज़र की कुकी हटाएं।

अगर आप सहमति को मैनेज करने के लिए किसी थर्ड-पार्टी टूल का इस्तेमाल करते हैं, तो सहायता के लिए अपने थर्ड-पार्टी प्रोवाइडर से संपर्क करें।

अतिरिक्त समस्या समाधान

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

• अपने ब्राउज़र की कुकी हटाएं.
• अगर आप किसी मानक इवेंट की टेस्टिंग कर रहे हैं, तो Shopify का मानक इवेंट के विवरण वाला डेवलपर दस्तावेज़ देखें, ताकि यह पक्का हो सके कि आप इवेंट को ट्रिगर करने के लिए ज़रूरी कदम उठा रहे हैं।

थर्ड-पार्टी पिक्सेल हेल्पर से टेस्टिंग

एक पिक्सेल SDK (सॉफ़्टवेयर डेवलपमेंट किट) में आपके पिक्सेल के लिए वे टूल होते हैं, जो ग्राहक के व्यवहार के बारे में जानकारी इकट्ठा करते हैं। आप अपने पिक्सेल के नीचे दिए गए व्यवहारों को टेस्ट करने के लिए अपने थर्ड-पार्टी पिक्सेल प्रोवाइडर के पिक्सेल हेल्पर का इस्तेमाल कर सकते हैं और यह पक्का कर सकते हैं कि पिक्सेल SDK उम्मीद के मुताबिक काम कर रहा है:

• यह टेस्ट करें कि कोई पिक्सेल थर्ड-पार्टी SDK लोड हुआ है या नहीं
• यह टेस्ट करें कि कोई थर्ड-पार्टी पिक्सेल SDK इनिशियलाइज़ किया गया है और उसे इवेंट मिल रहे हैं या नहीं

यह टेस्ट करना कि थर्ड-पार्टी पिक्सेल SDK लोड हुआ है या नहीं

आपके नेटवर्क टैब की जांच करने के चरण आपके इस्तेमाल किए जाने वाले वेब ब्राउज़र पर निर्भर करते हैं। उदाहरण के लिए, Google Chrome पर अपने नेटवर्क टैब की जांच करने का तरीका जानने के लिए, Chrome for Developers के नेटवर्क एक्टिविटी का निरीक्षण करें दस्तावेज़ देखें।

यह टेस्ट करने के लिए कि कोई थर्ड-पार्टी पिक्सेल SDK लोड हुआ है, आपको सबसे पहले SDK URL के लिए अपने थर्ड-पार्टी प्रोवाइडर का कोड प्राप्त करना होगा, ताकि आप उसे अपने पिक्सेल कोड में जोड़ सकें। सहायता के लिए, अपने थर्ड-पार्टी पिक्सेल प्रोवाइडर से संपर्क करें।

चरण:

1. अपने Shopify एडमिन में, सेटिंग > ग्राहक इवेंट पर जाएं.

2. उस कस्टम पिक्सेल पर क्लिक करें जिसे आप टेस्ट करना चाहते हैं.

3. कोड सेक्शन में, अपने पिक्सेल कोड के आखिर में वह पिक्सेल SDK दर्ज करें जो आपके थर्ड-पार्टी प्रोवाइडर ने दिया है।

4. सेव करें पर क्लिक करें.

5. अपने ऑनलाइन स्टोर पर जाएं और फिर यह पक्का करने के लिए अपने नेटवर्क टैब की जांच करें कि थर्ड-पार्टी प्रोवाइडर का SDK URL डाउनलोड हो रहा है।

6. वैकल्पिक: अगर थर्ड-पार्टी पिक्सेल SDK लोड नहीं होता है, तो सैंडबॉक्स में JavaScript रनटाइम गड़बड़ियों की जांच करें। उदाहरण के लिए, Chrome पर आप कंसोल लॉग की समीक्षा करने के लिए कोई खास iFrame चुन सकते हैं और फिर जिस खास पिक्सेल की आप टेस्टिंग कर रहे हैं, उस तक लॉग को सीमित कर सकते हैं। Chrome पर JavaScript रनटाइम गड़बड़ियों की जांच करने के बारे में ज़्यादा जानने के लिए, Chrome का JavaScript डीबग करें दस्तावेज़ देखें।

अगर टेस्टिंग के दौरान थर्ड-पार्टी पिक्सेल SDK लोड नहीं होता है, तो सहायता के लिए अपने थर्ड-पार्टी पिक्सेल प्रोवाइडर से संपर्क करें।

अन्य थर्ड-पार्टी पिक्सेल SDK टेस्टिंग

यह टेस्ट करने के लिए कि कोई थर्ड-पार्टी पिक्सेल SDK इनिशियलाइज़ किया गया है या इवेंट इकट्ठा कर रहा है, अपने थर्ड-पार्टी पिक्सेल प्रोवाइडर के दस्तावेज़ देखें।

यह टेस्ट करने के लिए कि कोई पिक्सेल SDK इवेंट इकट्ठा कर रहा है, आपको अपने ब्राउज़र के नेटवर्क टैब की जांच करने का निर्देश दिया जा सकता है। आपके नेटवर्क टैब की जांच करने के चरण आपके इस्तेमाल किए जाने वाले वेब ब्राउज़र पर निर्भर करते हैं। उदाहरण के लिए, Google Chrome ब्राउज़र पर अपने नेटवर्क टैब की जांच करने का तरीका जानने के लिए, Chrome for Developers के नेटवर्क एक्टिविटी का निरीक्षण करें दस्तावेज़ देखें।