安装网站悬浮图标

如何将maaiiconnect网站悬浮图标添加到网站

注册maaiiConnect平台服务账号后,maaiiConnect团队提供一个JavaScript代码片段,其中包括maaiiConnect服务账号和其他需填写的参数。仅需把准备好的JavaScript代码片段复制并安装到网站页面上,该代码在管理后台中可找到。按照下面列出的顺序,浏览网找到到您的悬浮图标代码。

要在您的网站安装悬浮图标,请执行以下操作:

浏览网页,查找代码段的位置

  1. 使用您的域URL和登录账号登录maaiiConnect的管理后台。

📘

特别注意:

要了解更多maaiiConnect管理后台的登录说明,请参阅 《maaiiConnect管理指南》管理后台登录 部分。

  1. 浏览安装悬浮图标页面,以查看其详细信息。

安装悬浮图标页面

📘

注意事项:

您可点击击测试一下! 一个演示页将会弹出显示悬浮图标和电话簿中的标签在安装到您的实际网站之前的实际效果。这将帮助您在应用以及您的访客和客户看到效果之前,修改好存在的问题。

  1. 在代码框中找到对应的代码

查看悬浮图标的安装

</> 代码片段参数

<script type='text/javascript'>
window.lcwcSettings = {
  serviceId: 'YOUR_SERVICE_NAME_HERE',
  ctaTags: { //Editable
    'YOUR_TRIGGER_ELEMENT_ID':'TAG_ID'
  }
};
!function(e,t,c){var n,s=e.getElementsByTagName(t)[0];e.getElementById(c)||(n=e.createElement(t),n.id=c,n.defer=!0,n.src="https://lcwc-cdn.m800.com/liveconnect/liveconnect.js",s.parentNode.insertBefore(n,s))}(document,"script","lcwc-sdk");

</script>
  • 服务名称(必填) : maaiiConnect平台中出现的服务名称。
  • 行为召唤标签 (选填) : 通过设置触发条件的ID匹配至标签的ID 或*所有的标签的ID,网站的按钮就会直接触发匹配的标签。平台中客户可以通过单击按钮,在悬浮图标中使用一键呼叫功能。

添加“点击操作(CTA)”按钮

管理员可在您的网站中设置HTML5按钮,以便在maaiiConnect网页客户端中触发以下操作,而无需点击悬浮图标。

  • 打开maaiiConnect平台的目录
  • 对特定标签设置呼叫或短信咨询,请执行以下操作:
  1. 点击“编辑” 按钮
  2. 点击“+ 添加新CTA按钮”
  3. 输入与HTML代码中匹配的按钮ID
  4. 选择的标签将与CTA按钮功能关联。所有创建的标签都可在标签下拉列表中找到并使用。如果选择“所有标签”,则CTA按钮将会打开目录。如果您选择了一个特定的标签和功能,那么CTA按钮将对该特定标签进行呼叫或短信咨询。

添加“点击操作(CTA)”按钮

  1. 如需要添加更多CTA按钮,请重复步骤4。
  2. 点击“保存” 按钮,确认更改。

显示并运行网站悬浮图标:

  1. 所有操作都需手动复制代码段框中的代码。
  2. 或者,单击复制按钮自动复制代码段。
  3. 在关闭 标签之前,将代码粘贴到网页的HTML源代码中。在你想安装悬浮图标的网页上插入代码片段。
  4. 插入代码段后,保存并重新加载页面。

👍

温馨提示:

您可在关闭 标签前粘贴脚本。

maaiiConnect平台的网站悬浮图标将出现在网页上。

隐藏或停止使用网站悬浮图标

若CTA按钮比网站悬浮图标运行得更好,隐藏或停止使用网站悬浮图标。

在不影响HTML CTA按钮使用的情况下,可以隐藏网站悬浮图标:

  1. 浏览外观 页面,以查看悬浮图标的外观。
  2. 点击“编辑” 按钮。
  3. 关闭"悬浮图标展示"以隐藏悬浮图标窗口(默认情况下,悬浮图标窗口展示处于打开状态)。
  4. 点击 “保存” 按钮,确认更改。

📘

注意事项:

悬浮图标保存后可立即在网页上启用或禁用。

要强制从网页中删除maaiiConnect,请执行以下操作:

  • 删除网页上的代码段,保存并重新加载。
  • 此操作将影响HTML CTA按钮的使用(如果有)。

要设置maaiiConnect悬浮图标观,请参阅 自定义悬浮图标外观 以了解更多详细信息。

Updated 11 months ago


安装网站悬浮图标


如何将maaiiconnect网站悬浮图标添加到网站

Suggested Edits are limited on API Reference Pages

You can only suggest edits to Markdown body content, but not to the API spec.