Add Live Discussions to Super.So Sites

Önce kod düzenleyicisini açmamız gerekiyor. FastComments'i tüm sayfalara eklemek istiyorsanız, sol alt köşeden Code öğesini seçin:

Kod Ayarlarını Açın

If you want to add it to a specific page, then select Edit Custom Code in that page's settings.

Now let's select the Body tab. Bu önemli!. Installing the code snippet in Head çalışmaz.

Body Sekmesini Seçin

Now you're ready for step 2.

Bir sonraki adımda aşağıdaki önceden hazırlanmış widget kodunu kopyalamanız gerekiyor.

FastComments.com'a giriş yapmış olduğunuz sürece aşağıdaki kod parçacığı zaten hesap bilgilerinizi içerecektir. Hadi kopyalayalım:

Super.so FastComments İşbirlikçi Sohbet Kodu

Copy

1

2<script src="https://cdn.fastcomments.com/js/embed-collab-chat.min.js"></script>

3<script>

4 (function () {

5 let currentPathname = window.location.pathname;

6 let currentWidget = null;

7 let currentTopBar = null;

8

9 function load() {

10 if (!window.FastCommentsCollabChat) {

11 console.log('...no script, trying again...');

12 return setTimeout(load, 100);

13 }

14

15 const target = document.querySelector('.super-content');

16 if (!target || !target.innerHTML || target.innerHTML.length < 100) {

17 console.log('...no content, trying again...');

18 return setTimeout(load, 100);

19 }

20

21 // Mevcut örneği temizle

22 if (target.fastCommentsInstance) {

23 target.fastCommentsInstance.destroy();

24 }

25

26 // Mevcut üst çubuğu varsa temizle

27 if (currentTopBar && currentTopBar.parentNode) {

28 currentTopBar.parentNode.removeChild(currentTopBar);

29 }

30

31 // Yeni üst çubuk oluştur

32 const topBarTarget = document.createElement('div');

33 target.parentNode.insertBefore(topBarTarget, target);

34 topBarTarget.style.maxWidth = 'var(--layout-max-width)';

35 topBarTarget.style.margin = '0 auto';

36 currentTopBar = topBarTarget;

37 currentWidget = target;

38

39 // FastComments Collab Chat'i başlat

40 target.fastCommentsInstance = FastCommentsCollabChat(target, {

41 tenantId: "demo",

42 topBarTarget: topBarTarget

43 });

44

45 // Geçerli yol adını güncelle

46 currentPathname = window.location.pathname;

47 }

48

49 // Başlangıç yüklemesi

50 load();

51

52 // Değişiklikleri her 500ms'de kontrol et

53 setInterval(() => {

54 // Yol adı değiştiyse yeniden yükle

55 if (window.location.pathname !== currentPathname) {

56 console.log('Pathname changed, reloading...');

57 load();

58 return;

59 }

60

61 // Widget kaldırıldıysa yeniden yükle

62 if (currentWidget && !currentWidget.parentNode) {

63 console.log('Widget removed, reloading...');

64 load();

65 return;

66 }

67

68 // Konteyner boşaltıldıysa yeniden yükle

69 const target = document.querySelector('.super-content');

70 if (target && target.innerHTML.length < 100) {

71 console.log('Container emptied, reloading...');

72 load();

73 }

74 }, 500);

75 })();

76</script>

77

Now paste in the Body area:

Yapıştırılan Kod

If you see a "this is a demo message" after pasting the code:

• Ensure you're logged into your fastcomments.com account.
• Ensure you have 3rd party cookies enabled.
• Then refresh this page and copy the code snippet again. It should have tenantId populated with your tenant's identifier.

Super.so Notion Makalelerinize Canlı Yorum Widget Eklemek

Collab Chat'e ek olarak, Notion makalelerinizin altına geleneksel bir yorum widget'ı ekleyebilirsiniz. Bu, okuyucuların yorum bırakmasına ve tüm makale hakkında tartışma yapmasına olanak tanır.

Kurulum Adımları

Aşağıdaki kodu kopyalayın ve Super.so site ayarlarınızın Body bölümüne yapıştırın:

Super.so FastComments Canlı Yorum Widget

Copy

1

2<script src="https://cdn.fastcomments.com/js/embed-v2.min.js"></script>

3<script>

4 (function () {

5 let currentPathname = window.location.pathname;

6 let currentWidget = null;

7

8 function load() {

9 if (!window.FastCommentsUI) {

10 console.log('...no script, trying again...');

11 return setTimeout(load, 100);

12 }

13

14 const contentArea = document.querySelector('.notion-root');

15 if (!contentArea || !contentArea.innerHTML || contentArea.innerHTML.length < 100) {

16 console.log('...no content, trying again...');

17 return setTimeout(load, 100);

18 }

19

20 // Mevcut örneği temizle

21 if (contentArea.fastCommentsInstance) {

22 contentArea.fastCommentsInstance.destroy();

23 }

24

25 // Yeni hedef oluştur

26 const target = document.createElement('div');

27 contentArea.append(target);

28 currentWidget = target;

29

30 // FastComments'i başlat

31 contentArea.fastCommentsInstance = FastCommentsUI(target, {

32 tenantId: "demo",

33 urlId: window.location.pathname

34 });

35

36 // Mevcut pathname'i güncelle

37 currentPathname = window.location.pathname;

38 }

39

40 // İlk yükleme

41 load();

42

43 // Değişiklikler için her 500ms'de kontrol et

44 setInterval(() => {

45 // Pathname değiştiyse yeniden yükle

46 if (window.location.pathname !== currentPathname) {

47 console.log('Pathname changed, reloading...');

48 load();

49 return;

50 }

51

52 // Widget kaldırıldıysa yeniden yükle

53 if (currentWidget && !currentWidget.parentNode) {

54 console.log('Widget removed, reloading...');

55 load();

56 return;

57 }

58

59 // Konteyner boşaltıldıysa yeniden yükle

60 const contentArea = document.querySelector('.notion-root');

61 if (contentArea && contentArea.innerHTML.length < 100) {

62 console.log('Container emptied, reloading...');

63 load();

64 }

65 }, 500);

66 })();

67</script>

68

Önemli Notlar

• Yorum widget'ı Notion makalelerinizin altında görünecektir
• Her sayfa, URL yoluna göre kendi benzersiz yorum dizisine sahip olur
• FastComments hesabınızdaki gerçek tenant ID'niz ile demo'yu değiştirdiğinizden emin olun
• Widget, Super.so'nun dinamik sayfa yüklemelerini otomatik olarak yönetir

FastComments, sitenize uyacak biçimde özelleştirilebilecek şekilde tasarlanmıştır.

Özel stiller eklemek veya yapılandırmayı değiştirmek istiyorsanız, Özelleştirme Belgelerimizi İnceleyin nasıl yapılacağını öğrenmek için.