gTag使用实录

最新推荐文章于 2026-04-02 10:12:03 发布

原创最新推荐文章于 2026-04-02 10:12:03 发布 · 7.8k 阅读

7 ·

本内容遵循CC 4.0 BY-SA版权协议

收录于

前端专栏收录该内容

22 篇文章

订阅专栏

本文介绍了gTag.js，这是谷歌在2017年推出的新版谷歌分析代码，用于网页浏览数据统计。通过在HTML head中引入gTag.js，并设置跟踪ID，可以实现用户行为的监控。例如，当用户点击按钮时，会向Google发送数据。

gTag是谷歌（Google）在2017年9月推出的新的谷歌分析（GA / Google Analytics）监测代码，用来统计网页的浏览数据

gtag('event', '<event_name>', {<event_params>});

gtag.js API 由单个函数 (gtag()) 构成，其语法如下：

gtag(<command>, <command parameters>);

实现，用户没点击一次按钮就向Google发送一次数据。

首先，在head标签引入gTag.js

UA-****-1为跟踪ID，可以自己去申请

<!-- Global site tag (gtag.js) - Google Analytics -->
<script async src="https://www.googletagmanager.com/gtag/js?id=UA-****-1"></script>
<script>
    window.dataLayer = window.dataLayer || [];
    function gtag(){dataLayer.push(arguments);}
    gtag('js', new Date());
    gtag('config', 'UA-****-1');
</script>

DOM元素:

<button onclick="showEr('button1')">文本</button >

function showEr(str) {
      
        // gtag() 谷歌分析监测代码gTag，按钮每次点击按钮 向Google数据报告添加记录 事件名为click 记录值 为 str
        //正确用法如下:
        gtag('event','Btn Click',{//第二个参数为事件动作
             'event_category':'Click',//该字符串为事件类别
            'event_label':'被点击按钮',//事件标签
            'value':500,//事件价值
         })


    }

目前只用到了这个，其他的以后再收