หากแอปของคุณมีการรีเฟรชหน้าเพียงเล็กน้อย (เช่น มีการสลับเนื้อหาฝั่งไคลเอ็นต์แต่ไม่มีการรีเฟรชหน้า) และมี JavaScript แบบอะซิงโครนัสจำนวนมาก คุณจำเป็นต้องรวม Intercom ด้วยวิธีที่แตกต่างกันเล็กน้อย เพื่อให้มั่นใจว่าข้อมูลของลูกค้ายังคงเป็นปัจจุบัน และพวกเขาได้รับเนื้อหาขาออกทั้งหมดจากคุณ (ข้อความ การนำชม ฯลฯ)
นี่คือสิ่งที่เราแนะนำ:
ก่อนอื่น ให้รวมไฟล์ไลบรารี JS ของ Intercom ในองค์ประกอบ HTML head ของคุณ
(function(){var w=window;var ic=w.Intercom;if(typeof ic==="function"){ic('reattach_activator');ic('update',w.intercomSettings);}else{var d=document;var i=function(){i.c(arguments);};i.q=[];i.c=function(args){i.q.push(args);};w.Intercom=i;var l=function(){var s=d.createElement('script');s.type='text/javascript';s.async=true;s.src='https://widget.intercom.io/widget/' + APP_ID;var x=d.getElementsByTagName('script')[0];x.parentNode.insertBefore(s,x);};if(w.attachEvent){w.attachEvent('onload',l);}else{w.addEventListener('load',l,false);}}})();สำคัญ: หากคุณคัดลอกโค้ดด้านบน โปรดตรวจสอบให้แน่ใจว่าเปลี่ยน ID พื้นที่ทำงานของคุณเองแล้ว (เรียกว่า APP_ID ในโค้ด)
ถัดไป เมื่อคุณมีผู้ใช้ที่เข้าสู่ระบบบนเว็บไซต์ของคุณ (หลังจากที่พวกเขาได้รับการยืนยันตัวตนและคุณมีรายละเอียดของพวกเขาพร้อม) คุณจะเรียก window.Intercom('boot', {user_data}) โดยที่ user_data คือข้อมูลทั้งหมดเกี่ยวกับผู้ใช้งาน โปรดตรวจสอบว่าได้ส่ง user_id และ/หรือ email ในทุกครั้งที่อัปเดตผู้ใช้ของคุณ สิ่งนี้จะส่งรายละเอียดผู้ใช้ที่เข้าสู่ระบบไปที่ Intercom และจะตรวจสอบข้อความใหม่ที่ควรแสดงแก่ผู้ใช้