【nginx】使用 sub_filter 注入 js 代码,例如 google analysis 等


目录
  • 1
    1. 进入 Admin
    2. 创建新的工作空间
    3. 进入 Data stream
    4. 找到自动生成的代码,且点击 copy 按钮
      注意:必须点击 copy 按钮,得到单行的代码方便之后使用,不要选中用复制!


    例如

      
    

    2. 注入代码2

    1. 格式化 copy 代码为 sub_filter '{copy code}';,要求如下:
      • 含义:替换 为后半部分
      • 代码必须为一行
      • 使用 sub_filter 语句替换
      • GA 生成的代码中混用了 '",需要统一为 "
      • 不要忘记分号

    例如

    sub_filter  '  '
    
    1. 添加进 nginx 中的 location,然后重启
      注意: 似乎需要开启 sub_filter 功能有单独的指令,我是用的是宝塔提供的 nginx,重启后直接可以使用。
      注意: 是否只能插入 location 还待商议。

    结果

    网站 F12

    GA 控制台

    Reference

    1. https://support.google.com/analytics/answer/9304153?hl=en#zippy=%2Cweb%2Cfind-your-g--id-for-any-platform-that-accepts-a-g--id%2Cadd-your-tag-using-google-tag-manager%2Cadd-the-google-tag-directly-to-your-web-pages
    2. https://gist.github.com/jirutka/5279057