SharePoint Online给单独站点安装Clarity

清水截

已于 2024-08-27 14:13:21 修改

阅读量641

点赞数 26

文章标签： sharepoint

于 2024-07-25 17:17:27 首次发布

本文链接：https://blog.csdn.net/qq_42371986/article/details/140694237

版权

介绍

Microsoft Clarity是一款免费的用户行为分析工具，旨在帮助网站所有者了解用户在其网站上的互动方式。它提供详细的用户会话记录、点击热图、滚动热图等功能，使网站所有者能够深入了解用户的行为和网站的使用情况，从而优化用户体验和提高转化率。

主要功能
会话记录：记录并回放用户在网站上的所有操作，包括点击、滚动、移动等。
热图：提供点击热图、移动热图和滚动热图，展示用户在页面上的互动热点。
洞察分析：通过各种指标和图表，提供用户行为的深度分析，例如高跳出率页面、长时间停留的区域等。
过滤与分段：可以根据不同的用户属性和行为对数据进行过滤和分段分析。
GDPR和CCPA合规：确保用户数据的隐私和安全，符合GDPR和CCPA的规定。
（ChatGPT搜的）

1.登录Clarity

https://clarity.microsoft.com

2.添加新项目，并获取ClarityID

在这里插入图片描述

3.上传Clarity解决方案到对应站点的程序

下载解决方案并解压
下载地址
https://handsontek.net/Downloads/clarity.zip
源码地址
https://github.com/joaoferreira/microsoftclarity/
在这里插入图片描述

进入网站内容
在这里插入图片描述
找到适用于SharePoint的应用程序并进入

要是没有这个列表的话，需要使用管理员账号添加一下列表（这些命令需要在下方 5.安装PNP PowerShell 这一步后才能执行）
https://learn.microsoft.com/en-us/sharepoint/dev/general-development/site-collection-app-catalog#current-limitations
在这里插入图片描述

上传
在这里插入图片描述
上传后不要选择为所有站点应用app，直接点击部署就行

4.添加应用程序

在这里插入图片描述

进入后搜索 clarity-client-side-solution 并安装
在这里插入图片描述
直接点添加就可以了，我这里已经添加过

5.安装PNP PowerShell

下方命令都需要在PowerShell运行
1.查看当前PowerShell版本

$host | Select-Object Version

要是小于7.2，则要安装最新版

安装最新版PowerShell

winget install --id Microsoft.Powershell --source winget

这里可能需要梯子
或者直接msi安装
https://learn.microsoft.com/zh-cn/powershell/scripting/install/installing-powershell-on-windows?view=powershell-7.4

要是之前有5.1版本的，则新版会和老版共存，需要在windows快捷搜索里找
在这里插入图片描述
安装后打开新的PowerShell7并再次运行版本检查

$host | Select-Object Version

在这里插入图片描述
安装PNP.PowerShell，会有点慢，等几分钟

Install-Module PnP.PowerShell -Scope CurrentUser

6.运行启动命令

运行登录命令，https://yourtenant.sharepoint.com/替换为对应的站点路径，回车会跳出登录界面，输入管理员账户登录

Connect-PnPOnline -UseWebLogin -Url https://yourtenant.sharepoint.com/

运行启动解决方案命令 "7f8fd1f2-9d26-4a4a-a607-bf4622d7ec11"是app的Id，一定要用这个。"yourOwnId"替换为第二步获取的ClarityID

Add-PnPCustomAction -ClientSideComponentId "7f8fd1f2-9d26-4a4a-a607-bf4622d7ec11" -Name "Microsoft Clarity" -Title "Microsoft Clarity" -Location ClientSideExtension.ApplicationCustomizer -ClientSideComponentProperties: '{"clarityID":"yourOwnId"}' -Scope site

回车后没有任何提示就是成功了