请输入
菜单

关于设置 UET 的一切你需要知道的

本文将向您展示如何创建 UET 标签,将其添加到您的网站,修改它以实现高级跟踪和定向功能,以及解决您可能遇到的问题。

不知道UET是什么?请查看什么是 UET,它如何帮助我?

在使用转化跟踪或使用再营销列表定向受众之前,您需要在Microsoft Advertising中创建一个UET标签,然后将UET标签跟踪代码添加到您网站的每个页面。

  1. 从顶部菜单中,选择工具 > UET 标签

  2. 选择创建 UET 标签,然后输入一个名称。

  3. 可选:输入一个描述,帮助您以后识别 UET 标签。这可以与标签的用途或您的网站的名称或 URL 相关。

  4. 可选:取消选中启用 Microsoft 语义清晰复选框。了解更多关于 UET 和 Clarity 集成的信息。

  5. 选择保存

  6. 查看 UET 标签跟踪代码框中,选择复制下载电子邮件,然后关闭查看 UET 标签跟踪代码框。

您需要能够编辑您网站的代码,才能添加您的 UET 标签跟踪代码。如果您不确定如何编辑您网站的代码,请联系您的网站管理员。

创建 UET 标签后,下一步是将 UET 标签跟踪代码添加到您的网站。我们建议您或您的网站管理员将其添加到网站的每个页面的 head 或 body 部分。

在使用 UET 标签时,您有几种选择。您可以使用 JavaScript 将 UET 标签跟踪代码直接添加到您网站的代码中,或者使用第三方标签管理器。此外,如果您的网站是基于某个网站平台(例如 Shopify 或 WordPress)构建的,您可以使用该系统来添加您的 UET 标签。

您可以将 UET 标签跟踪代码添加到网页的 head 部分(在关闭 head 标签之前:“</head>”)或 body 部分(在关闭 body 标签之前:“</body>”)的任何位置。

直接将 UET 标签跟踪代码添加到您的网站
如果您已经复制了跟踪代码,或者有下载或电子邮件版本的代码,您可以准备将其粘贴到您的网站,并跳到第4步。
  1. 在左侧导航窗格中,选择转化跟踪,然后选择UET 标签(或者从页面顶部的全局菜单中,选择工具,然后选择UET 标签)。

  2. 在表格中,找到您想要使用的 UET 标签,并在Action列中选择View tag

  3. UET 标签跟踪代码框中,选择复制,然后选择完成

  4. 将 UET 标签跟踪代码粘贴到网站的每个页面,可以是 head 或 body 部分。 在图片中,UET 标签跟踪代码被粘贴在网页的 body 部分的顶部。

    UET 标签
使用标签管理器添加 UET 标签跟踪代码

标签管理器用动态标签替换静态标签,动态标签更容易实施和更新。动态标签是一个容器,一个小段代码,它允许你动态地将标签插入到你的网站中。你可以把容器标签看作是一个装着其他类型标签的桶。

UET 支持所有主要的标签管理系统。以下是已测试和支持的标签管理器的当前列表(以及链接到相关说明):

  • Google 标签管理器

  • Qubit Opentag

  • Tealium

  • Ensighten

  • Signal

  • Adobe 动态标签管理器

  • Adobe Launch

使用您的网站平台添加UET标签跟踪代码

UET设计为与所有主要的网站平台兼容。以下是目前已测试和支持的允许您安装UET标签的平台的列表(以及链接到说明):

  • BigCommerce

  • Shopify

  • WordPress.com

  • Wix

  • 要查看在网页正文中安装的JavaScript UET标签跟踪代码的示例,请访问此网页(仅英文),在网页上右键单击,然后根据您的浏览器选择查看源查看页面源代码

  • 当您的网页加载时,它会触发UET标签,导致一系列HTTP请求。最重要的请求是到"bat.bing"(看起来像"http://bat.bing.com/action/0?ti=..."的那个)。这个请求告诉Microsoft Advertising 用户访问您的网页的情况。您可以使用第三方工具,如Fiddler,来监控您的浏览器在网页加载时发出的所有请求。

在单页应用程序(SPA)网站上使用 UET 标签

单页应用程序(SPA)网站虽然常见,但很难进行跟踪。在SPA网站中,内容是动态加载的,没有发生典型的导航事件。从某种意义上说,页面只加载一次。但是,从分析和目标跟踪的角度来看,有必要将每次单独的导航视为一个新的页面加载。

了解您需要做什么才能在单页应用程序中启用 UET 标签

SPA网站必须使用JavaScript UET标签跟踪代码。如果您最近添加了您的UET跟踪代码,它可能已经默认启用了SPA跟踪功能。要验证,您可以检查您的标签片段是否包含以下加粗文本

<script> 
(function(w,d,t,r,u) {var f,n,i;w[u]=w[u]||[] ,f=function(){var o={ti:"TAG_ID_HERE", enableAutoSpaTracking: true}; o.q=w[u],w[u]=new UET(o),w[u].push("pageLoad")} ,n=d.createElement(t),n.src=r,n.async=1,n.onload=n .onreadystatechange=function() {var s=this.readyState;s &&s!=="loaded"&& s!=="complete"||(f(),n.onload=n. onreadystatechange=null)},i= d.getElementsByTagName(t)[0],i. parentNode.insertBefore(n,i)})(window,document,"script"," //bat.bing.com/bat.js","uetq");
</script>


如果您的标签片段不包含上述参数,而您想要使用自动 SPA 跟踪功能,您可以访问 Microsoft Advertising UI,并获取默认启用了上述行为的新事件片段。然后,您可以更新您的网站,使用新的片段。

如果您已经手动跟踪了SPA页面浏览,您可能想要禁用这种行为。要这样做,您需要在您的标签片段中将enableAutoSpaTracking参数的值改为false。如果您的网站不使用浏览器历史状态进行导航,您也可能想要禁用这个功能,但如果您不确定,我们建议您保持开启状态。

有关手动跟踪SPA页面浏览量的旧版说明,请参阅下文:

SPA事件使用与自定义事件相同的语法触发,动作为'page_view',并且需要一个'page_path'参数('page_title'可选)。参数'page_path'必须以'/'开头。示例:

window.uetq = window.uetq || []; 
window.uetq.push('event', 'page_view', { 'page_path': '/spa_page' });

如果您发送的是页面浏览事件,您需要确保您没有任何自定义事件转化目标或再营销列表,它们的“事件操作”参数设置为“页面浏览”。

这里有三种不同的触发SPA事件的方法。请注意,我们建议使用第一种方法。对于每个选项,我们都有一个示例网页,您可以访问以查看适当的代码。

  • 内容变化:每当您的应用程序加载动态内容时,触发一个SPA事件。在这种情况下,第一次加载时会自动发送真实的URL作为一个标准的pageLoad事件。您可以在您的目标中使用这个URL,并且在第一个页面上触发的任何自定义事件都会与它相关联。每个SPA事件都会生成一个带有SPA URL的pageLoad事件,这个URL不需要是一个可加载的路径。您也可以在您的目标中引用这些URL。在SPA事件之后触发的任何自定义事件只会与SPA pageLoad相关联(换句话说,不是原始的URL)。

    • 访问我们的示例“内容变化”网页,查看这段代码的效果。

  • 所有页面:在所有页面上触发SPA事件,包括初始加载。这种情况与前面的情况相同,只是没有使用自动pageLoad事件。因为它仍然会触发,所以重要的是要对你的事件进行排序,使SPA事件在任何其他自定义事件之前触发。如果它们触发的顺序不正确,一些或所有事件可能会与自动pageLoad事件(和原始URL)相关联,而不是SPA pageLoad事件(和包含page_path的SPA URL)。

    • 访问我们的示例“所有页面”网页,查看这段代码的效果。

  • 所有页面,自动禁用:在所有页面上触发一个SPA事件,并且额外禁用自动页面加载。这可以通过在初始化参数中添加'disableAutoPageView: true'来实现(注意:不要直接修改代码片段来禁用)。这与前面的场景相同,但是去掉了SPA事件必须在初始页面加载时首先触发的要求。然而,后续的SPA事件仍然需要在与它们相关的任何自定义事件之前触发(否则它们将被归属于前一个SPA事件)。

    • 访问我们的示例“所有页面,自动禁用”网页,以查看这段代码的效果。

 

上一个
什么是 UET,它如何帮助我?
下一个
关于设置 UET 的一切你需要知道的
最近修改: 2024-03-02Powered by