目前有 439 位成員在線上
目前有 439 位成員在線上
GA提供許多進階設定幫助您進一步瞭解數據,您可以在這裏提問並且得到專家分析
使用指南
star_border
回覆

使用全局网站代码 (gtag.js)的事件跟踪设置怎么设置?

新手 ✭ ✭ ✭
# 1
新手 ✭ ✭ ✭

大家好。

公司最近开了一个网站,在设置按钮事件跟踪的时候用的是下面这个代码格式:

ga('send', 'event', [eventCategory], [eventAction], [eventLabel], [eventValue], [fieldsObject]);

 然后在网页中跟踪的时候提示说ga未定义。新的全局跟踪代码是这样的:

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

gtag('config', 'UA-XXXXXXXX-X');
</script>

 

是和新版本的跟踪代码有关吗?我需要如何进行按钮跟踪设置呢?另外还有表单提交(没有页面转跳的)以及邮箱链接的?

谢谢。

1 專家回覆verified_user
1 已接受解決方案

已接受解決方案
標記為最佳解答.
解決方案
由主題作者所接受 Pauline T
‎2017-10-23 10:59

回應: 使用全局网站代码 (gtag.js)的事件跟踪设置怎么设置?

解答王
# 2
解答王
您好,您的事件代碼是 analytics版本。 如果您的網站換成了 gtag.js 版本

代碼要改成
gtag('event', 'event_name', {
// Event parameters
'parameter_1': 'value_1',
'parameter_2': 'value_2',
// ...
});

請使用以下的文件設定
https://developers.google.com/analytics/devguides/collection/gtagjs/events

在原始文章中檢視解決方案

標記為最佳解答.
解決方案
由主題作者所接受 Pauline T
‎2017-10-23 10:59

回應: 使用全局网站代码 (gtag.js)的事件跟踪设置怎么设置?

解答王
# 2
解答王
您好,您的事件代碼是 analytics版本。 如果您的網站換成了 gtag.js 版本

代碼要改成
gtag('event', 'event_name', {
// Event parameters
'parameter_1': 'value_1',
'parameter_2': 'value_2',
// ...
});

請使用以下的文件設定
https://developers.google.com/analytics/devguides/collection/gtagjs/events

回應: 使用全局网站代码 (gtag.js)的事件跟踪设置怎么设置?

新手 ✭ ✭ ✭
# 3
新手 ✭ ✭ ✭
我又重新设置了一下,发现我的网站在GA后台的跟踪代码显示的是gtag.js的代码,网页中显示的/地址是www.google-analytics.com/analytics.js 。为什么网页中的不是以gtag.js呢?
还有gtag.js和analytics.js两种事件跟踪代码都试过了,都是gtag或者ga未定义。基本跟踪代码是通过添加插件关联的。可能会是哪里出问题了吗?

回應: 使用全局网站代码 (gtag.js)的事件跟踪设置怎么设置?

解答王
# 4
解答王
請問可以把您寫好的code 丟上來嗎?

這樣敘述,我不確定哪邊出問題。
Highlighted

回應: 使用全局网站代码 (gtag.js)的事件跟踪设置怎么设置?

[ 已編輯 ]
新手 ✭ ✭ ✭
# 5
新手 ✭ ✭ ✭

(1)

第一个是直接在按钮代码操作,

<input type="button" name="contact"

onclick="gtag('event', 'inquiry',{
'event_category':'product_inquiry'
});" value=.../>

加了红色部分的代码。

 

第二个是追踪邮箱链接的:

先在网页的<head>标签之间加了代码
<script>

var trackOutboundLink = function(url) {

gtag('event', 'click', {

    'event_category': 'outbound',

    'event_label': url,

    'transport_type': 'beacon',

    'event_callback': function(){

    document.location = url;}

   });

}

</script>

然后再邮箱的链接旁边加了以下的红色字段
<div class="top_email"><a href="mailto:<?php echo esc_attr($rd_data['rd_topbar_mail_text']); ?>" onclick="trackOutboundLink('<?php echo esc_attr($rd_data['rd_topbar_mail_text']); ?>'); return false;"><?php echo esc_html($rd_data['rd_topbar_mail_text']); ?></a></div>

 

最后的结果是两个地方都出现了gtag未定义。

是代码放置出错了吗?

 

(2)

还有谷歌analytics后台显示的跟踪代码是gtag.js版本的
QQ截图20171025105521.jpg

为什么网页代码显示的链接是链接到以analytics.js结尾的地址呢?
QQ截图20171025105733.jpg
不是应该是有一个gtag.js结尾的才对吗?