Add Comments With MemberSpace

Wir können FastComments ganz einfach mit MemberSpace über einen kleinen Code-Schnipsel verbinden:

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

Wenn der Benutzer Ihre Website oder Anwendung besucht, während er über MemberStack angemeldet ist, wird er automatisch bei FastComments angemeldet und seine Kommentare werden als Verified markiert.

Zusätzlich wird in dem obigen Beispiel, wenn Sie einen Abonnementplan namens VIP Plan haben, ein VIP-Abzeichen neben dem Benutzernamen angezeigt. Sie können das Beispiel bearbeiten, um weitere Pläne hinzuzufügen. Wenden Sie sich an den Support, wenn Sie Fragen haben.

Anonymes Kommentieren erlauben

Wenn Sie auch anonymes Kommentieren ermöglichen möchten, setzen Sie ALLOW_ANON wie folgt auf true:

const ALLOW_ANON = true;

Denken Sie auch daran, https://example.com/login auf die Stelle zu ändern, zu der Benutzer gelangen sollen, wenn sie auf die Login-Schaltfläche klicken:

Auf diese Weise haben Benutzer die Möglichkeit, ihren Namen und ihre E-Mail-Adresse einzugeben, um zu kommentieren, wenn sie nicht auf Ihrer Mitgliederseite angemeldet sind.

FastComments ist so konzipiert, dass es an Ihre Website angepasst werden kann.

Wenn Sie benutzerdefinierte Styles hinzufügen oder die Konfiguration anpassen möchten, lesen Sie unsere Anpassungsdokumentation, um zu erfahren, wie.