FastComments.com

Add Live Commenting to Hostinger Sites


首先,请注意,此教程仅适用于 Hostinger 网站构建器。

如果您在 Hostinger 上使用 WordPress,您可以直接安装我们的 WordPress 插件 该插件有其单独的安装说明

本教程将继续提供网站构建器的相关说明。


第 1 步:添加代码小部件 Internal Link

首先,在网站构建器中打开您的站点。

如果您还没有想放置评论的部分,请添加一个空白部分:

添加部分
添加部分
添加部分
添加部分

现在通过单击我们新建的部分,然后在顶部单击 Add element,接着选择 Embed code,来添加 Hostinger 嵌入小部件:

嵌入代码
嵌入代码

您将看到类似如下的内容:

已添加代码部分
已添加代码部分

现在我们准备好了进入 Step 2

成功 Internal Link


就这样!现在您应该已经在您的 Hostinger 网站上添加了实时评论功能。

成功
成功

如果您遇到权限被拒绝的错误,或想自定义 FastComments,请继续阅读。


网站自定义 Internal Link


FastComments 旨在可定制,以匹配您的站点。

如果您想添加自定义样式或调整配置,请查看我们的自定义与配置文档以了解如何操作。


悬浮点赞按钮 Internal Link


FastComments 也支持 Hostinger 的 Page Reacts(即浮动点赞按钮)小部件。

你可以在本页的右下角看到它的运行效果!

注意!

以下说明适用于 Hostinger Site Builder。如果你使用的是 Hostinger 的 WordPress,只需复制下面的代码,并使用 WPCode 将其添加到你的 WordPress 站点,WPCode 是一个免费且易用的插件,用于向站点添加小的代码片段。

  1. 首先,获取代码:
Hostinger 浮动点赞代码
Copy Copy
1
2<script src="https://cdn.fastcomments.com/js/embed-page-likes-floating.min.js?v=2" async></script>
3<div id="fastcomments-page-likes-floating"></div>
4<script>
5 (function () {
6 function tryLoad() {
7 if (typeof window.FastCommentsEmbedPageLikesFloating === 'function') {
8 window.FastCommentsEmbedPageLikesFloating(document.getElementById('fastcomments-page-likes-floating'), {
9 tenantId: "demo"
10 });
11 } else {
12 setTimeout(tryLoad, 50);
13 }
14 }
15
16 tryLoad();
17 })();
18</script>
19
  1. 然后,在 Hostinger 中打开站点构建器。
  2. 在左下角进入 Website Settings。
  3. 选择 Integrations。
  4. 将新代码添加到 Custom code 字段的 末尾,并发布你的网站。
  5. 在预览模式下你看不到该小部件,但在发布后的站点上它会出现。