Warning: file_get_contents(/data/phpspider/zhask/data//catemap/3/html/71.json): failed to open stream: No such file or directory in /data/phpspider/zhask/libs/function.php on line 167

Warning: Invalid argument supplied for foreach() in /data/phpspider/zhask/libs/tag.function.php on line 1116

Notice: Undefined index: in /data/phpspider/zhask/libs/function.php on line 180

Warning: array_chunk() expects parameter 1 to be array, null given in /data/phpspider/zhask/libs/function.php on line 181
Javascript 谷歌分析/标签管理器-事件跟踪-I';我很困惑_Javascript_Html_Google Analytics_Google Tag Manager - Fatal编程技术网

Javascript 谷歌分析/标签管理器-事件跟踪-I';我很困惑

Javascript 谷歌分析/标签管理器-事件跟踪-I';我很困惑,javascript,html,google-analytics,google-tag-manager,Javascript,Html,Google Analytics,Google Tag Manager,我正在开发一个网页,并被要求仪器的后端记录用户点击链接。我发现谷歌分析,并认为这将提供所有的跟踪他们可能想要的。所以我建立了一个谷歌分析账户。在网页的开头,我添加了: <script> window.dataLayer = window.dataLayer || []; function gtag() { dataLayer.push(arguments); } gtag('js', new Date()); gtag('config', 'UA-MY

我正在开发一个网页,并被要求仪器的后端记录用户点击链接。我发现谷歌分析,并认为这将提供所有的跟踪他们可能想要的。所以我建立了一个谷歌分析账户。在网页的开头,我添加了:

<script>
    window.dataLayer = window.dataLayer || [];
    function gtag() { dataLayer.push(arguments); }
    gtag('js', new Date());
    gtag('config', 'UA-MYCODEXX-1');
</script>
从我所读到的来看,选项1似乎已经过时了。选项3似乎最符合我必须添加的脚本中的gtag代码。但我不确定这是否也需要订阅谷歌标签管理器? 我很难进行测试,因为系统管理员必须将我的网页和脚本部署到服务器上,而且目前响应速度不是很快。在我的电脑上本地运行网页时,我是否也可以测试此功能?
感谢

Gtag-是谷歌针对网络分析API的最新实现。它不需要谷歌双击就可以运行(但基于双击代码,因此如果您选择使用它,可以更轻松地进行集成)

要使用此方法跟踪链接,请执行以下操作:

function trackOutboundLink(link, category, action) {
    try {

       gtag('event', 'play', {
         'send_to': 'UA-MYCODEXX-1',
         'event_category': 'Videos',
         'event_label': 'Fall Campaign'
       });

    } catch (err) {
    }
    setTimeout(function () {
        document.location.href = link.href;
    }, 100);
}
有关此最新版本带来的差异(与您可能在web上找到的其他代码相比)的帮助,请参阅迁移指南。

至于调试-这里有一个用于分析的Chrome插件:


我以前已经成功地使用它调试本地事件,因为它将在控制台中提供一些输出

您的google analytics脚本是正确的,将其包含在头部是正确的

 <script>
    window.dataLayer = window.dataLayer || [];
    function gtag() { dataLayer.push(arguments); }
    gtag('js', new Date());
    gtag('config', 'UA-MYCODEXX-1');
</script>
测试这一点的最佳方法是登录到您的GA帐户,在左侧“报告”菜单下的这个特定属性上,您将找到Real Time。在“实时”下有“事件”选项卡

单击网站上的onClick事件应该会触发一个事件显示在事件选项卡中,如果您看到这种情况,您就知道您的事件正在触发。这可以通过本地PC进行测试


这也可以通过Tag Manager完成,但它是一个不同的设置过程

所以我应该用您提供的代码替换javascript函数中的gtag代码,而忽略注册google标记?事件是否为默认标记,因此不需要google标记?不,仅用我提供的内容替换trackOutboundLink中的选项1和选项2。i、 e您的选项3不正确。我已经更新了Reflectk的答案,我正在尝试,但当在我的PC上本地运行该网站时,google analytics似乎什么都没有发生(通过在chrome中打开index.html并单击链接)。我认为'send_to'参数也是可选的,对吗?“是基于双击代码”-我有理由相信你的意思是“基于Google标记管理器代码(相同的数据层架构等)根据我的经验,Google Tag Manager非常易于使用,可以在不必编写任何代码的情况下完成这类工作。我个人建议您查看一下。
function trackOutboundLink(link, category, action) {
    try {

       gtag('event', 'play', {
         'send_to': 'UA-MYCODEXX-1',
         'event_category': 'Videos',
         'event_label': 'Fall Campaign'
       });

    } catch (err) {
    }
    setTimeout(function () {
        document.location.href = link.href;
    }, 100);
}
 <script>
    window.dataLayer = window.dataLayer || [];
    function gtag() { dataLayer.push(arguments); }
    gtag('js', new Date());
    gtag('config', 'UA-MYCODEXX-1');
</script>
gtag('event', 'Title goes here', {'event_category': 'Category goes here','event_label': 'Label goes here'});