GTM部署GA默认代码

部署GA有两种方法,这里先是准备工作:

  1. 安装 Google 跟踪代码管理器

20180806103825.png

20180806103839.png

  1. 先去GA后台,找到跟踪 ID:例如我的ID是UA-84916808-1
  2. 找到全局网站代码:
<!-- Global site tag (gtag.js) - Google Analytics -->
<script async src="https://www.googletagmanager.com/gtag/js?id=UA-84916808-1"></script>
<script>
  window.dataLayer = window.dataLayer || [];
  function gtag(){dataLayer.push(arguments);}
  gtag('js', new Date());

  gtag('config', 'UA-84916808-1');
</script>

直接新建Universal Analytics类型

先新建变量,命名为ID,类型为常亮,把自己的ID填进去,后面会用到

20180806082442.png

20180806082634.png

新建代码,名称GA分析

20180806082814.png

20180806082922.png

20180806083037.png

变量类型选择Google Analytics(分析)设置

20180806083137.png

跟踪ID选择刚才建的ID变量

20180806083239.png

更多设置,这里我没有做任何设置

20180806083351.png

最后,触发设置为All Pages就可以了。

一切做完之后,点击提交就可以把代码发布上去了。

自定义HTML

新建代码,代码类型选择自定义HTML。

20180806083655.png

20180806083758.png

最后,触发设置为All Pages就可以了,然后点击提交,也是可以成功部署GA的。

两种部署GA代码,第二种明显比第一种简单一些,但是第一种可以配置更多,所以各有优缺点,不过还是推荐使用第一种部署方式,这样后期会更灵活。

最后,部署完之后,去GA后台看看实时数据,如果成功可以看到实时的数据,如果失败,请留言。

20180806084045.png

标签: GA, GTM

已有 3 条评论

  1. 是不是网站启用了SSL的原因,打开版面是乱的,没有样式。。

    1. 有可能,也可能是缓存?

  2. ssr ssr

    最近在研究这个,感觉博主写得很全。

添加新评论