如何像本网站一样添加“反馈”悬浮按钮

支持
1

此网站有一个浮动反馈按钮。我该如何添加它？

2

我相当确定这是网站上使用的第三方服务，与 Setup HubSpot chat Integration 完全一样，用于在网站上创建一个聊天按钮。

3

是的，这是 Hotjar。Understand what users really think about your site

4

你好，

我明白了。但是他们给了一个需要粘贴的代码。我应该在哪里粘贴它？

谢谢你的帮助。

5

如果您阅读 https://meta.discourse.org/t/hubspot-chat-integration/128777，就会找到答案。在您找到 Hotjar 代码的地方，也会看到关于在哪里（即哪个标签页）需要添加该代码的具体指示。

6

提示如下：
请将 Hotjar 代码粘贴到您希望跟踪访客并收集反馈的每个页面的 <head> 部分，然后验证您的安装。

我进入设置中的编辑 CSS/HTML 选项后，将代码粘贴到了 head 部分，但无法生效。

编辑：
我创建了一个新组件，命名为“feedback”，并将代码粘贴到 common/head 部分。然后将该组件添加到当前主题，刷新后仍无法看到。

7

您是否已在内容安全策略（CSP）的 script-src 白名单中添加了各种 hotjar.com URL？如果没有，请按 F12 打开浏览器控制台，查看控制台面板以找到所有被阻止的 URL（您可能需要多次刷新页面，以确保添加所有 URL）。

8

它奏效了。非常感谢。

9

谢谢提供信息。我试过了。