Add Comments With MemberSpace

Vi kan nemt forbinde FastComments med MemberSpace med et lille kodestykke:

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

Når brugeren besøger dit websted eller din applikation, mens de er logget ind via MemberStack, vil de automatisk blive logget ind på FastComments, og deres kommentarer vil blive markeret som Verified.

Derudover, i ovenstående eksempel, hvis du har en abonnementsplan kaldet VIP Plan, vil vi vise et VIP-badge ved siden af brugerens navn. Du kan redigere eksemplet for at tilføje flere planer. Kontakt support, hvis du har spørgsmål.

Tillad anonym kommentering

Hvis du også gerne vil have anonym kommentering, skal du sætte ALLOW_ANON til true sådan her:

const ALLOW_ANON = true;

Husk også at ændre https://example.com/login til det sted, hvor du vil have brugerne til at gå hen, når de klikker på Login-knappen:

På denne måde vil brugerne have mulighed for at indtaste deres navn og e-mail for at kommentere, hvis de ikke er logget ind på dit medlemswebsted.

FastComments er designet til at blive tilpasset, så det matcher dit websted.

Hvis du gerne vil tilføje brugerdefineret styling eller justere konfigurationen, se vores tilpasningsdokumentation for at lære hvordan.