Add Live Commenting to Typeflo.io Blogs

כדי להוסיף את FastComments לבלוג שלך ב-Typeflo.io, ראשית עבור ללוח הבקרה של הבלוג ולחץ על הגדרות בסרגל הצד השמאלי.

לחץ על הגדרות

לאחר מכן, לחץ על לשונית קוד מותאם אישית בחלק העליון של דף ההגדרות.

לחץ על לשונית קוד מותאם אישית

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

במדור כותרת תחתונה בלשונית קוד מותאם אישית, הדבק את הקוד הבא:

קטע קוד לתגובות חיות של Typeflo.io

Copy

1

2<script src="https://cdn.fastcomments.com/js/embed-v2.min.js" async></script>

3<script>

4 (function () {

5 function load() {

6 let target = null;

7 let lastInstance;

8 if (document.querySelector('.fastcomments-widget')) {

9 setTimeout(load, 1000);

10 return;

11 }

12 if (lastInstance) {

13 lastInstance.destroy();

14 }

15 if (window.FastCommentsUI) {

16 const newElement = document.createElement('div');

17 newElement.classList.add('fastcomments-widget');

18 const subscribeSection = document.querySelector('.nc-SectionSubscribe2');

19 if (subscribeSection) {

20 subscribeSection.parentNode.insertBefore(newElement, subscribeSection);

21 target = newElement;

22 } else {

23 const fullWidthSection = document.querySelector('.container.w-full');

24 if (fullWidthSection) {

25 fullWidthSection.prepend(newElement);

26 target = newElement;

27 }

28 }

29 }

30 if (target) {

31 lastInstance = FastCommentsUI(target, {

32 "tenantId": "demo"

33 });

34 }

35 setTimeout(load, 1000);

36 }

37

38 load();

39 })();

40</script>

41

הדבק את הקוד במדור הכותרת התחתונה

לאחר הדבקת הקוד, לחץ על כפתור שמור כדי להחיל את השינויים.

הערה: קוד זה כולל לוגיקה שממקמת בצורה דינמית את הווידג'ט של FastComments במיקום האופטימלי בפוסטים בבלוג של Typeflo.io. קטעי קוד אחרים לא יעבדו כראוי עם פריסת Typeflo.io.

זכור להחליף את 'demo' ב־tenant ID האמיתי של FastComments שלך לאחר ההרשמה. אם אתה מחובר ל-FastComments.com, הוא אמור להיות כבר מוחלף.

עבודה טובה! הוספת תגובות בזמן אמת לבלוג שלך ב-Typeflo.io.

FastComments יופיע כעת בכל פוסטי הבלוג שלך, ויאפשר לקוראים שלך להשתתף בדיונים.

אם נתקלת בשגיאת 'permission denied', או אם תרצה להתאים אישית את FastComments, המשך לקרוא.

FastComments תוכנן כך שניתן להתאים אותו לעיצוב הבלוג שלך.

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

עבור בלוגים של Typeflo.io, ניתן להוסיף סגנונות CSS מותאמים באותו אזור Custom Code שבו הוספת את סקריפט FastComments.