วิดเจ็ต EmojiSup

ต้องการแถบอิโมจิเจ๋งๆ แบบนี้บนเว็บไซต์ของคุณหรือไม่?

ติดตั้งวิดเจ็ตปฏิกิริยาอิโมจิฟรีบนเว็บไซต์ของคุณ!

ในส่วน HEAD ของเว็บไซต์ของคุณ ให้เพิ่ม:

 <script src="//api.emojisup.org/widget.js?3"></script>

ในส่วน BODY ของเว็บไซต์ของคุณ ให้เพิ่ม:

 <div data-emojisup></div>

คัดลอกและวางโค้ดด้านบนลงในตำแหน่งบนหน้าเว็บที่คุณต้องการให้เครื่องมือปรากฏ

หลังจากโหลดแล้ว สคริปต์ของเราจะเชื่อมต่อสไตล์ชีตและข้ามบล็อกทั้งหมดด้วยแอตทริบิวต์ [data-emojisup] ซึ่งจะวางวิดเจ็ตปฏิกิริยา วิดเจ็ตแต่ละรายการได้รับการกำหนดตัวระบุที่ไม่ซ้ำกัน ดังนั้นวิดเจ็ตหลายรายการจึงสามารถปรากฏบนเพจได้

นอกจากนี้ คุณยังระบุตัวระบุได้ด้วยตนเอง เช่น

 <div data-emojisup="" id="random-id-1"></div>

ในกรณีนี้ วิดเจ็ตจะใช้มัน
สิ่งสำคัญ: หาก ID มีการเปลี่ยนแปลง วิดเจ็ตใหม่จะเริ่มต้นขึ้น และตัวนับปฏิกิริยาทั้งหมดจะถูกรีเซ็ต

หากเพจใช้การโหลดเนื้อหาแบบไดนามิกที่คุณต้องการวางวิดเจ็ต หลังจากโหลดเนื้อหาดังกล่าวแล้ว คุณต้องใช้วิธีการต่อไปนี้:

 <script>
    emojiSup.update();
</script>

วิธีนี้จะอัปเดตรายการวิดเจ็ตบนเพจและจัดการวิดเจ็ตใหม่