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

Blogger网站的分步指南

平台：

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

First, go to your Asyntai Dashboard and scroll down to the "Embed Code" section. Copy your unique embed code which will look like this:

<script>(function(){var l=function(){var s=document.createElement("script");s.src="https://widget.asyntai.com/static/js/chat-widget.js";s.async=true;s.setAttribute("data-asyntai-id","YOUR_WIDGET_ID");document.head.appendChild(s)};if(document.readyState==="complete"){l()}else{window.addEventListener("load",l)}})();</script>

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

步骤2：使用HTML/JavaScript小工具（推荐）

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

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

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

替代方案：编辑主题HTML

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

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

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

步骤3：验证安装

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

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

文档

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

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

步骤2：使用HTML/JavaScript小工具（推荐）

替代方案：编辑主题HTML

步骤3：验证安装