为基于 Jekyll 的 GitHub Pages 博客添加 GA4 谷歌分析和 Messenger Chat 插件

Posted by Tigress Feathermoon💄 on March 22, 2023
   

补充添加谷歌分析,关联 Google Search Console

博客访客分析

我的个人博客 fork 的模板作者使用的是百度分析,谷歌分析原模板对应的是旧版 Universal Analytics。新版GA4设置如下:

修改 _includes 文件夹下的 head.html 文件

在末尾</head>后边加上自己的谷歌分析代码

谷歌自然流量使用 Google Search Console

在head.html文件中找到如下代码,更换为自己的代码

上边的代码必须在 Search Console 中添加资源时,选择网址前缀。如果有自己购买的域名,则可以使用网域的方法添加。

为 GitHub Pages 博客添加 Facebook Messenger Chat Plugin 聊天插件,支持访客对话。

🛑在 Meta Business Suite 收件箱中点击小齿轮,查看所有设置。

🛑选择 Chat Plugin,点击 Setup,选择 Standard 标准代码,复制代码。

🛑将代码粘贴到 _includes 文件夹下的 head.html 文件中,这一步类似谷歌分析 GA4 代码设置。

启用自动生成 sitemap 站点地图

因为目前 jekyll-sitemap 是官方支持的方式,所以我们直接进行 _config.yml 配置

gems: [jekyll-sitemap]