Google Analytics 4 的实时报告里显示城市分布数据

Google Analytics 4 Haran 7个月前 (07-27) 363次浏览 2个评论

这一篇介绍如何在Google Analytics 4实时报告里显示城市分布数据,最后的效果如:

Google Analytics 4 的实时报告里显示城市分布数据

 

设置的方式是在:在Google Analytics 4 中获取用户的IP的基础上去设置的。

实现原理

用js去通过第三方API查询获取得到用户的城市信息,然后将IP加密写入cookie,再通过GTM读取第一方cookie后用自定义维度去存储。

 

设置过程

自定义HTML

在GTM点击「代码」——「新建」——「选择一个代码类型以设置」——「自定义HTML」,然后具体配置如下:

Google Analytics 4 的实时报告里显示城市分布数据

 

源码:

<script type="application/javascript">
   $.get("https://ipinfo.io", function(response) {
             console.log("My public IP address is: ", response.ip);
          
     var cookieName= "ipnum";
     var cookieName2= "ipcity";
    var ipnumber  =response.ip;
     var ipcity  =response.city;
    var cookiePath  = "/";
 
    
    var expirationTime = 172800*15;                           
    expirationTime = expirationTime * 1000;
 
    var date = new Date();
    var dateTimeNow = date.getTime();
    date.setTime(dateTimeNow + expirationTime);
 
    var expirationTime = date.toUTCString();
 
    document.cookie = cookieName+"="+ipnumber+"; expires="+expirationTime+"; path="+cookiePath;
      document.cookie = cookieName2+"="+ipcity+"; expires="+expirationTime+"; path="+cookiePath;
        }, "json")
</script>



 

这个配置的作用通过自定html去从第三方API获取城市,并将IP写入cookie里面,cookie名为ipcity。

这个HTML需要在GA4的页面跟踪代码之前就触发,这样才能确保页面能够或得到IP,在GA4的页面跟踪代码的Tag里做如下设置:

Google Analytics 4 的实时报告里显示城市分布数据

 

第一方Cookie获取城市信息

GTM中点击「变量」——「新建」——「选择一个变量类型以设置」——「第一方cookie」,然后做如下配置:
Google Analytics 4 的实时报告里显示城市分布数据

这个配置的作用是将上一步写在Cookie的里的ipcity读入到GTM的变量,用变量City去存储它。

 

设置用户属性(用户级自定义维度)

在GTM中,找到GA4的基础配置,然后在「用户属性」里做如下设置:

Google Analytics 4 的实时报告里显示城市分布数据

这里就是GA4里设置自定义维度的,左边的媒体资源名称是可以自定义的,我这里定义为city。

 

GA4中注册参数

接下里就是在GA4中注册这个维度,这个维度才可以在GA4中使用。

在GA4中点击「配置」——「自定义配置」——「创建自定义维度」,然后做如下设置:

Google Analytics 4 的实时报告里显示城市分布数据

范围:要选择用户级别,这表示是用户级别的自订维度

用户属性:填city,就是你在GTM中「用户属性」里的媒体资源名称要一致。

 

GTM中预览调试

在GTM中点击「预览」,进入到调试状态后返回到Tag Assistant,找到GA4的基础代码配置,看city字段是否准确获取到城市:

Google Analytics 4 的实时报告里显示城市分布数据

 

GA4中验证数据

在GA4的实时报告中就可以看到:

Google Analytics 4 的实时报告里显示城市分布数据


如有疑问,可以在文章底部留言或邮件(haran.huang@ichdata.com) 我~
喜欢 (1)
发表我的评论
取消评论
表情 贴图 加粗 删除线 居中 斜体 签到

Hi,您需要填写昵称和邮箱!

  • 昵称 (必填)
  • 邮箱 (必填)
  • 网址
(2)个小伙伴在吐槽
  1. 您好 我在ga4对比城市数据发现和ads后台有很大的出入 比如ads没有投放india 相符的地理位置报告里 没有出现india 但是ga4的广告数据会显示来源有印度 哪个会更准一点?是因为有些用户切换vpn的问题吗
    supurple2023-11-22 19:34 回复 Mac OS X | Chrome 119.0.0.0
    • Haran
      如果苹果用户,开启了Private Relay option功能,会导致GA4获取的地理信息不准确,如他是美国,但GA4显示是英国。
      Haran2023-11-22 21:48 回复 Mac OS X | Chrome 119.0.0.0