Add Comments to Ionos Sites

עם FastComments אנחנו יכולים בקלות להוסיף תגובות בזמן אמת לכל אתר שנבנה עם Ionos.

שימו לב שמדריך זה דורש חשבון FastComments. מומלץ להירשם תחילה ואז לחזור לכאן. ניתן ליצור חשבון כאן.

שלב 1: הוסף טופס יצירת קשר

ראשית, נוסיף טופס יצירת קשר ש-FastComments יחליף.

כדי לעשות זאת, פתחו את עורך האתר ולחצו על Add Section בעמוד הרצוי.

לאחר מכן, עברו ל- Content -> Contact -> Contact Form בצד השמאלי, כפי שמוצג:

הוספת טופס יצירת קשר

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

קבע כותרת לטופס

נגדיר את הכותרת כ־FastComments Goes Here. חשוב מאוד שהשימוש באותיות ובמרווחים יהיה זהה, אחרת זה לא יעבוד, לכן אנו ממליצים להעתיק ולהדביק את הטקסט.

כאשר סיימתם, זה אמור להיראות כך:

הגדרת הכותרת הושלמה

זהו סוף השלב הראשון!

שלב 2: הוסף קוד של FastComments.com

Next אנחנו עומדים להוסיף את קוד הווידג'ט של FastComments לאתר שלכם. קוד זה יחפש את כל הטפסים עם הכותרת FastComments Goes Here ויחליף אותם ב-FastComments.

אז נלך ל-Settings בפינה השמאלית התחתונה של עורך האתר:

פתח הגדרות

פתח את הסעיף Custom Head Code:

פתח את Custom Head Code

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

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

קטע FastComments עבור Ionos

Copy

<script src="https://cdn.fastcomments.com/js/embed-v2.min.js"></script>
<script>
    (function () {
        let loaded = false;
        let interval = null;
        function attemptLoad() {
            const nodes = document.querySelectorAll('h2');
            nodes.forEach(function (node) {
                if (node.innerText && node.innerText.trim() === 'FastComments Goes Here') {
                    // נבחר את האלמנט שאינו ברוחב מלא
                    const target = node.parentNode.parentNode.parentNode.parentNode.parentNode;
                    target.innerHTML = '';
                    FastCommentsUI(target, {
                        tenantId: "demo"
                    });
                    interval && clearInterval(interval);
                    loaded = true;
                }
            });
        }
        attemptLoad();
        if (!loaded) {
            interval = setInterval(attemptLoad, 300);
        }
    })();
</script>