کسٹم پکسل کی ٹیسٹنگ

کسٹم پکسل بنانے کے بعد، آپ کو اسے ٹیسٹ کرنے کی ضرورت ہوتی ہے تاکہ یہ یقینی بنایا جا سکے کہ جب آپ کی سائٹ پر ایونٹس رونما ہوں تو آپ کا پکسل درست طریقے سے ڈیٹا بھیج رہا ہے۔

آپ 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. Horizontal menu > تفصیلات دیکھیں پر کلک کریں۔
    2. اختیاری: اپنے پکسل کے کوڈ کا جائزہ لیں اور اسے اپ ڈیٹ کریں، اور پھر محفوظ کریں پر کلک کریں۔
    3. کنیکٹ کریں پر کلک کریں۔
    4. تصدیقی ڈائیلاگ میں، کنیکٹ کریں پر کلک کریں۔

Shopify پکسل ہیلپر کا استعمال کر کے کسٹم پکسل ٹیسٹ کریں

اپنے کسٹم پکسل کے کنیکٹڈ ہونے کی تصدیق کرنے کے بعد، آپ 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 پکسل ہیلپر ہیڈ لیس کامرس سٹورز یا پاس ورڈ سے محفوظ سٹورز کے ساتھ مطابقت نہیں رکھتا ہے۔
  • اگر آپ کا آن لائن سٹور پاس ورڈ سے محفوظ ہے، تو Shopify پکسل ہیلپر استعمال کرنے کے لیے اپنے آن لائن سٹور کا پاس ورڈ ہٹانے پر غور کریں۔

مراحل:

  1. اپنے Shopify ایڈمن سے، سیٹنگز > کسٹمر ایونٹس پر جائیں۔

  2. اس کسٹم پکسل پر کلک کریں جسے آپ ٹیسٹ کرنا چاہتے ہیں۔

  3. ٹیسٹنگ کے لیے اپنی ویب سائٹ پر کسٹم پکسل کھولنے کے لیے ٹیسٹ پر کلک کریں۔

  4. اختیاری: آپ کے سٹور کی رضامندی کی سیٹنگز اور کسٹم پکسل کی کسٹمر کی پرائیویسی کی سیٹنگز کے لحاظ سے، Pixel helper ڈائیلاگ Pixel is awaiting consent ڈسپلے کر سکتا ہے۔ ٹیسٹنگ جاری رکھنے کے لیے درج ذیل میں سے کوئی ایک کام کریں:

  5. یہ دیکھنے کے لیے کہ کون سے ایونٹس لوڈ ہو رہے ہیں، ہر اس صفحے کا وزٹ کریں جس کے لیے آپ پکسل کو ٹیسٹ کرنا چاہتے ہیں، اور Events received سیکشن میں 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. موصول ہونے والے ایونٹ کا ڈیٹا دیکھنے کے لیے، پکسل ہیلپر ڈائیلاگ کو پھیلانے کے لیے Maximize پر کلک کریں۔

Events received سیکشن دیکھنا

جب آپ ٹیسٹ کرتے ہیں کہ مرحلہ 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 کی نیٹ ورک کی ایکٹیویٹی انسپکٹ کریں دستاویزات دیکھیں۔