הוספת תגובות לאתרים ב-Squarespace

במדור זה נלמד כיצד להוסיף תגובות בזמן אמת לבלוג ה-Squarespace שלך.

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

שרשורי התגובות יהיו ייחודיים לכל פוסט בבלוג.

נתחיל בפתיחת הדפים בצד שמאל, בעורך:

פתיחת דפים

בתחתית תראו את Blog עם סמל גלגל שיניים מימין. לחצו על הסמל כדי לפתוח את הגדרות הבלוג:

פתיחת הגדרות הבלוג

כעת נלך אל Advanced ואז אל Post Blog Item Code Injection:

פתיחת הגדרת קוד לפריט הבלוג

תראו אזור קוד ריק דומה לזה:

אזור קוד ריק

כעת נוכל להעתיק את קטע הקוד הבא (השתמש בכפתור ההעתקה בפינה הימנית העליונה של הקטע):

קוד תגובות לבלוג Squarespace

Copy

1

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

3<div id="fastcomments-widget"></div>

4<script>

5 (function () {

6 const tenantId = 'demo'; // מזהה החשבון שלך

7

8 function tryLoad() {

9 // נסה לטעון עבור פריסות שונות

10 let targetDiv = document.querySelector('.blog-item-comments-content');

11 if (!targetDiv) {

12 targetDiv = document.getElementById('fastcomments-widget');

13 }

14 window.FastCommentsUI(targetDiv, {

15 tenantId

16 });

17 }

18

19 tryLoad();

20 })();

21</script>

22

23

...לאחר מכן הדבק באזור הקוד ולחץ על שמור:

הדבק ושמור

הצלחה! כעת אתה אמור לראות את FastComments Comment Widget בכל הפוסטים בבלוג שלך.

הצלחה!

מזל טוב על ההגדרה של FastComments ב-Squarespace! אם נתקלת ב- Domain Error, או אם ברצונך ללמוד כיצד להתאים אישית את אזור התגובות, המשך לקרוא!

בחלק זה נלמד כיצד להוסיף תגובות חיות לכל הדפים באתר Squarespace שלך.

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

שרשורי התגובות יהיו ייחודיים לכל דף.

נתחיל בפתיחת הגדרות בצד שמאל, בעורך:

פתח הגדרות

בחלק התחתון אמור להופיע Developer Tools. לחץ על זה:

פתח כלי מפתחים

עכשיו נלך ל- Code Injection:

פתח הזרקת קוד

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

אזור תחתון ריק

בשלב הבא נעתיק את הקוד שלנו ונוסיף אותו.

עכשיו נוכל להעתיק את קטע הקוד הבא. השתמש בכפתור ההעתקה שמופיע בפינה הימנית העליונה של הקטע.

יש מספר דברים שניתן להגדיר בקוד — ראה שורות 4 עד 7.

קוד תגובות לכל העמודים של Squarespace

Copy

1

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

3<div id="fastcomments-widget"></div>

4<script>

5 (function () {

6 const tenantId = 'demo'; // מזהה החשבון שלך

7

8 function tryLoad() {

9 // נסה לטעון עבור פריסות שונות

10 let targetDiv = document.querySelector('.blog-item-comments-content');

11 if (!targetDiv) {

12 targetDiv = document.getElementById('fastcomments-widget');

13 }

14 window.FastCommentsUI(targetDiv, {

15 tenantId

16 });

17 }

18

19 tryLoad();

20 })();

21</script>

22

23

...לאחר מכן הדבק באזור הקוד ולחץ על שמור. זה אמור להיראות כך, כשהקוד נמצא בבלוק FOOTER:

הדבק ושמור

אם יש לך בעיות, ודא שבקרבת התחתית זה לא אומר "tenantId": "demo". זה אמור להציג את מזהה ה-tenant שלך אם אתה מחובר. אם לא, פנה לתמיכה.

הצלחה! כעת עליך לראות את FastComments Comment Widget בכל הדפים שלך.

מזל טוב על התקנת FastComments עם Squarespace! אם נתקלת ב- Domain Error, או אם ברצונך ללמוד כיצד להתאים אישית את אזור התגובות, המשך לקרוא!

בחלק זה נלמד כיצד להוסיף תגובות חיות לדף ספציפי באתר Squarespace שלך.

בשיטה זו יהיה עליך להוסיף את הקוד לכל דף שבו תרצה להוסיף את רכיב התגובות.

שרשורי התגובות יהיו ייחודיים לכל דף.

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

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

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

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

בואו נוסיף את הקטע שלנו:

הוסף קטע

נוסיף קטע ריק:

הוסף קטע ריק

תראו אזור ריק גדול שנוסף. לחצו על ADD BLOCK בפינה העליונה השמאלית:

הוסף בלוק

גללו מטה עד שתמצאו את האפשרות Code ולחצו עליה:

בחר ווידג'ט קוד

מקמו את בלוק הקוד כפי שהייתם רוצים שהווידג'ט תגובות ימוקם:

מיקום

ערכו את בלוק הקוד:

ערוך את בלוק הקוד

בשלב הבא נעתיק את הקוד שלנו ונוסיף אותו.

עתה נוכל להעתיק את קטע הקוד הבא. השתמש בכפתור ההעתקה שמופיע בפינה הימנית העליונה של הקטע.

יש כמה דברים שאפשר להגדיר בקוד, ראה שורות 4 עד 7.

קוד לדף יחיד ב-Squarespace

Copy

1

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

3<div id="fastcomments-widget"></div>

4<script>

5 window.fcConfigs = [{

6 target: '#fastcomments-widget',

7 tenantId: 'demo' // מזהה החשבון שלך

8 }];

9</script>

10

זה אמור להיראות כך:

הדבק ושמור

כעת לחץ על שמור בפינה הימנית העליונה.

שים לב שאפשרות Preview in Safe Mode לא תעבוד, אבל הווידג'ט יופיע כשאתה מבקר באתר שלך.

אם יש לך בעיות, ודא שבחלק התחתון זה לא אומר "tenantId": "demo". הוא צריך להציג את ה-tenant id שלך אם אתה מחובר. אם לא, פנה לתמיכה.

בוצע בהצלחה! כעת אמור להופיע בעמוד שלך ווידג'ט התגובות של FastComments.

מזל טוב על ההגדרה של FastComments ב-Squarespace! אם נתקלת ב-Domain Error, או אם ברצונך ללמוד כיצד להתאים אישית את אזור התגובות, המשך לקרוא!

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

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