Google analytics 监控按钮点击次数

2017-11-01

Google analytics 监控按钮点击次数

需要条件

1.注册谷歌账号
2.拥有所管理的网站
3.网站中添加Google analytics的分析脚本。

网站

https://analytics.google.com/

https://tagmanager.google.com/

步骤

step1：登录谷歌账号进入谷歌分析网站网站

step2：通过网站进入GTM谷歌代码管理器界面

step3：点击所要监控的网站，进入GTM展示页面，点击GTM的预览模式。

step4：点击文件夹，展示监控的内容。良好的备注，可以有效的管理，防止长时间忘掉。

step5：在网站中，找到网站中所要监控的按钮或者链接。

step6：预览网站，查看是否有GTM调试器。如果没有，则通过第二，三步。打开GTM预览模式。

如果GTM预览模式开启。可以看到下图结果

step7：点击监控按钮获取监控信息

下图方便创建跟踪代码中使用。

step8：打开GTM管理器界面，找到文件夹，创建新的跟踪代码

step9：创建跟踪代码，填写信息。为了方便在Google analytics中查看

命名规则，如果是入驻商家。则命名为入驻商家-某商家名字
如果是达人，则命名为达人监控-达人名字-监控的事件。

step10：创建触发器。即做了什么事情的时候，会监控这个按钮。

具体对应信息，从下图对应页面中找到。

step11：保存跟踪代码，并且在界面中更新预览模式。

step12：查看是否监控成功

step13：刷新监控页面，查看触发器是否添加成功。如果没有成功。多次GTM的预览模式，或查看其他原因

step14：点击监控的按钮，查看按钮是否被监控成功。
点击按钮，查看是否被监控成功。如果点击按钮的时候，GTM.click显示跟踪代码，则代表监控成功。即可在google analytics中查看点击的次数。

缺失模块。
1、请确保node版本大于6.2
2、在博客根目录（注意不是yilia根目录）执行以下命令：
npm i hexo-generator-json-content --save

3、在根目录_config.yml里添加配置：

  jsonContent:
    meta: false
    pages: false
    posts:
      title: true
      date: true
      path: true
      text: false
      raw: false
      content: false
      slug: false
      updated: false
      comments: false
      link: false
      permalink: false
      excerpt: false
      categories: false
      tags: true

<iframe frameborder="no" border="0" marginwidth="0" marginheight="0" width=330 height=450 src="//music.163.com/outchain/player?type=0&id=74260934&auto=0&height=430"></iframe>