Add Comments With MemberSpace

Küçük bir kod parçacığıyla FastComments'i MemberSpace ile kolayca bağlayabiliriz:

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

Kullanıcı MemberStack üzerinden giriş yapmışken sitenizi veya uygulamanızı ziyaret ettiğinde, otomatik olarak FastComments'e giriş yapacak ve yorumları Verified olarak işaretlenecektir.

Ayrıca, yukarıdaki örnekte VIP Plan adında bir abonelik planınız varsa, kullanıcının adının yanında VIP rozeti görüntüleyeceğiz. Daha fazla plan eklemek için örneği düzenleyebilirsiniz. Sorularınız varsa destek ile iletişime geçin.

Anonim yorumlara izin ver

Anonim yorumlara da izin vermek istiyorsanız, ALLOW_ANON'u şu şekilde true olarak ayarlayın:

const ALLOW_ANON = true;

Ayrıca https://example.com/login adresini, kullanıcıların Login düğmesine tıkladıklarında gitmelerini istediğiniz yere değiştirmeyi unutmayın:

Bu şekilde, üye sitenize giriş yapmamış kullanıcılar yorum yapmak için adlarını ve e-postalarını girme seçeneğine sahip olacaklar.

FastComments, sitenize uyacak şekilde özelleştirilmek üzere tasarlanmıştır.

Özel stil eklemek veya yapılandırmayı ayarlamak istiyorsanız, nasıl yapılacağını öğrenmek için Özelleştirme Dokümantasyonumuza göz atın.