Add Comments to Ionos Sites

使用 FastComments，我们可以轻松为任何使用 Ionos 构建的网站添加实时评论。

请注意，本教程需要一个 FastComments 帐户。建议您先注册，然后再返回此处。您可以在此创建一个帐户。

步骤 1：添加联系表单

首先，我们将添加一个联系表单，FastComments 会替换该表单。

为此，打开站点编辑器，并在目标页面上点击 Add Section。

然后，在左侧转到 Content -> Contact -> Contact Form，如图所示：

添加联系表单

接下来，我们需要告诉 FastComments 替换我们的表单。点击默认的表单标题：

设置表单标题

我们会将标题设置为 FastComments Goes Here。大小写和空格必须完全一致，否则无法生效，因此建议您复制此文本并粘贴。

完成后，应如下所示：

完成设置标题

第一步到此完成！

步骤 2：添加 FastComments.com 代码

接下来我们将把 FastComments 小部件代码添加到你的网站。该代码将搜索所有标题为 FastComments Goes Here 的表单，并将其替换为 FastComments。

所以现在在站点编辑器的左下角进入 Settings：

打开设置

打开 Custom Head Code 部分：

打开自定义头部代码

对于 Ionos，我们需要 FastComments 小部件代码的 特殊版本。来自 其他教程 的代码片段 将无法使用。

现在复制以下代码：

Ionos FastComments 代码片段

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>