કસ્ટમ પિક્સેલનું પરીક્ષણ

તમે કસ્ટમ પિક્સેલ બનાવો તે પછી, તમારી સાઇટ પર ઇવેન્ટ થાય ત્યારે તમારો પિક્સેલ ડેટા યોગ્ય રીતે મોકલી રહ્યો છે તેની ખાતરી કરવા માટે તમારે તેનું પરીક્ષણ કરવાની જરૂર છે.

તમારા પિક્સેલ ઇવેન્ટ લોડ થાય છે કે નહીં અને તમે યોગ્ય રીતે 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. જો પિક્સેલ કનેક્ટ થયેલ ન હોય, તો નીચેની ક્રિયાઓ કરો:

    1. આડું મેનૂ > વિગતો જુઓ પર ક્લિક કરો.
    2. વૈકલ્પિક: તમારા પિક્સેલના કોડની સમીક્ષા કરો અને તેને અપડેટ કરો અને પછી સાચવો પર ક્લિક કરો.
    3. કનેક્ટ કરો પર ક્લિક કરો.
    4. પુષ્ટિ સંવાદમાં, કનેક્ટ કરો પર ક્લિક કરો.

Shopify પિક્સેલ હેલ્પરનો ઉપયોગ કરીને કસ્ટમ પિક્સેલનું પરીક્ષણ કરો

તમારો કસ્ટમ પિક્સેલ કનેક્ટ થયેલ છે તેની તમે ચકાસણી કરો તે પછી, તમારો કસ્ટમ પિક્સેલ ડેટા મોકલે છે કે નહીં અને તમારા સ્ટોરનો ડેટા પ્રાપ્ત કરે છે કે નહીં તેનું પરીક્ષણ કરવા માટે તમે Shopify પિક્સેલ હેલ્પરનો ઉપયોગ કરી શકો છો.

Shopify પિક્સેલ હેલ્પરનો ઉપયોગ કરતા પહેલાં નીચેની બાબતોની સમીક્ષા કરો:

  • તમે Shopify પિક્સેલ હેલ્પરનો ઉપયોગ કરીને એક સમયે માત્ર 1 કસ્ટમ પિક્સેલનું પરીક્ષણ કરી શકો છો.
  • જ્યારે Shopify પિક્સેલ હેલ્પર ચાલી રહ્યું હોય ત્યારે તમે પરીક્ષણ કરવામાં આવતા પિક્સેલમાં ફેરફારો કરી શકતા નથી. નવા ફેરફારોનું પરીક્ષણ કરવા માટે, તમારા પિક્સેલને સાચવો, Shopify પિક્સેલ હેલ્પર ટૅબ બંધ કરો અને પછી ફરીથી Shopify પિક્સેલ હેલ્પર ખોલો.
  • જ્યારે તમે નવા પેજ પર નેવિગેટ કરો ત્યારે ઇવેન્ટ લૉગ સાફ થઈ જાય છે. ઉદાહરણ તરીકે, જો તમે તમારા કાર્ટમાં પ્રોડક્ટ ઉમેરો છો અને Shopify પિક્સેલ હેલ્પર product_added_to_cart ઇવેન્ટ લૉગ કરે છે, તો જ્યારે તમે નવા ઉત્પાદન પૃષ્ઠ અથવા કાર્ટ પેજ પર નેવિગેટ કરો ત્યારે તે લૉગ સાફ થઈ જાય છે.
  • Shopify પિક્સેલ હેલ્પરમાં ક્લોઝ બટન નથી. પરીક્ષણ બંધ કરવા માટે, તમારે Shopify પિક્સેલ હેલ્પર દ્વારા ખોલવામાં આવેલી ટૅબ બંધ કરવી આવશ્યક છે.
  • 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. પ્રાપ્ત થયેલો ઇવેન્ટ ડેટા જોવા માટે, પિક્સેલ હેલ્પર ડાયલોગ વિસ્તૃત કરવા માટે Maximize પર ક્લિક કરો.

પ્રાપ્ત થયેલ ઇવેન્ટ્સ વિભાગ જોવો

જ્યારે તમે પગલું 5 માં કઈ ઇવેન્ટ લોડ થઈ રહી છે તેનું પરીક્ષણ કરો છો, ત્યારે Pixel helper ડાયલોગના Events received વિભાગમાં નીચેનામાંથી એક સ્ટેટસ પ્રદર્શિત થાય છે:

  • લીલું ટપકું સૂચવે છે કે ઇવેન્ટ સફળતાપૂર્વક સબ્સ્ક્રાઇબ કરવામાં આવી હતી અને કૉલબેક ફંક્શન સફળ રહ્યું હતું.
  • લાલ ટપકું સૂચવે છે કે ઇવેન્ટ સફળતાપૂર્વક સબ્સ્ક્રાઇબ કરવામાં આવી હતી, પરંતુ કૉલબેક ફંક્શન નિષ્ફળ ગયું. તમારા કસ્ટમ પિક્સેલનું મુશ્કેલીનિવારણ કેવી રીતે કરવું તે જાણો.
  • પિક્સેલ હેલ્પર ટૉપ લેવલ પર અથવા કૉલબેક ફંક્શનમાં થતી અણધારી ભૂલોને પ્રદર્શિત કરે છે. જ્યારે પિક્સેલ હેલ્પર લોડ થાય છે ત્યારે ટૉપ લેવલની ભૂલો પ્રદર્શિત થાય છે. જ્યારે તમે લાલ ટપકાવાળી ઇવેન્ટને વિસ્તૃત કરવા માટે ક્લિક કરો છો ત્યારે કૉલબેક ભૂલના મેસેજ પ્રદર્શિત થાય છે.
  • નીચેના કોડના નમૂનામાં કૉલબેક ભૂલ અને ટૉપ લેવલની ભૂલ છે. ટૉપ લેવલની ભૂલ ક્યાં સ્થિત છે તેના આધારે, પિક્સેલ આંશિક રીતે કાર્ય કરી શકે છે.
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 ઍડમિનમાંથી સેટિંગ > ગ્રાહક ગોપનીયતા પર જાઓ. તમારા ગ્રાહક ગોપનીયતા સેટિંગ્સના આધારે, નીચેના પગલાં લો:

  • જો તમારી પાસે એવા ગ્રાહક ગોપનીયતા સેટિંગ્સ છે જેને તમારા પ્રદેશમાં સંમતિની જરૂર છે, તો ખાતરી કરો કે તમે તમારા કૂકી બૅનર દ્વારા સંમતિ આપી છે.
  • જો તમારી પાસે એવા કોઈ ગ્રાહક ગોપનીયતા સેટિંગ્સ નથી કે જે પિક્સેલને લોડ થતાં અટકાવતા હોય, તો તમારા કૂકી બૅનરને રીસેટ કરવા અને સંમતિ પ્રદાન કરવા માટે તમારા બ્રાઉઝરની કૂકીઝ સાફ કરો.
  • જો તમે સંમતિનું સંચાલન કરવા માટે કૂકી બૅનર ઍપ જેવા તૃતીય-પક્ષ ટૂલનો ઉપયોગ કરો છો, તો તે ટૂલે Customer Privacy API દ્વારા Shopify સાથે સંમતિ સિંક કરવી આવશ્યક છે. જો સંમતિ Shopify સાથે સિંક કરવામાં આવતી નથી, તો ગ્રાહક સંમતિ આપે તે પછી પણ તમારું પિક્સેલ ફાયર થઈ શકશે નહીં. Shopify સાથે સંમતિ સિંક થઈ રહી છે તેની પુષ્ટિ કરવા અથવા અતિરિક્ત સપોર્ટ માટે તમારા તૃતીય-પક્ષ પ્રદાતાનો સંપર્ક કરો.

અતિરિક્ત મુશ્કેલીનિવારણ

જો તમારું કસ્ટમ પિક્સેલ ગ્રાહક ઇવેન્ટ પર યોગ્ય રીતે સબ્સ્ક્રાઇબ કરેલું છે કે નહીં તે હજુ પણ અસ્પષ્ટ હોય, તો નીચેના મુશ્કેલીનિવારણ પગલાં અજમાવી જુઓ:

  • તમારા બ્રાઉઝરની કૂકીઝ સાફ કરો.
  • જો તમે પ્રમાણભૂત ઇવેન્ટનું પરીક્ષણ કરી રહ્યાં છો, તો ખાતરી કરવા માટે કે તમે ઇવેન્ટ ટ્રિગર કરવા માટે જરૂરી પગલાં લઈ રહ્યાં છો, Shopifyના પ્રમાણભૂત ઇવેન્ટ વર્ણનોના ડેવલપર ડૉક્યુમેન્ટેશનની સમીક્ષા કરો.

જો તમે જૂના પિક્સેલ સેટઅપમાંથી માઇગ્રેટ કર્યા પછી ટ્રૅક કરાયેલી ઇવેન્ટ્સની સંખ્યામાં તફાવતો જુઓ છો, તો માઇગ્રેશન પછી મુશ્કેલીનિવારણ ની સમીક્ષા કરો.

તૃતીય-પક્ષ પિક્સેલ હેલ્પર પરીક્ષણ

પિક્સેલ 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 ના Debug JavaScript ડૉક્યુમેન્ટેશનનો સંદર્ભ લો.

જો પરીક્ષણ દરમિયાન તૃતીય-પક્ષ પિક્સેલ SDK લોડ થતું નથી, તો સપોર્ટ માટે તમારા તૃતીય-પક્ષ પિક્સેલ પ્રદાતાનો સંપર્ક કરો.

અન્ય તૃતીય-પક્ષ પિક્સેલ SDK પરીક્ષણ

તૃતીય-પક્ષ પિક્સેલ SDK શરૂ થયું છે અથવા ઇવેન્ટ્સ એકત્રિત કરી રહ્યું છે કે નહીં તેનું પરીક્ષણ કરવા માટે, તમારા તૃતીય-પક્ષ પિક્સેલ પ્રદાતાના ડૉક્યુમેન્ટેશનનો સંદર્ભ લો.

પિક્સેલ SDK ઇવેન્ટ્સ એકત્રિત કરી રહ્યું છે કે નહીં તેનું પરીક્ષણ કરવા માટે, તમને તમારા બ્રાઉઝરની નેટવર્ક ટૅબ તપાસવાની સૂચના આપવામાં આવી શકે છે. તમારી નેટવર્ક ટૅબ તપાસવાનાં પગલાં તમે ઉપયોગમાં લેતા વેબ બ્રાઉઝર પર આધારિત છે. ઉદાહરણ તરીકે, Google Chrome બ્રાઉઝર પર તમારી નેટવર્ક ટૅબ કેવી રીતે તપાસવી તે જાણવા માટે, Chrome for Developers ના નેટવર્ક પ્રવૃત્તિનું નિરીક્ષણ કરો ડૉક્યુમેન્ટેશનનો સંદર્ભ લો.