Додати коментарі за допомогою 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 розроблений для налаштування відповідно до вашого сайту.

Якщо ви хочете додати власні стилі або змінити конфігурацію, перегляньте нашу документацію з налаштування, щоб дізнатися як.