Add Comments With MemberSpace

אנחנו יכולים לחבר בקלות את FastComments עם MemberSpace באמצעות קטע קוד קטן:

FastComments MemberSpace Snippet

Copy

1

2<script src="https://cdn.fastcomments.com/js/embed-v2.min.js"></script>

3<div id="fastcomments-widget"></div>

4<script>

5 (function () {

6 const tenantId = 'demo';

7 const ALLOW_ANON = false;

8 const LOGIN_URL = 'https://example.com/login';

9 const PLAN_DISPLAY_LABELS = {

10 'VIP Plan': 'VIP'

11 };

12 let lastInstance;

13

14 function tick() {

15 if (!window.MemberSpace) {

16 return setTimeout(tick, 100);

17 }

18 if (!window.FastCommentsUI) {

19 return setTimeout(tick, 100);

20 }

21 const target = document.getElementById('fastcomments-widget');

22 if (!target) {

23 return setTimeout(tick, 100);

24 }

25 const data = MemberSpace.getMemberInfo();

26 if (data.isLoggedIn && data.memberInfo) {

27 lastInstance = FastCommentsUI(target, {

28 tenantId: tenantId,

29 urlId: window.location.pathname,

30 simpleSSO: {

31 displayLabel: getDisplayLabel(data.memberInfo),

32 username: data.memberInfo.name,

33 email: data.memberInfo.email,

34 avatar: data.memberInfo.profileImageUrl

35 }

36 });

37 } else if (lastInstance) {

38 lastInstance.destroy();

39 lastInstance = FastCommentsUI(target, {

40 tenantId: tenantId,

41 urlId: window.location.pathname,

42 simpleSSO: getAnonSSOConfig()

43 });

44 }

45 }

46

47 function getAnonSSOConfig() {

48 if (ALLOW_ANON) {

49 return undefined;

50 }

51 return {

52 loginURL: LOGIN_URL

53 };

54 }

55

56 function getDisplayLabel(memberInfo) {

57 if (!memberInfo.memberships) {

58 return;

59 }

60 for (const membership of memberInfo.memberships) {

61 const label = PLAN_DISPLAY_LABELS[membership.name];

62 if (label) {

63 return label

64 }

65 }

66 }

67

68 tick();

69 })();

70</script>

71

כאשר המשתמש מבקר באתר או באפליקציה שלך בזמן שהוא מחובר דרך MemberStack, הוא יתחבר אוטומטית ל-FastComments והתגובות שלו יסומנו כ-Verified.

בנוסף, בדוגמה לעיל, אם יש לך תוכנית מנוי בשם VIP Plan, נציג תג VIP ליד שם המשתמש. אתה יכול לערוך את הדוגמה כדי להוסיף תוכניות נוספות. פנה לתמיכה אם יש לך שאלות.

אפשר תגובות אנונימיות

אם תרצה גם תגובות אנונימיות, הגדר את ALLOW_ANON ל-true כך:

const ALLOW_ANON = true;

כמו כן, זכור לשנות את https://example.com/login למקום שאליו אתה רוצה שהמשתמשים ילכו כשהם לוחצים על כפתור Login:

בדרך זו למשתמשים תהיה האפשרות להזין את שמם ואימייל שלהם כדי להגיב אם הם לא מחוברים לאתר החברים שלך.

FastComments מתוכנן להתאמה אישית כדי להתאים לאתר שלך.

אם תרצה להוסיף עיצוב מותאם אישית או לשנות הגדרות, עיין בתיעוד ההתאמה האישית שלנו כדי ללמוד כיצד.