web埋点实战——ga4、fb pixel、tiktok pixel 埋点测试

• • 背景：最近公司有了搞m站的需求，投放团队也需要做针对性的投放，需要在对应的广告平台埋点用于做广告优化，难搞的是我们的测试小哥哥，都没玩过甚至都没听过这些玩意，测试的时候总是一脸懵逼，所以写个测试方法文档一起进步进步

1、Google Analytics 4

1.1 什么是Google Analytics 4

Google分析（Google Analytics）是一个由Google^[1]所提供的网站^[2]流量统计^[3]服务。Google 分析（Analytics）现在是互联网上使用最广泛的网络分析服务。Google Analytics还提供了一个SDK，允许从iOS和Android应用程序收集使用数据，称为Google Analytics for Mobile Apps。[1]^[4]

另外还有一个特别注意的点是，目前ua已经快要被停用了，新版本直接采用ga4就行了，老的项目也要尽快迁移到ga4

1.2 Google Analytics 4埋完雷后怎么测试？

• • 安装插件：https://chrome.google.com/webstore/detail/google-analytics-debugger/jnkmfdileelhofjcijamephohjechhna?hl=zh
• • 固定并打开插件按钮

[图片上传失败...(image-72f61a-1651489193753)]

<figcaption style="text-align: center; line-height: 1.75; color: rgb(136, 136, 136); font-size: 0.8em;">image-20220502182627417</figcaption>

• • 打开ga4 -> 配置 -> debugview

[图片上传失败...(image-500fb5-1651489193753)]

<figcaption style="text-align: center; line-height: 1.75; color: rgb(136, 136, 136); font-size: 0.8em;">image-20220502182915438</figcaption>

2、 Facebook Pixel

2.1 什么是Facebook Pixel

Facebook Pixel也就是我们常说的Facebook像素（简称“像素”），是一段js的代码。我们可以据此追踪、衡量广告受众。当用户进入到被设有Facebook像素的页面时，便会触发代码并记录其行为。

通俗来讲，它的作用类似于Google Ads中的GA分析，帮助我们了解用户在网站上采取的各种行为，例如查看网页内容、搜索、加到购物车等动作。有了这些数据的追踪，我们就可以改进并调整Facebook的广告策略。

2.2 Facebook Pixel 埋完雷后怎么测试？

• • 安装插件：https://chrome.google.com/webstore/detail/facebook-pixel-helper/fdgfkebogiimcoedlicjlajpkdmockpc
• • 直接在web上面操作，查看上报参数即可

[图片上传失败...(image-694a9f-1651489193753)]

<figcaption style="text-align: center; line-height: 1.75; color: rgb(136, 136, 136); font-size: 0.8em;">image-20220502183714575</figcaption>

3、TikTok Pixel

3.1 什么是TikTok Pixel

• • TikTok Pixel 是一段可以放到网站上的代码，让广告主通过浏览器将网站访客事件共享到 TikTok。

[图片上传失败...(image-cbcf9f-1651489193753)]

<figcaption style="text-align: center; line-height: 1.75; color: rgb(136, 136, 136); font-size: 0.8em;">image-20220502183928937</figcaption>

3.2 TikTok Pixel 埋完雷后怎么测试？

• • 安装插件：https://chrome.google.com/webstore/detail/tiktok-pixel-helper/aelgobmabdmlfmiblddjfnjodalhidnn
• • 也是直接在web上面操作，查看上报参数即可

[图片上传失败...(image-57621e-1651489193753)]

<figcaption style="text-align: center; line-height: 1.75; color: rgb(136, 136, 136); font-size: 0.8em;">image-20220502184337937</figcaption>

引用链接

[1] Google: https://zh.m.wikipedia.org/wiki/Google公司
[2] 网站: https://zh.m.wikipedia.org/wiki/網站
[3] 统计: https://zh.m.wikipedia.org/wiki/統計
[4] 1]: https://zh.m.wikipedia.org/zh-hans/Google分析#cite_note-1