请求协助创建Google Analytics事件图片追踪标签（仅支持img标签）

Hey Tom，完全可以做到！你的系统不支持JS/GTM没关系，我们可以用Google Analytics的测量协议（Measurement Protocol），通过纯<img>标签的HTTP请求来发送事件数据，刚好适配页面加载的场景。

先把你的GA事件转成Img标签格式 #

你原来的事件代码：

ga('send','event', 'ATS','Application', 'Application Start',0,{'nonInteration':false});

对应的纯Img标签代码如下（记得替换里面的占位符）：

<img 
  src="https://www.google-analytics.com/collect?v=1&tid=UA-XXXXXX-X&cid=USER_UNIQUE_ID&t=event&ec=ATS&ea=Application&el=Application%20Start&ev=0&ni=0"
  alt="" 
  width="1" 
  height="1" 
  style="display: none;"
>

关键参数解释（对应你原来的事件） #

我帮你把每个参数和你原来的GA事件对应起来，方便你理解和修改：

• tid=UA-XXXXXX-X：必须替换成你的Google Analytics UA-ID（就是你GA账号里那个以UA开头的ID）
• cid=USER_UNIQUE_ID：用户唯一标识符，用来关联用户会话。如果你的系统能获取到用户的ID（比如登录后的用户ID），就替换成这个值；如果没有，建议在服务器端生成一个随机字符串（比如UUID），存在用户的会话或Cookie里（不需要JS，服务器端处理就行），这样GA能正确统计用户和会话数据
• t=event：固定值，表示这是一个事件追踪请求
• ec=ATS：对应你原来事件里的第一个参数ATS（事件类别）
• ea=Application：对应第二个参数Application（事件动作）
• el=Application%20Start：对应第三个参数Application Start（事件标签，空格要转成%20）
• ev=0：对应第四个参数0（事件值，必须是整数）
• ni=0：对应nonInteration:false，0表示这是一个交互事件，1则是非交互事件

使用注意事项 #

1. 把这个<img>标签直接放到页面的HTML里就行，页面加载时浏览器会自动请求这个URL，GA就会收到事件数据
2. 标签里的width="1" height="1" style="display: none;"是为了让图片完全不显示在页面上，不影响布局
3. 如果需要修改事件参数，直接调整src里对应的参数值就行（比如改事件类别就改ec的值）

这样设置好之后，你就可以在Google Analytics里创建对应的目标了，完全符合你的需求！

内容的提问来源于stack exchange，提问作者Digital SMRS