कस्टम पिक्सेल्सची चाचणी करणे

सावधानता

कस्टम पिक्सेल्स हे एक प्रगत वैशिष्ट्य आहे ज्यासाठी JavaScript चे ज्ञान आवश्यक आहे. लागू कायदे, संमती, कोड सुरक्षा, ट्रबलशूटिंग आणि अपडेट्स यांचे अनुपालन करणे ही तुमची जबाबदारी आहे. पिक्सेल्स Shopify सेवेच्या अटींच्या अधीन आहेत.

कस्टम पिक्सेल्स जोडणे आणि वापरणे Shopify द्वारे समर्थित नाही. कस्टम पिक्सेल जोडण्यासाठी किंवा वापरण्यासाठी तुम्हाला मदतीची आवश्यकता असल्यास, तुम्ही Shopify पार्टनर नियुक्त करू शकता.

तुम्ही कस्टम पिक्सेल तयार केल्यानंतर, तुमच्या साइटवर इव्हेंट्स घडतात तेव्हा तुमचा पिक्सेल योग्यरीत्या डेटा पाठवत आहे याची खात्री करण्यासाठी तुम्हाला त्याची चाचणी करणे आवश्यक आहे.

तुमचे पिक्सेल इव्हेंट्स लोड होतात की नाही आणि तुम्ही Shopify इव्हेंट्स योग्यरितीने सबस्क्राइब केले आहेत की नाही हे तपासण्यासाठी तुम्ही Shopify Pixel Helper वापरू शकता. Shopify Pixel Helper तुम्हाला तुमच्या कस्टम पिक्सेलची तुमच्या ऑनलाइन स्टोअरवर चाचणी करू देते, ज्यामुळे त्या इव्हेंट्सच्या डेटासोबतच रिअल-टाइममध्ये प्राप्त होत असलेले इव्हेंट्स पाहता येतात.

जर तुमचा कस्टम पिक्सेल अशा एखाद्या तृतीय-पक्ष प्लॅटफॉर्मसह इंटिग्रेट होत असेल ज्याचे स्वतःचे पिक्सेल हेल्पर टूल आहे, तर तुमचे पिक्सेल इव्हेंट्स तृतीय-पक्ष प्लॅटफॉर्मद्वारे प्रोसेस आणि प्राप्त केले जातात की नाही हे तपासण्यासाठी तुम्ही Shopify Pixel Helper च्या व्यतिरिक्त तृतीय-पक्ष पिक्सेल हेल्पर वापरू शकता. उदाहरणार्थ, तुम्ही तुमच्या स्टोअरवर कस्टम TikTok पिक्सेल जोडल्यास, तुम्ही तुमच्या पिक्सेलची चाचणी करण्यासाठी Shopify Pixel Helper आणि TikTok पिक्सेल हेल्पर दोन्ही वापरू शकता.

एकाच वेळी दोन्ही प्लॅटफॉर्मसाठी इव्हेंट्सची चाचणी करण्यासाठी तुम्ही तृतीय-पक्ष पिक्सेल हेल्पर असलेल्या समान ब्राउझर सत्रामध्ये Shopify Pixel Helper वापरू शकता.

टीप

तुमच्याकडे डेव्ह स्टोअर असल्यास, पिक्सेल्स तुमच्या लाइव्ह ऑनलाइन स्टोअरमध्ये जोडण्यापूर्वी, ते अपेक्षेप्रमाणे काम करत असल्याची खात्री करण्यासाठी त्यांच्यावर चाचणी करण्याचा विचार करा.

येथे एक कस्टम पिक्सेल स्क्रिप्ट आहे जी सँडबॉक्समध्ये सर्व प्रमाणित इव्हेंट्स सुरू करेल आणि कन्सोलवर इव्हेंट डेटा लॉग करेल. प्रमाणित इव्हेंट्स Shopify Pixel Helper मध्ये दिसतील. याव्यतिरिक्त, वेब पिक्सेल्स काय प्रदान करू शकतात हे शोधण्यासाठी तुम्ही इतर मोठ्या प्रमाणातील सबस्क्रिप्शन्स, 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. पिक्सेल कनेक्ट केलेले नसल्यास, पुढील कृती करा:

   1. > तपशील पहा वर क्लिक करा.
   2. पर्यायी: तुमच्या पिक्सेलच्या कोडचे पुनरावलोकन करा आणि तो अपडेट करा व त्यानंतर सेव्ह करा वर क्लिक करा.
   3. कनेक्ट करा वर क्लिक करा.
   4. पुष्टीकरण संवादामध्ये, कनेक्ट करा वर क्लिक करा.

Shopify Pixel Helper वापरून कस्टम पिक्सेलची चाचणी करा

तुमचा कस्टम पिक्सेल कनेक्ट केलेला आहे याची पडताळणी केल्यानंतर, तुमचा कस्टम पिक्सेल डेटा पाठवत आहे की नाही आणि तुमच्या स्टोअरचा डेटा प्राप्त करत आहे की नाही याची चाचणी करण्यासाठी तुम्ही Shopify Pixel Helper वापरू शकता.

Shopify Pixel Helper वापरण्यापूर्वी खालील बाबींचे पुनरावलोकन करा:

• तुम्ही Shopify Pixel Helper वापरून एका वेळी फक्त 1 कस्टम पिक्सेलची चाचणी करू शकता.
• Shopify Pixel Helper चालू असताना तुम्ही चाचणी केल्या जात असलेल्या पिक्सेलमध्ये बदल करू शकत नाही. नवीन बदलांची चाचणी करण्यासाठी, तुमचा पिक्सेल सेव्ह करा, Shopify Pixel Helper टॅब बंद करा आणि त्यानंतर Shopify Pixel Helper पुन्हा उघडा.
• तुम्ही नवीन पेजवर नेव्हिगेट करता तेव्हा इव्हेंट लॉग क्लिअर केले जातात. उदाहरणार्थ, तुम्ही तुमच्या कार्टमध्ये एखादे उत्पादन जोडल्यास आणि Shopify Pixel Helper product_added_to_cart इव्हेंट नोंदवत असल्यास, जेव्हा तुम्ही एखाद्या नवीन उत्पादन पेजवर किंवा कार्ट पेजवर नेव्हिगेट करता तेव्हा तो लॉग क्लिअर केला जातो.
• Shopify Pixel Helper मध्ये बंद करा बटण नाही. चाचणी थांबवण्यासाठी, तुम्ही Shopify Pixel Helper ने उघडलेला टॅब बंद करणे आवश्यक आहे.
• Shopify Pixel Helper हेडलेस कॉमर्स स्टोअर्स किंवा खाजगी मोडमधील स्टोअर्सशी सुसंगत नाही.
• जर तुमचे ऑनलाइन स्टोअर खाजगी मोडमध्ये असेल, तर Shopify Pixel Helper वापरण्यासाठी खाजगी मोड निष्क्रिय करण्याचा विचार करा.

पायऱ्या:

1. तुमच्या Shopify ॲडमिनमधून, सेटिंग्ज > ग्राहक इव्हेंट्स वर जा.

2. तुम्हाला ज्या कस्टम पिक्सेलची चाचणी करायची आहे त्यावर क्लिक करा.

3. तुमच्या वेबसाइटवर कस्टम पिक्सेल चाचणीसाठी उघडण्याकरिता चाचणी करा वर क्लिक करा.

4. पर्यायी: तुमच्या स्टोअरच्या संमती सेटिंग्जवर आणि कस्टम पिक्सेलच्या ग्राहक गोपनीयता सेटिंग्जवर अवलंबून, Pixel helper संवाद Pixel is awaiting consent प्रदर्शित करू शकतो. चाचणी सुरू ठेवण्यासाठी खालीलपैकी कोणतेही एक करा:

   • तुमच्या स्टोअरच्या कुकी बॅनरवर किंवा पसंतींवर ट्रॅकिंग स्वीकार करा.
   • चाचणी सुरू ठेवण्यासाठी संमती द्या वर क्लिक करा.
   • जर तुमचा पिक्सेल तरीही लोड होत नसेल, तर तुमच्या ग्राहक गोपनीयता सेटिंग्जचे पुनरावलोकन करा.

5. कोणते इव्हेंट्स लोड होत आहेत हे पाहण्यासाठी, तुम्हाला पिक्सेलची चाचणी करायच्या असलेल्या प्रत्येक पेजला भेट द्या आणि प्राप्त झालेले इव्हेंट्स विभागामध्ये इव्हेंट यशस्वीरीत्या सबस्क्राइब केला गेला आणि कॉलबॅक फंक्शन यशस्वी झाले याची खात्री करण्यासाठी Pixel helper संवादाचे पुनरावलोकन करा:

   • page_viewed इव्हेंटची चाचणी करण्यासाठी नवीन पेजवर जा.
   • product_viewed इव्हेंटची चाचणी करण्यासाठी उत्पादनावर क्लिक करा.
   • product_added_to_cart इव्हेंटची चाचणी करण्यासाठी तुमच्या कार्टमध्ये एखादे उत्पादन जोडा.
   • checkout_started इव्हेंटची चाचणी करण्यासाठी तुमच्या चेकआउटवर जा.
   • checkout_shipping_info_submitted इव्हेंट हा checkout_started इव्हेंटला बदलतो याची चाचणी करण्यासाठी चेकआउटवर तुमची शिपिंग माहिती भरा.
   • checkout_completed इव्हेंट हा checkout_shipping_info_submitted इव्हेंटला बदलतो याची चाचणी करण्यासाठी चेकआउट पूर्ण करा. चाचणी ऑर्डर देण्याबद्दल अधिक जाणून घ्या.

6. प्राप्त झालेला इव्हेंट डेटा पाहण्यासाठी, पिक्सेल हेल्पर डायलॉगचा विस्तार करण्यासाठी वर क्लिक करा.

Events received विभाग पाहणे

जेव्हा तुम्ही 5 व्या पायरीमध्ये कोणते इव्हेंट्स लोड होत आहेत याची चाचणी घेता, तेव्हा Pixel helper डायलॉगच्या Events received विभागामध्ये खालीलपैकी एक स्टेटस दिसतो:

• हिरवा डॉट सूचित करतो की इव्हेंट यशस्वीरीत्या सबस्क्राइब झाला आणि कॉलबॅक फंक्शन यशस्वी ठरले.
• लाल डॉट सूचित करतो की इव्हेंट यशस्वीरीत्या सबस्क्राइब झाला, पण कॉलबॅक फंक्शन अयशस्वी ठरले. तुमच्या कस्टम पिक्सेलचे ट्रबलशूटिंग कसे करायचे ते जाणून घ्या.
• पिक्सेल हेल्पर टॉप लेव्हलवर किंवा कॉलबॅक फंक्शनमध्ये घडणाऱ्या न पकडलेल्या (uncaught) एरर दाखवतो. पिक्सेल हेल्पर लोड झाल्यावर टॉप लेव्हलच्या एरर दिसतात. तुम्ही लाल डॉट असलेला इव्हेंट विस्तारित करण्यासाठी क्लिक करता तेव्हा कॉलबॅक एरर मेसेज दिसतात.
• खालील कोड सॅम्पलमध्ये कॉलबॅक एरर आणि टॉप लेव्हल एरर आहे. टॉप लेव्हलची एरर कुठे आहे यावर अवलंबून, पिक्सेल अंशतः काम करू शकेल.

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

throw new Error("top level error")

JavaScript एरर दुरुस्त करण्याबद्दल अधिक जाणून घेण्यासाठी, Troubleshooting JavaScript ला भेट द्या.

तुमच्या कस्टम पिक्सेलचे ट्रबलशूटिंग

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

तुमच्या ग्राहक गोपनीयता सेटिंग्जचे पुनरावलोकन करा

चाचणी दरम्यान तुमचा पिक्सेल लोड किंवा फायर होत नसेल, तर त्याला लोड होण्यापासून रोखणाऱ्या ग्राहक गोपनीयता सेटिंग्ज असू शकतात.

तुमच्या Shopify ॲडमिनमधून, तुमच्या सत्राला लागू होऊ शकणाऱ्या तुमच्या Shopify ॲडमिनमधील ग्राहक गोपनीयता सेटिंग्ज तपासण्यासाठी सेटिंग्ज > ग्राहक गोपनीयता वर जा. तुमच्या ग्राहक गोपनीयता सेटिंग्जनुसार, पुढील पावले उचला:

• तुमच्या प्रदेशात संमती आवश्यक असणाऱ्या ग्राहक गोपनीयता सेटिंग्ज तुमच्याकडे असल्यास, तुम्ही तुमच्या कुकी बॅनरद्वारे संमती दिल्याची खात्री करा.
• पिक्सेल लोड होण्यापासून ब्लॉक करणाऱ्या कोणत्याही ग्राहक गोपनीयता सेटिंग्ज तुमच्याकडे नसल्यास, तुमचा कुकी बॅनर रीसेट करण्यासाठी आणि संमती देण्यासाठी तुमच्या ब्राउझरच्या कुकीज क्लिअर करा.
• संमती व्यवस्थापित करण्यासाठी तुम्ही तृतीय-पक्ष टूल वापरत असल्यास, जसे की कुकी बॅनर ॲप, तर त्या टूलने संमती Customer Privacy API द्वारे Shopify सोबत सिंक करणे आवश्यक आहे. Shopify सोबत संमती सिंक केली नसल्यास, ग्राहकाने संमती दिल्यानंतरही तुमचा पिक्सेल फायर होऊ शकणार नाही. संमती Shopify सोबत सिंक होत आहे याची पुष्टी करण्यासाठी किंवा अतिरिक्त सपोर्टसाठी तुमच्या तृतीय-पक्ष प्रदात्याशी संपर्क साधा.

टीप

कुकी बॅनर तुम्हाला तुमच्या ग्राहकांकडून कुकी वापरण्याची संमती विचारू देतात. तुमच्या स्टोअरमध्ये कुकी बॅनर जोडण्यासाठी तुम्ही Shopify App Store ब्राउझ करू शकता.

अतिरिक्त ट्रबलशूटिंग

तुमचा कस्टम पिक्सेल योग्यरीत्या ग्राहक इव्हेंटला सबस्क्राइब केला आहे की नाही हे अद्याप अस्पष्ट असल्यास, खालील ट्रबलशूटिंग उपाय करून पाहा:

• तुमच्या ब्राउझरच्या कुकीज क्लिअर करा.
• तुम्ही स्टँडर्ड इव्हेंटची चाचणी घेत असल्यास, इव्हेंट ट्रिगर करण्यासाठी तुम्ही आवश्यक पायऱ्या करत आहात याची खात्री करण्यासाठी Shopify च्या standard event descriptions डेव्हलपर दस्तऐवजीकरणाचे पुनरावलोकन करा.

जुन्या पिक्सेल सेटअपवरून मायग्रेशन केल्यानंतर ट्रॅक केलेल्या इव्हेंटच्या संख्येत तुम्हाला तफावत आढळल्यास, मायग्रेशननंतरचे ट्रबलशूटिंग चे पुनरावलोकन करा.

तृतीय-पक्ष पिक्सेल हेल्पर चाचणी

पिक्सेल SDK (सॉफ्टवेअर डेव्हलपमेंट किट) मध्ये ग्राहकांच्या वर्तनाविषयी माहिती गोळा करण्यासाठी तुमच्या पिक्सेलसाठी आवश्यक असणारी टूल्स असतात. तुमच्या पिक्सेलच्या खालील वर्तनांची चाचणी करण्यासाठी आणि पिक्सेल SDK अपेक्षेप्रमाणे काम करत आहे याची खात्री करण्यासाठी तुम्ही तुमच्या तृतीय-पक्ष पिक्सेल प्रदात्याचे पिक्सेल हेल्पर वापरू शकता:

• पिक्सेल तृतीय-पक्ष SDK लोड झाले आहे का याची चाचणी घ्या
• तृतीय-पक्ष पिक्सेल SDK सुरू केले आहे आणि इव्हेंट प्राप्त करत आहे का याची चाचणी घ्या

तृतीय-पक्ष पिक्सेल SDK लोड झाले आहे का याची चाचणी घ्या

तुमचा नेटवर्क टॅब तपासण्याच्या पायऱ्या तुम्ही वापरत असलेल्या वेब ब्राउझरवर अवलंबून असतात. उदाहरणार्थ, Google Chrome वर तुमचा नेटवर्क टॅब कसा तपासायचा हे जाणून घेण्यासाठी, Chrome for Developers च्या Inspect network activity दस्तऐवजीकरणाचा संदर्भ घ्या.

तृतीय-पक्ष पिक्सेल SDK लोड झाले आहे याची चाचणी घेण्यासाठी, तुम्हाला आधी SDK URL साठी तुमच्या तृतीय-पक्ष प्रदात्याचा कोड पुनर्प्राप्त करणे आवश्यक आहे जेणेकरून तुम्ही तो तुमच्या पिक्सेल कोडमध्ये जोडू शकाल. सपोर्टसाठी, तुमच्या तृतीय-पक्ष पिक्सेल प्रदात्याशी संपर्क साधा.

पायऱ्या:

1. तुमच्या Shopify ॲडमिनमधून, सेटिंग्ज > ग्राहक इव्हेंट्स वर जा.

2. तुम्हाला ज्या कस्टम पिक्सेलची चाचणी करायची आहे त्यावर क्लिक करा.

3. Code विभागामध्ये, तुमच्या तृतीय-पक्ष प्रदात्याने दिलेले पिक्सेल SDK तुमच्या पिक्सेल कोडच्या शेवटी भरा.

4. सेव्ह करा वर क्लिक करा.

5. तुमच्या ऑनलाइन स्टोअरला भेट द्या आणि त्यानंतर तृतीय-पक्ष प्रदात्याची SDK URL डाउनलोड होत असल्याची खात्री करण्यासाठी तुमचा नेटवर्क टॅब तपासा.

6. पर्यायी: तृतीय-पक्ष पिक्सेल SDK लोड होत नसल्यास, सँडबॉक्समध्ये JavaScript रनटाइम एरर तपासा. उदाहरणार्थ, Chrome वर तुम्ही कन्सोल लॉगचे पुनरावलोकन करण्यासाठी एखादा विशिष्ट iFrame निवडू शकता आणि नंतर तुम्ही चाचणी करत असलेल्या विशिष्ट पिक्सेलवर लॉग मर्यादित करू शकता. Chrome वरील JavaScript रनटाइम एरर तपासण्याबद्दल अधिक जाणून घेण्यासाठी, Chrome च्या Debug JavaScript दस्तऐवजीकरणाचा संदर्भ घ्या.

चाचणी दरम्यान तृतीय-पक्ष पिक्सेल SDK लोड न झाल्यास, सपोर्टसाठी तुमच्या तृतीय-पक्ष पिक्सेल प्रदात्याशी संपर्क साधा.

इतर तृतीय-पक्ष पिक्सेल SDK चाचणी

तृतीय-पक्ष पिक्सेल SDK सुरू केले आहे की इव्हेंट गोळा करत आहे याची चाचणी घेण्यासाठी, तुमच्या तृतीय-पक्ष पिक्सेल प्रदात्याच्या दस्तऐवजीकरणाचा संदर्भ घ्या.

पिक्सेल SDK इव्हेंट गोळा करत आहे की नाही याची चाचणी घेण्यासाठी, तुम्हाला तुमच्या ब्राउझरचा नेटवर्क टॅब तपासण्याची सूचना दिली जाऊ शकते. तुमचा नेटवर्क टॅब तपासण्याच्या पायऱ्या तुम्ही वापरत असलेल्या वेब ब्राउझरवर अवलंबून असतात. उदाहरणार्थ, Google Chrome ब्राउझरवर तुमचा नेटवर्क टॅब कसा तपासायचा हे जाणून घेण्यासाठी, Chrome for Developers च्या Inspect network activity दस्तऐवजीकरणाचा संदर्भ घ्या.