带认证及中间网关页的Google Analytics跨域跟踪方案问询

现有架构完全可以实现正常的跨域跟踪与流量来源统计，无需在identify、auth页面部署gtag代码。

优先推荐方案：同根域Cookie共享（适配当前场景） #

当前所有涉及跳转的域名均为mypage.com的子域，可通过根域Cookie实现GA数据自动共享：

• 在落地页mypage.com初始化gtag时，指定Cookie存储域为根域，配置代码如下：

  gtag('config', '你的GA媒体ID', {
    cookie_domain: '.mypage.com',
    cookie_flags: 'SameSite=Lax; Secure'
  })
  

• 配置完成后，GA生成的用户Client ID、会话对应的UTM流量来源参数都会自动存储在.mypage.com根域Cookie下，中间页即使不部署gtag代码也不会删除或修改该Cookie
• 在parent.mypage.com初始化gtag时，添加完全相同的cookie_domain根域配置，gtag会自动读取根域下的GA相关Cookie，自动关联用户身份与流量来源，上报的注册事件会自动关联最初的流量渠道。

备选方案：URL参数透传 #

如果无法配置根域Cookie，可通过参数透传实现：

• 在落地页mypage.com的「开始试用」按钮点击事件中，先通过gtag接口获取当前用户的Client ID，同时提取当前页面所有UTM参数、GA跨域参数
  获取Client ID代码：

  gtag('get', '你的GA媒体ID', 'client_id', (clientId) => {
    // 此处执行跳转链接拼接逻辑
  })
  

• 将上述所有参数拼接至identify.mypage.com的跳转链接中
• 配置identify、auth页的跳转逻辑，将链接携带的所有自定义参数原样透传至后续跳转地址，最终注册完成跳转parent.mypage.com时保留所有参数
• 在parent.mypage.com中读取URL携带的Client ID、UTM参数，手动赋值给GA实例后再上报注册事件，示例代码：

  gtag('config', '你的GA媒体ID', {
    client_id: '从URL读取的Client ID值',
    campaign_source: '从URL读取的utm_source值',
    campaign_medium: '从URL读取的utm_medium值',
    campaign_name: '从URL读取的utm_campaign值'
  })
  

• 同根域Cookie方案实现成本最低，仅需修改落地页、parent页的gtag配置，无需调整中间页业务逻辑
• 使用URL参数透传方案时，需对参数值做URL编码，避免特殊字符导致参数截断
• 两种方案均不需要在identify、auth页面部署任何gtag相关代码

内容的提问来源于stack exchange，提问作者Jouni Salo