יישומון EmojiSup

רוצים שורת אימוג'י כזאת באתר שלכם?

ווידג'ט התגובות חינמי ומותקן בדקה. בלי הרשמה, בלי חשבון, ואין מה להגדיר אצלנו.

התקנה

בקטע HEAD של האתר הוסיפו:

<script src="https://api.emojisup.org/widget.js?4"></script>

בקטע BODY, במקום שבו השורה אמורה להופיע, הוסיפו:

<div data-emojisup></div>

בזה ההתקנה נגמרת. לאחר הטעינה הסקריפט מחבר את גיליון הסגנונות שלו, סורק את העמוד אחר רכיבים עם המאפיין data-emojisup ומצייר בכל אחד מהם שורת תגובות.

מזהי הווידג'טים

מזהה הווידג'ט נבנה מכתובת העמוד, ולכן אפשר להציב כמה ווידג'טים בעמוד אחד, וכל עמוד שומר על המונים שלו. פרמטרים של קמפיינים כמו utm_source או fbclid אינם נלקחים בחשבון, כך שמבקר שהגיע מפרסומת רואה את אותם מונים כמו כולם.

אפשר גם לקבוע את המזהה בעצמכם:

<div data-emojisup id="my-article-42"></div>

אם המזהה משתנה, הווידג'ט מתחיל מחדש והמונים מתאפסים.

הגדרות

כל הגדרה היא מאפיין על אותו רכיב, ואפשר לוותר על כל אחת מהן.

data-emojisup-set — מציג רק את התגובות שתמנו, מופרדות בפסיקים:

<div data-emojisup data-emojisup-set="👍,❤️,🔥,🤣"></div>

data-emojisup-theme — בוחר את הצבעים: light כברירת מחדל, dark לרקעים כהים, auto כדי ללכת אחרי הגדרת המערכת של המבקר.

data-emojisup-size — קובע את הגודל: s, m כברירת מחדל או l.

data-emojisup-align — מיישר את השורה: left, center או right. בלי המאפיין הזה התגובות נפרשות על כל רוחב הבלוק.

<div data-emojisup data-emojisup-theme="dark" data-emojisup-size="l" data-emojisup-align="center"></div>

וכאן אותו ווידג'ט עם ערכת נושא כהה, ארבע תגובות וממורכז:

תוכן שנטען אחרי העמוד

אם הווידג'ט נמצא בתוכן שמגיע מאוחר יותר, קראו לזה אחרי שהתוכן במקומו:

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

הפעולה סורקת את העמוד מחדש ומפעילה ווידג'טים חדשים. כדי שווידג'ט יפסיק לרענן את המונים שלו, קראו ל־emojiSup.destroy().

מה הווידג'ט שומר

הווידג'ט כותב עוגייה אחת בלבד, ev_user_id, לתוקף של שנה. יש בה מזהה אקראי ותו לא: הודות לו הווידג'ט זוכר באיזו תגובה בחר המבקר הזה, כך שהבחירה שורדת רענון של העמוד. בכל בקשה הווידג'ט שולח את כתובת העמוד שבו נמצאת השורה, וכך המונים מופרדים לפי עמודים. בלי שמות, בלי כתובות דוא"ל ובלי נתונים מטפסים.

המונים מתרעננים כל עוד הלשונית פתוחה ונראית. בלשונית ברקע הווידג'ט מפסיק לפנות לשרת, ואחרי כמה דקות בלי לחיצות הוא מאט מעצמו.

שאלות

זה באמת חינם? כן, ואין שום חשבון שצריך לפתוח.

כמה ווידג'טים אפשר לשים בעמוד? כמה שצריך. תנו לכל אחד id משלו.

אפשר לשנות תגובה? אפשר. נספרת תגובה אחת לכל מבקר בכל ווידג'ט: לחיצה על אחרת מעבירה את הקול, לחיצה נוספת על אותה תגובה מבטלת אותה.

המונים שורדים עיצוב מחדש של האתר? כן, כל עוד כתובת העמוד או ה־id שקבעתם נשארים זהים.

צריך jQuery? לא. לסקריפט אין תלויות והוא שוקל כ־45 קילובייט.