关键可以是你喜欢的任何东西。假设在文章加载时该信息应该可用,您可以从页面代码或使用窗口加载页面视图触发器从 GTM 中的自定义 HTML 标记将信息推送到 dataLayer。
<script>
// Example of getting the read time value from a
// DOM element with a class "read-time"
var readTime = document.querySelector('.read-time').innerText;
dataLayer.push({
// Give an event name so that we know exactly when
// the data becomes available in the dataLayer.
event: "Article Viewed",
// Add the data
article: {
readTime: readTime,
title: "How to write a blog post",
// other useful article-related properties
}
});
</script>
当您的 dataLayer 推送成功后,您可以在 GTM 中添加一个 dataLayer 变量,以使读取时间可用于其他标签。我的代码示例中的 dataLayer 键是article.readTime
.
要将此值作为自定义维度发送到 GA:
- 向 GA 添加自定义维度。将范围设置为“命中”并记下索引以备后用。
- 在 GTM 中,添加 Universal Analytics 代码并将“跟踪类型”设置为事件。“事件类别”可以是“文章”,“事件操作”可以是“文章查看”,“事件标签”可以是页面 URL 或页面路径的 GTM 内置变量。
- 这很重要:将“非交互命中”设置为“真”。
- “Google Analytics 设置”应该是您的 GA 设置变量。选中“在此标记中启用覆盖设置”框。展开“更多设置”和“自定义维度”。
- 单击“添加自定义维度”并输入您为此在 GA 中定义的自定义维度的索引。然后,在值字段中,将 dataLayer 变量放入读取时间。
- 添加“事件”类型的触发器。在“事件名称”字段中,输入您的数据层推送的事件名称(在我的示例中为“已查看文章”)。保存触发器并确保它已添加到代码中。
- 保存标签并在预览模式下测试它。