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:

Таким образом, пользователи смогут ввести своё имя и email для комментирования, если они не вошли на ваш членский сайт.

FastComments разработан для настройки в соответствии с вашим сайтом.

Если вы хотите добавить пользовательские стили или изменить конфигурацию, ознакомьтесь с нашей документацией по настройке, чтобы узнать как.