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

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

ตรวจสอบให้แน่ใจว่าเชื่อมต่อกับพิกเซลแบบกำหนดเองแล้ว

  1. จากส่วนผู้ดูแล Shopify ให้ไปที่การตั้งค่า > เหตุการณ์ของลูกค้า
  2. ในแถวของพิกเซลที่คุณทดสอบ ตรวจสอบให้แน่ใจว่าเชื่อมต่อกับคอลัมน์สถานะแล้ว
  3. หากยังไม่ได้เชื่อมต่อพิกเซล ให้คลิกที่ “...” จากนั้นคลิก “เชื่อมต่อ

การทดสอบพิกเซลแบบกำหนดเองโดยใช้บันทึกคอนโซลของเบราว์เซอร์

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

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

ทดสอบว่าพิกเซลแบบกำหนดเองกำลังโหลดหรือไม่

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

ขั้นตอน:

  1. จากส่วนผู้ดูแล Shopify ให้ไปที่การตั้งค่า > เหตุการณ์ของลูกค้า
  2. คลิกพิกเซลที่คุณทดสอบ จากนั้นให้ป้อนข้อความคำสั่งต่อไปนี้ที่บรรทัดแรกในส่วนรหัสก่อนใส่โค้ดอื่น: console.log("loaded");
  3. คลิก บันทึก
  4. ไปที่ร้านค้าออนไลน์ จากนั้นใช้คอนโซลของเบราว์เซอร์เพื่อตรวจสอบยืนยันว่าระบบแสดงข้อความคำสั่ง console.log หรือไม่

การแก้ไขปัญหาเมื่อพิกเซลไม่โหลด

หากพิกเซลของคุณไม่โหลดหลังจากทดสอบกับรหัส console.log("loaded"); การตั้งค่าความเป็นส่วนตัวของลูกค้าอาจทำให้ไม่สามารถโหลดพิกเซลได้

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

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

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

ทดสอบว่าพิกเซลรับข้อมูลกิจกรรมของลูกค้าหรือไม่

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

analytics.subscribe("page_viewed", async (event) => { console.log(event); });

ขั้นตอน:

  1. จากส่วนผู้ดูแล Shopify ให้ไปที่การตั้งค่า > เหตุการณ์ของลูกค้า
  2. คลิกพิกเซลที่คุณทดสอบ จากนั้นให้ป้อนรหัสทดสอบการรับข้อมูลกิจกรรมของลูกค้าในส่วนรหัส
  3. คลิก บันทึก
  4. ไปยังร้านค้าออนไลน์ของคุณ จากนั้นตรวจสอบคอนโซลของเบราว์เซอร์เพื่อตรวจสอบยืนยันผลลัพธ์ของข้อความคำสั่ง console.log

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

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

  • ล้างคุกกี้ของเบราว์เซอร์
  • หากคุณจะทดสอบกิจกรรมมาตรฐาน ให้ตรวจสอบเอกสารสำหรับนักพัฒนาเกี่ยวกับคำอธิบายกิจกรรมมาตรฐานของ Shopify เพื่อให้แน่ใจว่าคุณดำเนินการขั้นตอนที่จำเป็นเพื่อทริกเกอร์กิจกรรม
  • หากคุณจะทดสอบกิจกรรมแบบกำหนดเอง ให้ตรวจสอบยืนยันว่ารหัส publish() กำลังทำงานอยู่โดยการเพิ่มข้อความคำสั่ง console.log ที่ก่อนและหลังรหัสที่เผยแพร่ในไฟล์ theme.liquid หรือส่วนขยายการชำระเงิน ตัวอย่างเช่น
    console.log("before publish"); Shopify.analytics.publish("my_custom_event", myCustomData); console.log("after publish");

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

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 แล้วหรือยัง

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