5 html javascript google-analytics google-tag-manager enhanced-ecommerce
对于我的网站,我已经有了 GA 和 GTM。增强型电子商务已启用。从下图可以看出。
我也试过下面的代码。
<!DOCTYPE html>
<html lang="en" dir="ltr">
<head>
<!-- Google Tag Manager -->
<script>(function (w, d, s, l, i) {
w[l] = w[l] || [];
w[l].push(
{'gtm.start': new Date().getTime(), event: 'gtm.js'}
);
var f = d.getElementsByTagName(s)[0],
j = d.createElement(s), dl = l != 'dataLayer' ? '&l=' + l : '';
j.async = true;
j.src =
'https://www.googletagmanager.com/gtm.js?id=' + i + dl;
f.parentNode.insertBefore(j, f);
})(window, document, 'script', 'dataLayer', 'GTM-XXXXX');</script>
<!-- End Google Tag Manager -->
<!-- Google Tag Manager (noscript) -->
<noscript>
<iframe src="https://www.googletagmanager.com/ns.html?id=GTM-XXXXXX"
height="0" width="0" style="display:none;visibility:hidden"></iframe>
</noscript>
<!-- End Google Tag Manager (noscript) -->
</head>
<body>
<script>
window.dataLayer = window.dataLayer || [];
dataLayer.push({
"event": "addToCart",
"ecommerce": {
"currencyCode": "USD",
"add": {
"products": [{
"id": "57b9d",
"name": "Kiosk T-Shirt",
"price": "55.00",
"brand": "Kiosk",
"category": "T-Shirts",
"variant": "red",
"dimension1": "M",
"quantity": 1
}]
}
}
});
dataLayer.push({
'event' : 'purchase',
'transactionId': '1234',
'transactionAffiliation': 'Acme Clothing',
'transactionTotal': 38.26,
'transactionTax': 1.29,
'transactionShipping': 5,
'transactionProducts': [{
'sku': 'DD44',
'name': 'T-Shirt',
'category': 'Apparel',
'price': 11.99,
'quantity': 1
},{
'sku': 'AA1243544',
'name': 'Hat',
'category': 'Apparel',
'price': 9.99,
'quantity': 2
}]
});
ga('create', 'UA-XXXXXXX-4');
ga('require', 'ec');
ga('set', 'currencyCode', 'SGD');
ga('ec:addProduct', {
'id': 'P12345',
'name': 'Android Warhol T-Shirt - with UA 4',
'category': 'Apparel',
'brand': 'Google',
'variant': 'black',
'price': '29.20',
'quantity': 1
});
// Transaction level information is provided via an actionFieldObject.
ga('ec:setAction', 'purchase', {
'id': 'T12345',
'affiliation': 'Google Store - Online - with UA 4',
'revenue': '37.39',
'tax': '2.85',
'shipping': '5.34',
'coupon': 'SUMMER2013' // User added a coupon at checkout.
});
ga('send', 'pageview'); // Send transaction data with initial pageview.
</script>
</body>
</html>
Run Code Online (Sandbox Code Playgroud)
我关注了https://ga-dev-tools.appspot.com/enhanced-ecommerce/
尽管做了上述事情,但仍然没有显示任何结果。
我最初想跟踪两件事。
非常感谢上面的任何帮助。
谢谢
[更新]
我也遵循了以下教程。
所以我最新的测试代码现在是
<script>
var dataLayer = window.dataLayer || [];
dataLayer.push({
'event' : 'transaction',
'ecommerce': {
'purchase': {
'actionField': {
'id': 'T12345', // Transaction ID. Required for purchases and refunds.
'affiliation': 'Online Store',
'revenue': '35.43', // Total transaction value (incl. tax and shipping)
'tax':'4.90',
'shipping': '5.99',
'coupon': 'SUMMER_SALE'
},
'products': [{ // List of productFieldObjects.
'name': 'Triblend Android T-Shirt', // Name or ID is required.
'id': '12345',
'price': '15.25',
'brand': 'Google',
'category': 'Apparel',
'variant': 'Gray',
'quantity': 1,
'coupon': '' // Optional fields may be omitted or set to empty string.
},
{
'name': 'Donut Friday Scented T-Shirt',
'id': '67890',
'price': '33.75',
'brand': 'Google',
'category': 'Apparel',
'variant': 'Black',
'quantity': 1
}]
}
}
});
</script>
Run Code Online (Sandbox Code Playgroud)
第一期这里没有显示任何事件。
[最新更新]
我现在可以获取事件,但在电子商务概述中仍然是空白
一些东西:
即使现在似乎什么都不起作用,你也会有重复的跟踪,当事情发生时,你最终会得到重复的事件。您要么想使用 GTMdataLayer.push要么使用本机ga调用,但您不想同时使用这两者来跟踪购买情况。我的建议是将所有内容迁移到 GTM,因为它为您提供了更多控制权(即您可以扩展/编辑您的分析,而不必每次都更改源代码)。
GTM 购买语法错误:请参阅https://developers.google.com/tag-manager/enhanced-ecommerce#purchases获取语法示例,但请确保添加“event”键以便设置 GTM 触发器。
您没有向我们展示 GTM 代码是否正在触发:默认情况下,GTM 不会对您的数据执行任何操作。对于要发送到 GA 的数据,您需要配置触发器和标签。
使用 Chrome GA 调试器插件:https://chrome.google.com/webstore/detail/google-analytics-debugger/jnkmfdileelhofjcijamephohjechhna ?hl =en 。安装后,单击扩展图标以启用它并打开浏览器控制台:
请记住您可能安装的分析/cookie 阻止程序会阻止跟踪。