FastComments.com

Add Live Discussions to Super.So Sites

FastComments Collab Chat podiže Super.so sajtove na viši nivo dodavanjem živih inline diskusija. Korisnici mogu označavati i komentarisati delove teksta kolaborativno, zajedno - uživo!

Ovde ćemo pokriti korake instalacije koji bi trebalo da traju samo nekoliko minuta.


Korak 1: Otvorite podešavanja Internal Link

Prvo treba da otvorimo uređivač koda. Ako želite da dodate FastComments na sve stranice, jednostavno izaberite Code u donjem levom uglu:

Otvori Code Settings
Otvori Code Settings

Ako želite da ga dodate na određenu stranicu, onda izaberite Edit Custom Code u podešavanjima te stranice.

Sada izaberimo the Body karticu. Ovo je važno!. Instaliranje koda u Head ne radi.

Izaberite Body
Izaberite Body

Sada ste spremni za korak 2.

Korak 2: Dodajte unapred pripremljeni kod Internal Link

U narednom koraku treba da kopirate unapred pripremljeni kod widgeta ispod.

Dok ste prijavljeni na FastComments.com, donji kod će već sadržavati informacije o vašem nalogu. Kopirajmo ga:

Kôd za 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 // Očisti postojeću instancu
22 if (target.fastCommentsInstance) {
23 target.fastCommentsInstance.destroy();
24 }
25
26 // Ukloni postojeću gornju traku ako postoji
27 if (currentTopBar && currentTopBar.parentNode) {
28 currentTopBar.parentNode.removeChild(currentTopBar);
29 }
30
31 // Kreiraj novu gornju traku
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 // Inicijalizuj FastComments Collab Chat
40 target.fastCommentsInstance = FastCommentsCollabChat(target, {
41 tenantId: "demo",
42 topBarTarget: topBarTarget
43 });
44
45 // Ažuriraj trenutni pathname
46 currentPathname = window.location.pathname;
47 }
48
49 // Početno učitavanje
50 load();
51
52 // Proveravaj na promene svakih 500ms
53 setInterval(() => {
54 // Ponovo učitaj ako se pathname promenio
55 if (window.location.pathname !== currentPathname) {
56 console.log('Pathname changed, reloading...');
57 load();
58 return;
59 }
60
61 // Ponovo učitaj ako je widget uklonjen
62 if (currentWidget && !currentWidget.parentNode) {
63 console.log('Widget removed, reloading...');
64 load();
65 return;
66 }
67
68 // Ponovo učitaj ako je kontejner ispraznjen
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:

Pasted Code
Pasted Code

Ako vidite "ovo je demo poruka" nakon lepljenja koda:

  • Proverite da ste prijavljeni na svoj fastcomments.com nalog.
  • Proverite da su kolačići trećih strana omogućeni.
  • Zatim osvežite ovu stranu i ponovo kopirajte isječak koda. Trebalo bi da tenantId bude popunjen identifikatorom vašeg tenanta.

Pogledajte takođe: Standardni widget za komentare Internal Link

Dodavanje vidžeta za komentare uživo u vaše Super.so Notion članke

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

Koraci instalacije

Kopirajte sledeći kod i nalepite ga u odeljak Body podešavanja vaše Super.so stranice:

Super.so FastComments vidžet za komentare 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 // Uklanjanje postojeće instance
21 if (contentArea.fastCommentsInstance) {
22 contentArea.fastCommentsInstance.destroy();
23 }
24
25 // Kreiraj novi target
26 const target = document.createElement('div');
27 contentArea.append(target);
28 currentWidget = target;
29
30 // Inicijalizuj FastComments
31 contentArea.fastCommentsInstance = FastCommentsUI(target, {
32 tenantId: "demo",
33 urlId: window.location.pathname
34 });
35
36 // Ažuriraj trenutni pathname
37 currentPathname = window.location.pathname;
38 }
39
40 // Početno učitavanje
41 load();
42
43 // Proveravaj promene svakih 500ms
44 setInterval(() => {
45 // Ponovo učitaj ako se pathname promenio
46 if (window.location.pathname !== currentPathname) {
47 console.log('Pathname changed, reloading...');
48 load();
49 return;
50 }
51
52 // Ponovo učitaj ako je vidžet uklonjen
53 if (currentWidget && !currentWidget.parentNode) {
54 console.log('Widget removed, reloading...');
55 load();
56 return;
57 }
58
59 // Ponovo učitaj ako je kontejner očišćen
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 za komentare pojaviće se na dnu vaših Notion članaka
  • Svaka stranica dobija sopstvenu jedinstvenu nit komentara zasnovanu na putanji URL-a
  • Obavezno zamenite "demo" vašim stvarnim tenant ID-jem iz vašeg FastComments naloga
  • Vidžet automatski podržava dinamičko učitavanje stranica na Super.so

Prilagođavanje Internal Link


FastComments je dizajniran da se prilagodi vašem sajtu.

Ako želite da dodate prilagođeni stil ili da podesite konfiguraciju, Pogledajte našu dokumentaciju o prilagođavanju i konfiguraciji da saznate kako.