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 е проектиран да бъде персонализиран, за да съответства на вашия сайт.

Ако искате да добавите персонализиран стил или да промените конфигурацията, вижте нашата документация за персонализиране, за да научите как.