Dodajte žive razprave na spletna mesta Super.so

Najprej moramo odpreti urejevalnik kode. Če želite dodati FastComments na vse strani, preprosto izberite Kodo spodaj levo:

Odprite nastavitve kode

Če želite to dodati na določeno stran, izberite Edit Custom Code v nastavitvah te strani.

Zdaj izberimo zavihek Body. To je pomembno!. Vstavljanje kode v Head ne deluje.

Izberite zavihek Body

Zdaj ste pripravljeni za korak 2.

V naslednjem koraku morate kopirati spodnjo vnaprej pripravljeno kodo widgeta.

Dokler ste prijavljeni v FastComments.com bo spodnja koda že vsebovala podatke o vašem računu. Kopirajmo jo:

Koda 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 // Počisti obstoječo instanco

22 if (target.fastCommentsInstance) {

23 target.fastCommentsInstance.destroy();

24 }

25

26 // Počisti obstoječo zgornjo vrstico, če obstaja

27 if (currentTopBar && currentTopBar.parentNode) {

28 currentTopBar.parentNode.removeChild(currentTopBar);

29 }

30

31 // Ustvari novo zgornjo vrstico

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

40 target.fastCommentsInstance = FastCommentsCollabChat(target, {

41 tenantId: "demo",

42 topBarTarget: topBarTarget

43 });

44

45 // Posodobi currentPathname

46 currentPathname = window.location.pathname;

47 }

48

49 // Začetno nalaganje

50 load();

51

52 // Preverjaj spremembe vsakih 500ms

53 setInterval(() => {

54 // Znova naloži, če se je pathname spremenil

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

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

57 load();

58 return;

59 }

60

61 // Znova naloži, če je bil widget odstranjen

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

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

64 load();

65 return;

66 }

67

68 // Znova naloži, če je bil vsebnik izpraznjen

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

Zdaj prilepite v polje Body:

Prilepljena koda

Če po prilepitvi kode vidite sporočilo "this is a demo message":

• Prepričajte se, da ste prijavljeni v svoj račun na fastcomments.com.
• Prepričajte se, da imate omogočene piškotke tretjih oseb.
• Nato osvežite to stran in znova kopirajte odsek s kodo. V njem bi moral biti tenantId izpolnjen z identifikatorjem vašega najemnika.

Dodajanje vtičnika za komentarje v živo v vaše Super.so Notion članke

Poleg Collab Chata lahko na dno vaših Notion člankov dodate tradicionalni vtičnik za komentarje. To bralcem omogoča, da pustijo komentarje in vodijo razprave o celotnem članku.

Koraki namestitve

Kopirajte naslednjo kodo in jo prilepite v razdelek Body v nastavitvah vaše spletne strani Super.so:

FastComments vtičnik za komentarje v živo za Super.so

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 // Počisti obstoječo instanco

21 if (contentArea.fastCommentsInstance) {

22 contentArea.fastCommentsInstance.destroy();

23 }

24

25 // Ustvari nov cilj

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

27 contentArea.append(target);

28 currentWidget = target;

29

30 // Inicializiraj FastComments

31 contentArea.fastCommentsInstance = FastCommentsUI(target, {

32 tenantId: "demo",

33 urlId: window.location.pathname

34 });

35

36 // Posodobi trenutni pathname

37 currentPathname = window.location.pathname;

38 }

39

40 // Začetno nalaganje

41 load();

42

43 // Preverjaj spremembe vsake 500 ms

44 setInterval(() => {

45 // Ponovno naloži, če se je pathname spremenil

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

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

48 load();

49 return;

50 }

51

52 // Ponovno naloži, če je bil vtičnik odstranjen

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

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

55 load();

56 return;

57 }

58

59 // Ponovno naloži, če je bila vsebina kontejnerja izpraznjena

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

Pomembne opombe

• Vtičnik za komentarje se bo prikazal na dnu vaših Notion člankov
• Vsaka stran dobi svojo edinstveno nit komentarjev, ki temelji na poti URL
• Poskrbite, da boste zamenjali "demo" z dejanskim ID-jem najemnika iz vašega FastComments računa
• Vtičnik samodejno upravlja dinamično nalaganje strani Super.so

FastComments je zasnovan tako, da ga lahko prilagodite, da ustreza vaši spletni strani.

Če želite dodati prilagojeno oblikovanje ali prilagoditi konfiguracijo, Oglejte si našo dokumentacijo o prilagoditvah in konfiguraciji, da se naučite, kako.