Super.so Sitelerine Canlı Tartışmalar Ekleyin

Öncelikle kod düzenleyiciyi açmamız gerekiyor. FastComments'i tüm sayfalara eklemek istiyorsanız, sol alttaki Code seçeneğini seçmeniz yeterli:

Kod Ayarlarını Aç

Belirli bir sayfaya eklemek istiyorsanız, o sayfanın ayarlarında Edit Custom Code seçeneğini seçin.

Şimdi Body sekmesini seçelim. Bu önemlidir! Kod parçacığını Head bölümüne yüklemek çalışmaz.

Body Seç

Artık 2. adıma hazırsınız.

Bu sonraki adımda, aşağıdaki hazır widget kodunu kopyalamanız gerekiyor.

FastComments.com'a giriş yaptığınız sürece, aşağıdaki kod parçacığı zaten hesap bilgilerinizi içerecektir. Kopyalayalım:

Super.so FastComments Collab Chat 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 // Clean up existing instance

22 if (target.fastCommentsInstance) {

23 target.fastCommentsInstance.destroy();

24 }

25

26 // Clean up existing top bar if it exists

27 if (currentTopBar && currentTopBar.parentNode) {

28 currentTopBar.parentNode.removeChild(currentTopBar);

29 }

30

31 // Create new top bar

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 // Initialize FastComments Collab Chat

40 target.fastCommentsInstance = FastCommentsCollabChat(target, {

41 tenantId: "demo",

42 topBarTarget: topBarTarget

43 });

44

45 // Update current pathname

46 currentPathname = window.location.pathname;

47 }

48

49 // Initial load

50 load();

51

52 // Check every 500ms for changes

53 setInterval(() => {

54 // Reload if pathname changed

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

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

57 load();

58 return;

59 }

60

61 // Reload if widget was removed

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

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

64 load();

65 return;

66 }

67

68 // Reload if container was emptied

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

Şimdi Body alanına yapıştırın:

Yapıştırılan Kod

Kodu yapıştırdıktan sonra "bu bir demo mesajı" görüyorsanız:

• fastcomments.com hesabınıza giriş yaptığınızdan emin olun.
• Üçüncü taraf çerezlerin etkin olduğundan emin olun.
• Ardından bu sayfayı yenileyin ve kod parçacığını tekrar kopyalayın. tenantId alanının kiracı (tenant) tanımlayıcınızla doldurulmuş olması gerekir.

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.