การทดสอบพิกเซลแบบกำหนดเอง

หน้านี้พิมพ์ขึ้นเมื่อ Jul 27, 2024 หากต้องการเวอร์ชันปัจจุบัน โปรดไปที่ https://help.shopify.com/th/manual/promoting-marketing/pixels/custom-pixels/testing

หลังจากสร้างพิกเซลแบบกำหนดเองแล้ว คุณต้องทดสอบพิกเซลเพื่อให้แน่ใจว่าพิกเซลดังกล่าวจะส่งข้อมูลเหตุการณ์ของลูกค้าได้อย่างถูกต้องในเว็บไซต์ของคุณ

คุณสามารถใช้เครื่องมือช่วยเหลือพิกเซลของ Shopify เพื่อทดสอบว่าเหตุการณ์พิกเซลของคุณโหลดและได้สมัครรับข้อมูลเหตุการณ์ Shopify อย่างถูกต้องหรือไม่ เครื่องมือช่วยเหลือพิกเซลของ Shopify ช่วยให้คุณสามารถทดสอบพิกเซลแบบกำหนดเองบนร้านค้าออนไลน์ของคุณเพื่อดูเหตุการณ์ที่ได้รับแบบเรียลไทม์ควบคู่ไปกับข้อมูลเหตุการณ์เหล่านั้นได้

หากพิกเซลแบบกำหนดเองผสานการทำงานเข้ากับแพลตฟอร์มจากภายนอกที่มีเครื่องมือช่วยเหลือพิกเซลของตัวเอง คุณสามารถใช้เครื่องมือช่วยเหลือพิกเซลจากภายนอกได้นอกเหนือจากเครื่องมือช่วยเหลือพิกเซลของ Shopify เพื่อทดสอบว่าแพลตฟอร์มจากภายนอกประมวลผลและรับเหตุการณ์พิกเซลหรือไม่ ตัวอย่างเช่น หากคุณเพิ่ม TikTok Pixel แบบกำหนดเองไปยังร้านค้าของคุณ คุณสามารถใช้ทั้งเครื่องมือช่วยเหลือพิกเซลของ 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 admin ให้ไปที่ “การตั้งค่า” > “เหตุการณ์ของลูกค้า”
  2. ถัดจากพิกเซลที่คุณต้องการทดสอบ ให้ตรวจสอบยืนยันพิกเซลที่มีสถานะเชื่อมต่ออยู่แสดงอยู่ในคอลัมน์สถานะ
  3. หากยังไม่ได้เชื่อมต่อพิกเซล ให้คลิกที่ “...” จากนั้นคลิก “เชื่อมต่อ”

ทดสอบพิกเซลแบบกำหนดเองโดยใช้เครื่องมือช่วยเหลือพิกเซลของ Shopify

หลังจากที่คุณตรวจสอบยืนยันว่าพิกเซลแบบกำหนดเองของคุณเชื่อมต่ออยู่ คุณสามารถใช้เครื่องมือช่วยเหลือพิกเซลของ Shopify เพื่อทดสอบว่าพิกเซลแบบกำหนดเองส่งข้อมูลและรับข้อมูลร้านค้าของคุณหรือไม่ ทั้งนี้ คุณสามารถทดสอบพิกเซลแบบกำหนดเองได้ครั้งละหนึ่งพิกเซล

ขั้นตอน:

  1. จาก Shopify admin ให้ไปที่ “การตั้งค่า” > “เหตุการณ์ของลูกค้า”
  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 ระบบจะแสดงหนึ่งในสถานะต่อไปนี้ในส่วนเหตุการณ์ที่ได้รับของเครื่องมือช่วยเหลือพิกเซลดังนี้

  • จุดสีเขียวบ่งชี้ว่าการสมัครรับข้อมูลเหตุการณ์สำเร็จ และฟังก์ชันการเรียกกลับสำเร็จ
  • จุดสีแดงบ่งชี้ว่าการสมัครรับข้อมูลเหตุการณ์สำเร็จ แต่ฟังก์ชันการเรียกกลับล้มเหลว ดูวิธีแก้ไขปัญหาพิกเซลแบบกำหนดเอง

การแก้ไขปัญหาพิกเซลแบบกำหนดเอง

หากพิกเซลของคุณไม่โหลดหรือทำงานในระหว่างทดสอบ และคุณได้ตรวจสอบข้อมูลเหตุการณ์กับโค้ดพิกเซลเพื่อแก้ไขข้อผิดพลาดแล้ว ให้ลองดำเนินการตามมาตรการแก้ไขปัญหาต่อไปนี้

ตรวจสอบการตั้งค่าความเป็นส่วนตัวของลูกค้า

หากพิกเซลของคุณไม่โหลดหรือทำงานในระหว่างทดสอบ การตั้งค่าความเป็นส่วนตัวของลูกค้าอาจทำให้ไม่สามารถโหลดพิกเซลได้

จากส่วนผู้ดูแล Shopify ให้ไปที่ การตั้งค่า > ความเป็นส่วนตัวของลูกค้า เพื่อตรวจสอบการตั้งค่าความเป็นส่วนตัวของลูกค้าในส่วนผู้ดูแล Shopify ที่อาจมีผลกับเซสชันของคุณ ให้ดำเนินการตามขั้นตอนต่อไปนี้ ทั้งนี้ขึ้นอยู่กับการตั้งค่าความเป็นส่วนตัวของลูกค้า:

  • หากคุณมีการตั้งค่าความเป็นส่วนตัวของลูกค้าที่ต้องให้ความยินยอมในภูมิภาคของคุณ โปรดตรวจสอบให้แน่ใจว่าคุณให้ความยินยอมผ่านแบนเนอร์คุกกี้แล้ว
  • หากคุณมีการตั้งค่าความเป็นส่วนตัวของลูกค้าที่ป้องกันไม่ให้โหลดพิกเซล ให้ล้างคุกกี้ของเบราว์เซอร์เพื่อรีเซ็ตแบนเนอร์คุกกี้และให้ความยินยอม

หากคุณใช้เครื่องมือจากภายนอกเพื่อจัดการความยินยอม ให้ติดต่อผู้ให้บริการจากภายนอกเพื่อรับความช่วยเหลือ

การแก้ไขปัญหาเพิ่มเติม

หากยังไม่ชัดเจนว่าพิกเซลแบบกำหนดเองรับข้อมูลกิจกรรมของลูกค้าอย่างถูกต้องหรือไม่ ให้ลองใช้มาตรการแก้ไขปัญหาต่อไปนี้

  • ล้างคุกกี้ของเบราว์เซอร์
  • หากคุณจะทดสอบกิจกรรมมาตรฐาน ให้ตรวจสอบเอกสารสำหรับนักพัฒนาเกี่ยวกับคำอธิบายกิจกรรมมาตรฐานของ Shopify เพื่อให้แน่ใจว่าคุณดำเนินการขั้นตอนที่จำเป็นเพื่อทริกเกอร์กิจกรรม

การทดสอบเครื่องมือช่วยเหลือพิกเซลจากภายนอก

พิกเซล SDK (ชุดเครื่องมือพัฒนาซอฟต์แวร์) ประกอบด้วยเครื่องมือที่พิกเซลของคุณในการรวบรวมข้อมูลเกี่ยวกับพฤติกรรมของลูกค้า คุณสามารถใช้เครื่องมือช่วยเหลือพิกเซลจากภายนอกเพื่อทดสอบพฤติกรรมของพิกเซลต่อไปนี้และตรวจสอบให้แน่ใจว่า SDK พิกเซลยังใช้งานได้ตามที่คาดหวัง

ทดสอบว่ามีการโหลด SDK พิกเซลจากภายนอกหรือไม่

ขั้นตอนในการตรวจสอบแท็บเครือข่ายจะแตกต่างกันไปตามเว็บเบราว์เซอร์ที่คุณใช้ ตัวอย่างเช่น หากต้องการดูวิธีตรวจสอบแท็บเครือข่ายบน Google Chrome ให้ดูที่เอกสารประกอบเกี่ยวกับการตรวจสอบกิจกรรมของเครือข่ายใน Chrome สำหรับนักพัฒนาซอฟต์แวร์

หากต้องการทดสอบว่ามีการโหลด SDK พิกเซลจากภายนอกหรือไม่ คุณจำเป็นต้องกู้คืนรหัสของผู้ให้บริการภายนอกสำหรับ URL ของ SDK ก่อนเพื่อให้คุณสามารถเพิ่มในรหัสพิกเซลได้ โปรดติดต่อผู้ให้บริการพิกเซลจากภายนอกเพื่อรับความช่วยเหลือ

ขั้นตอน:

  1. จากส่วนผู้ดูแล Shopify ให้ไปที่การตั้งค่า > เหตุการณ์ของลูกค้า
  2. คลิกพิกเซลแบบกำหนดเองที่คุณต้องการทดสอบ
  3. ให้ป้อน SDK พิกเซลที่ผู้ให้บริการจากภายนอกระบุที่ส่วนท้ายของโค้ดพิกเซลในส่วนรหัส
  4. คลิก บันทึก
  5. ไปที่ร้านค้าออนไลน์และตรวจสอบแท็บเครือข่ายเพื่อให้แน่ใจว่ากำลังดาวน์โหลด URL ของ SDK จากผู้ให้บริการภายนอก
  6. ตัวเลือกเสริม: หาก SDK พิกเซลจากภายนอกไม่โหลด ให้ตรวจสอบข้อผิดพลาดรันไทม์ของ JavaScript ใน Sandbox ตัวอย่างเช่น คุณสามารถเลือก iFrame เฉพาะใน Chrome เพื่อตรวจสอบบันทึกของคอนโซล จากนั้นให้จำกัดบันทึกให้เหลือเฉพาะพิกเซลที่คุณกำลังทดสอบ หากต้องการดูข้อมูลเพิ่มเติมเกี่ยวกับการตรวจสอบข้อผิดพลาดรันไทม์ของ JavaScript ใน Chrome โปรดไปที่เอกสารเกี่ยวกับการแก้ไขจุดบกพร่องของ JavaScript ของ Chrome

หาก SDK พิกเซลจากภายนอกไม่โหลดในระหว่างการทดสอบ ให้ติดต่อผู้ให้บริการพิกเซลจากภายนอกเพื่อขอรับความช่วยเหลือ

การทดสอบ SDK พิกเซลจากภายนอก

หากต้องการทดสอบว่ามีการใช้งานหรือเก็บข้อมูลกิจกรรมของ SDK พิกเซลจากภายนอกหรือไม่ ให้ดูที่เอกสารของผู้ให้บริการพิกเซลจากภายนอกของคุณ

หากต้องการทดสอบว่า SDK พิกเซลเก็บข้อมูลกิจกรรมหรือไม่ ขอแนะนำให้คุณตรวจสอบแท็บเครือข่ายของเบราว์เซอร์ ขั้นตอนในการตรวจสอบแท็บเครือข่ายจะแตกต่างกันไปตามเว็บเบราว์เซอร์ที่คุณใช้ ตัวอย่างเช่น หากต้องการดูวิธีตรวจสอบแท็บเครือข่ายของคุณบนเบราว์เซอร์ Google Chrome ของ Google Chrome ให้ดูที่เอกสารเกี่ยวกับการตรวจสอบกิจกรรมของเครือข่ายใน Chrome สำหรับนักพัฒนาซอฟต์แวร์

พร้อมเริ่มต้นการขายด้วย Shopify แล้วหรือยัง

ทดลองใช้งานฟรี