利用Netlify的片段注入功能插入网站分析代码(例如Google analytics)
最近我在查看Google Analytics查看自己网站的数据时,发现分析数据中还有我未发布文章的访问。
这让我吓了一跳,立马排查了一遍是不是把还在写的文章给发布上去了,后面查明了并不是,那究竟是啥原因呢?
网站是通过Hexo构建的,而我的网站分析代码是直接修改主题插入在head里面的,因此在通过本地预览的时候这段代码也会生效,收集数据并显示在后台之中。
这并不是我所想要的,那么有什么能够避免的吗?有的,兄弟,有的。我们可以不在Hexo构建之时插入,可以在部署发布的时候插入(事后注入代码,无需修改源码),这也是很多平台支持的功能——片段注入,正巧Netlify就支持这一功能。
在Netlify中设置片段注入
Netlify的片段注入设置十分的简单,没有什么难度。你只需要找到设置,添加代码,保存并重新部署,就完成了。



找到它很简单,在项目设置的 Build & deploy > Post processing > Snippet injection 中,点击Add snippet。

在 Inject analytics or other scripts into the HTML of your project. 下方,我们可以选择注入代码的位置。Netlify有两个选项,一个是/head前,一个是/body前,我的Google Analytics则要求将代码放入head中,所以我选择Insert before </head>。
⚠️ 注意
这里默认的选项是Insert before /body。
接下来Script name和HTML则分别填入你为代码取得别称和需要注入的代码。Script name是用来分辨注入代码用途的,各位根据自己的需要进行填写。
最后填写完成后,点击Save保存,然后重新部署一遍项目就完成了。