Add Live Discussions to Super.So Sites

Прво треба да отворимо уређивач кода. Ако желите да додате FastComments на све странице, само изаберите Код у доњем левом углу:

Отворите подешавања кода

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. This is important!. Installing the code snippet in Head does not work.

Изаберите Body

Now you're ready for step 2.

У следећем кораку треба да копирате унапред припремљени код видгета у наставку.

Док год сте пријављени на FastComments.com, доњи исечак кода већ ће садржати информације о вашем налогу. Хајде да га копирамо:

Код Super.so FastComments Collab Chat

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 // Уклони постојећу инстанцу

22 if (target.fastCommentsInstance) {

23 target.fastCommentsInstance.destroy();

24 }

25

26 // Уклони постојећу горњу траку ако постоји

27 if (currentTopBar && currentTopBar.parentNode) {

28 currentTopBar.parentNode.removeChild(currentTopBar);

29 }

30

31 // Направи нову горњу траку

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

40 target.fastCommentsInstance = FastCommentsCollabChat(target, {

41 tenantId: "demo",

42 topBarTarget: topBarTarget

43 });

44

45 // Ажурирај текући pathname

46 currentPathname = window.location.pathname;

47 }

48

49 // Почетно учитавање

50 load();

51

52 // Проверавај на сваких 500 ms ради промена

53 setInterval(() => {

54 // Поново учитај ако је pathname промењен

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

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

57 load();

58 return;

59 }

60

61 // Поново учитај ако је видгет уклоњен

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

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

64 load();

65 return;

66 }

67

68 // Поново учитај ако је контејнер испражњен

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

Сада налепите у област Body:

Налепљени код

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

• Уверите се да сте пријављени на свој налог на fastcomments.com.
• Уверите се да су колачићи трећих страна омогућени.
• Затим освежите ову страницу и поново копирајте исечак кода. Требало би да има tenantId попуњен идентификатором вашег налога.

Dodavanje vidžeta komentara uživo na vaše Super.so Notion članke

Pored Collab Chat, možete dodati tradicionalni vidžet komentara na dno vaših Notion članaka. Ovo omogućava čitaocima da ostavljaju komentare i vode diskusije o cijelom članku.

Koraci instalacije

Kopirajte sledeći kod i zalijepite ga u sekciju Body u podešavanjima vašeg Super.so sajta:

Super.so FastComments vidžet komentara uživo

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 // Clean up existing instance

21 if (contentArea.fastCommentsInstance) {

22 contentArea.fastCommentsInstance.destroy();

23 }

24

25 // Create new target

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

27 contentArea.append(target);

28 currentWidget = target;

29

30 // Initialize FastComments

31 contentArea.fastCommentsInstance = FastCommentsUI(target, {

32 tenantId: "demo",

33 urlId: window.location.pathname

34 });

35

36 // Update current pathname

37 currentPathname = window.location.pathname;

38 }

39

40 // Initial load

41 load();

42

43 // Check every 500ms for changes

44 setInterval(() => {

45 // Reload if pathname changed

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

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

48 load();

49 return;

50 }

51

52 // Reload if widget was removed

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

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

55 load();

56 return;

57 }

58

59 // Reload if container was emptied

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

Važne napomene

• Vidžet komentara će se pojaviti na dnu vaših Notion članaka
• Svaka stranica dobija vlastitu jedinstvenu nit komentara zasnovanu na putanji URL-a
• Obavezno zamijenite "demo" stvarnim tenant ID-jem iz vašeg FastComments naloga
• Vidžet automatski upravlja dinamičkim učitavanjem stranica Super.so

FastComments је дизајниран да се прилагоди вашем сајту.

Ако желите да додате прилагођен стил или подесите конфигурацију, погледајте нашу документацију о прилагођавањима и конфигурацији да бисте сазнали како.