הוסף דיונים חיים לאתרים של Super.so

ראשית עלינו לפתוח את עורך הקוד. אם ברצונך להוסיף את FastComments לכל הדפים, פשוט בחר ב־Code בפינה השמאלית התחתונה:

פתח הגדרות הקוד

אם ברצונך להוסיף אותו לעמוד מסוים, בחר ב־Edit Custom Code בהגדרות של אותו עמוד.

עכשיו בואו נבחר בכרטיסיית Body. זה חשוב!. התקנת קטע הקוד ב־Head לא עובדת.

בחר בכרטיסיית Body

כעת ניתן להמשיך לשלב 2.

בשלב הבא עליך להעתיק את קוד הוויג'ט המוכן מראש למטה.

כל עוד אתה מחובר ל-FastComments.com, קטע הקוד למטה כבר יכיל את פרטי החשבון שלך. בוא נעתיק אותו:

קוד צ'אט שיתופי של FastComments עבור Super.so

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

כעת הדבק באזור ה-Body:

קוד שהודבק

אם אתה רואה "this is a demo message" לאחר הדבקת הקוד:

• ודא שאתה מחובר לחשבון ה-fastcomments.com שלך.
• ודא שעוגיות של צד שלישי מופעלות.
• לאחר מכן רענן את הדף והעתק שוב את קטע הקוד. הוא אמור להכיל tenantId מאויש עם מזהה הטננט שלך.

הוספת ווידגט תגובות חיות למאמרי Notion שלך ב‑Super.so

בנוסף ל‑Collab Chat, באפשרותך להוסיף ווידגט תגובות מסורתי לתחתית המאמרים שלך ב‑Notion. זה מאפשר לקוראים להשאיר תגובות ולנהל דיונים על כל המאמר.

שלבי התקנה

העתק את הקוד הבא והדבק אותו בקטע ה‑Body בהגדרות האתר שלך ב‑Super.so:

ווידגט תגובות חיות של FastComments ל‑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 // נקה מופע קיים

21 if (contentArea.fastCommentsInstance) {

22 contentArea.fastCommentsInstance.destroy();

23 }

24

25 // צור יעד חדש

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

27 contentArea.append(target);

28 currentWidget = target;

29

30 // אתחל את FastComments

31 contentArea.fastCommentsInstance = FastCommentsUI(target, {

32 tenantId: "demo",

33 urlId: window.location.pathname

34 });

35

36 // עדכן את currentPathname

37 currentPathname = window.location.pathname;

38 }

39

40 // טעינה ראשונית

41 load();

42

43 // בדוק כל 500ms עבור שינויים

44 setInterval(() => {

45 // טען מחדש אם ה‑pathname השתנה

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

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

48 load();

49 return;

50 }

51

52 // טען מחדש אם הווידגט הוסר

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

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

55 load();

56 return;

57 }

58

59 // טען מחדש אם המכולה רוקנה

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

הערות חשובות

• הווידגט התגובות יופיע בתחתית המאמרים שלך ב‑Notion
• לכל עמוד יש שרשור תגובות ייחודי מבוסס על נתיב ה‑URL
• הקפד להחליף את "demo" ב‑tenant ID האמיתי שלך מחשבון FastComments שלך
• הווידגט מטפל אוטומטית בטעינת הדפים הדינמית של Super.so

FastComments נועד להיות מותאם לצורכי האתר שלך.

אם ברצונך להוסיף עיצוב מותאם אישית, או לכוונן את התצורה, עיין בתיעוד ההתאמות וההגדרות שלנו כדי ללמוד כיצד.