如何将Asyntai AI聊天机器人添加到Blogger

Blogger网站的分步指南

获取嵌入代码

步骤1:获取您的嵌入代码

首先,前往您的 Asyntai 仪表板并向下滚动到"嵌入代码"部分。复制您的专属嵌入代码,格式如下:

<script async src="https://asyntai.com/static/js/chat-widget.js" data-asyntai-id="YOUR_WIDGET_ID"></script>

注意: 以上代码仅为示例。您必须从仪表板复制您自己的专属嵌入代码,因为其中包含您的个人小部件 ID。

步骤2:使用HTML/JavaScript小工具(推荐)

添加聊天机器人最简单的方法是使用Blogger内置的HTML/JavaScript小工具:

  1. 在blogger.com登录您的Blogger仪表板
  2. 从列表中选择您的博客
  3. 点击左侧栏中的"布局"
  4. 找到您要添加小部件的部分(最好是页脚)
  5. 点击"添加小工具"
  6. 从小工具列表中选择"HTML/JavaScript"
  7. 将标题留空(或根据喜好添加一个)
  8. 将您的Asyntai嵌入代码粘贴到内容区域
  9. 点击"保存"
  10. 在布局页面中点击"保存排列"

提示: 将小工具添加到页脚部分可确保它加载到博客的所有页面上。无论您将小工具放在哪里,聊天机器人都会显示为浮动按钮。

替代方案:编辑主题HTML

您也可以直接将代码添加到主题的HTML中:

  1. 前往左侧栏中的"主题"
  2. 点击"自定义"旁边的下拉箭头
  3. 选择"编辑 HTML"
  4. Ctrl+F(Mac上为Cmd+F)打开搜索
  5. 搜索</body>
  6. 将您的Asyntai嵌入代码粘贴到</body>标签之前
  7. 点击"保存主题"

重要提示: 编辑主题 HTML 时,请注意不要删除或修改其他代码。建议在更改前先点击"备份"来备份您的主题。

步骤3:验证安装

保存更改后,在新的浏览器标签页或无痕窗口中访问您的博客。您应该在右下角看到聊天小部件按钮。点击它以确保其正常打开和运行。

看不到小部件? Blogger 可能需要几分钟才能应用更改。请尝试清除浏览器缓存或在无痕窗口中查看。确保在添加小工具后点击了"保存"。