安装指南

不到 2 分钟即可在网站上运行 MousePlayer,无需复杂配置。

1

找到媒体资源

登录 MousePlayer 仪表板。在 您的媒体资源 区域,可看到与账户关联的域名列表。若域名尚未配置,将显示 安装代码 状态徽章。

在待跟踪域名旁的操作列中,点击 </> 代码 按钮。

显示用户媒体资源和代码按钮的 MousePlayer 仪表板
2

复制跟踪代码片段

屏幕上会出现 安装代码 弹窗。其中包含专为此媒体资源生成的唯一异步 JavaScript 代码片段(通过唯一的 id关联)。

点击代码块右上角的 复制代码 按钮,将代码片段复制到剪贴板。

显示 JavaScript 代码片段的安装代码弹窗
3

将代码粘贴到网站

打开网站源代码或标签管理器。在需要启用会话录制和实时查看的所有页面上,将复制的代码片段直接粘贴到 HTML 的 <head> 区域。

<!-- MousePlayer Tracking Code for lukaswojcik.com --> <script> (function(w, d, s, id) { w.mp_channelid = id; var f = d.getElementsByTagName(s)[0], j = d.createElement(s); j.async = true; j.src = 'https://www.mouseplayer.com/mp.js'; f.parentNode.insertBefore(j, f); })(window, document, 'script', 'YOUR_UNIQUE_ID_HERE'); </script>
4

验证安装

保存更改并发布网站。访问已上线的域名并刷新页面。返回 MousePlayer 仪表板,域名状态会自动从 安装代码 更新为 空闲 ,若当前有访客,也会显示活跃用户。

开发者提示:CMS 与标签管理器

如果使用 WordPress,可将代码片段粘贴到主题的 header.php 文件,或使用“Insert Headers and Footers”等插件。如果使用 Google Tag Manager(GTM),请新建 自定义 HTML 标签,粘贴代码片段,并将触发器设为 所有页面。