<< 点击以显示目录 >> 系统设定及自定义 > 控制面板 > 使用聊天按钮代码 > 标准代码 > 添加 aria-label、alt 和 title 属性 |
常规
聊天按钮图标的 ALT、TITLE 和 ARIA-LABEL 属性
这将为在线和离线聊天图标添加 alt、title 和 aria-label 属性。
方法一(你已经有了代码,不想替换)
1.在您的聊天按钮代码中,找到 Date.now()。
2.在它之后,插入以下行(需要引号!):
+"&online-tooltip=Tooltip%20Text&offline-tooltip=Tooltip%20Text"
方法二(从头编写代码)
1.在您的帐户中,转至聊天按钮代码 > 将信息从您的网站脚本传递给操作员。
2.在字段名称输入中,输入 online-tooltip,然后在字段内容输入中的旁边,输入在线聊天按钮 ALT/TITLE/ARIA-LABEL 属性的值(例如,在线聊天)。
3.在下一个字段名称输入中,输入 offline-tooltip,然后在字段内容输入中的旁边,输入离线聊天按钮 ALT/TITLE/ARIA-LABEL 属性的值(例如,离线聊天)。
4.复制生成的代码并粘贴到您的网站源代码中。
解释:
&online-tooltip - 在线聊天按钮工具提示的参数
&offline-tooltip - 离线聊天按钮工具提示的参数
Tooltip%20Text - 将用作 alt、标题和 aria-label 的自定义文本
%20 - 替换空格
例子:
将代码中的 account_hash 替换为您的实际帐户名或帐户哈希。
<!-- BEGIN ProvideSupport.com Pass Information Chat Button Code -->
<script>window.addEventListener("load",function(){function n(n,e){e=document.createElement("script");
e.src="https://image.providesupport.com/"+n,
document.body.appendChild(e)}n("js/account_hash/safe-standard-sync.js?ps_h=7uWf&ps_t="+Date.now()+
"&online-tooltip=Live%20Chat%20Online&offline-tooltip=Live%20Chat%20Offline"),n("sjs/static.js")})</script><noscript><div style="display:inline">
<a href="https://vm.providesupport.com/account_hash">Online Support Chat</a></div></noscript>
<!-- END ProvideSupport.com Pass Information Chat Button Code -->