Add Comments With MemberSpace

Podemos conectar facilmente o FastComments com o MemberSpace com um pequeno trecho de código:

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

Quando o usuário visita seu site ou aplicativo enquanto está logado via MemberStack, ele será automaticamente conectado ao FastComments e seus comentários serão marcados como Verified.

Além disso, no exemplo acima, se você tiver um plano de assinatura chamado VIP Plan, exibiremos um emblema VIP ao lado do nome do usuário. Você pode editar o exemplo para adicionar mais planos. Entre em contato com o suporte se tiver dúvidas.

Permitir comentários anônimos

Se você também quiser ter comentários anônimos, defina ALLOW_ANON como true assim:

const ALLOW_ANON = true;

Lembre-se também de alterar https://example.com/login para onde você deseja que os usuários vão quando clicarem no botão Login:

Dessa forma, os usuários terão a opção de inserir seu nome e e-mail para comentar se não estiverem logados em seu site de membros.

O FastComments foi projetado para ser personalizado de acordo com o seu site.

Se você quiser adicionar estilos personalizados ou ajustar a configuração, consulte nossa documentação de personalização para saber como.