FastComments.com

Add Live Discussions to Super.So Sites


FastComments Collab Chat подиже Super.so сајтове на виши ниво додавањем уграђених дискусија уживо. Корисници могу истицати и коментарисати на делове текста заједно - уживо!

Овдје ћемо покрити кораке инсталације који би требали трајати само неколико минута.


Корак 1: Отворите подешавања Internal Link

Прво треба да отворимо уређивач кода. Ако желите да додате 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
Изаберите Body

Now you're ready for step 2.

Корак 2: Додајте унапред припремљени код Internal Link


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

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

Код Super.so FastComments Collab Chat
Copy 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 попуњен идентификатором вашег налога.

Погледајте и: Обичан видгет за коментаре Internal Link

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 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

Прилагођавање Internal Link


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

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