本文介绍了如何使用 Google 跟踪代码管理器手动设置增强型转化,还介绍了如何解决在验证和实现过程中可能会遇到的一些常见问题。您可以详细了解增强型转化的运作方式。
准备工作
请确保您已使用 Google 跟踪代码管理器设置了 Floodlight 跟踪。
- 明确转化跟踪代码在哪个转化页网址上触发(例如,确认页面的网址),以及作为触发条件的具体转化事件(例如,点击某个按钮或浏览某个网页)。
- 确保触发转化跟踪代码的网页上有第一方客户数据(电子邮件地址、全名及住址和/或电话号码)。
- 由于此流程需要了解您网站上的转化跟踪是如何设置的,还需要对代码进行一些更改。因此,请确保您在必要时可与开发团队沟通。
- 确保您已在 Campaign Manager 360 账号中查看 Google 的客户数据政策,且已同意增强型转化功能的服务条款和政策。不妨详细了解如何在 Campaign Manager 360 中启用增强型转化。
在接受服务条款之前,请确保您已在要用于增强型转化的 Google 跟踪代码管理器容器中设置转化跟踪代码,否则可能无法为增强型转化正常启用您的容器。
使用 Google 跟踪代码管理器手动设置增强型转化
如果您目前在用 Google 跟踪代码管理器跟踪转化,只需对配置稍做更改即可实现增强型转化功能。
在 Google 跟踪代码管理器中,您可以通过以下 3 种主要方式实现增强型转化功能:
- 将“手动配置”与 CSS 选择器或现有数据层变量搭配使用。无需更改转化页上的代码。(建议在“自动”选项不可用时使用。)
- 这是通过 Google 跟踪代码管理器实现增强型转化功能的最简单方法,因为此方法通常不需要更改网页上的代码,只要您的转化页上有相应客户数据(如电子邮件地址)就可以。
- 如果您经常更改网站代码,特别是转化页上的格式设置或 CSS 选择器,则不妨考虑改用数据层变量或“代码”选项(见下文),因为更改网站格式设置可能会影响 CSS 选择器方法的运作。
- 使用“代码”方法依靠单个数据对象发送所有数据(这可能需要更改网页上的代码)。
- 只要在转化页中通过全局 JavaScript 变量指定了您希望在增强型转化跟踪代码中传递的客户数据(例如电子邮件地址、电话号码等),您就可以借助 JavaScript 变量,在转化页中以单个数据对象的形式实现增强型转化功能。
- 如果您更喜欢使用 JavaScript 变量传递信息,或者转化页上没有客户数据(例如,客户数据在转化路径中较早的页面上,需要传递到转化页),则这种方法就很实用。此外,如果您经常更改网站上的格式设置,最好也选择这种方法,因为这种方法更能适应代码更改。
- 使用“自动收集”功能(如果可用)。
- 为了取得最佳效果,Google 建议采用上述手动方式中的一种,但如果您无法使用手动实现方式,则可以采用简单快捷的自动实现方式。
在转化页中查找增强型转化变量
- 使用 Chrome 浏览器前往转化页。
- 在哪个网页上使用您的现有转化跟踪代码来跟踪您想要通过增强型转化功能衡量的转化(例如在网页 A 中完成的购买),哪个网页就是转化页。如果您不确定是哪个网页,请与开发者联系,然后确定您希望将该网页上显示的哪些客户数据发送给 Google(例如,在客户完成购买后,该网页上可能会显示一条致谢消息,并包含客户的电子邮件地址)。
- 为使增强型转化功能正常运行,您需要至少提供以下字段中的一个:
- 电子邮件地址(首选)
- 地址(如果您选择使用这类数据,则必须提供名字、姓氏、邮政编码和国家/地区)
- (可选)也可以随电子邮件地址或随全名及地址提供电话号码,但不能只提供电话号码
- 找出该网页上的客户数据后,您需要复制 CSS 选择器并将其输入到 Google 跟踪代码管理器中(如果有现成的数据层变量,也可以使用这些变量)。这样可确保您的增强型转化跟踪代码知道要对哪些数据进行哈希处理并发送给 Google。请务必使转化页所在的标签页保持打开状态。
在 Google 跟踪代码管理器中启用增强型转化
在一个单独的标签页中,打开 Google 跟踪代码管理器。
- 登录您的 Google 跟踪代码管理器账号。
- 点击工作区,然后点击导航菜单中的代码。
- 选择要在实现增强型转化功能时使用的 Floodlight 跟踪代码,并修改该代码。
- 点击包括用户在您网站中提供的数据。
- 在“选择用户提供的数据变量”下拉菜单中,点击新建变量。
- 选择“手动配置(推荐)”。
- 如果您想使用自定义 JavaScript 或其他数据对象通过 Google 跟踪代码管理器发送数据,也可以选择“代码”。这种方法需要以特定方式设置数据格式,因此,如果您想选用这种方法,请参阅下文中的“代码”方法操作说明。您可以在页面顶部看到“用户提供的数据”,随后是您可以添加到增强型转化跟踪代码中的所有客户数据。
- 对于您希望通过增强型转化提供的相关用户数据字段,请点击下拉菜单,然后选择“新建变量”。
- 如果您的数据层中已有未经过哈希处理的变量(无论使用的是 CSS 选择器还是其他变量类型),您可以选择这些变量,无需创建新变量。如果您不确定,请继续按照说明操作。
- 在“变量配置”屏幕上,选择“选择变量类型”以开始设置。
- 在“选择变量类型”屏幕上,选择“DOM 元素”,然后将“变量配置”屏幕的下拉菜单中的“选择方法”更改为“CSS 选择器”。
- 为变量指定标题。
- 在“元素选择器”输入字段中输入引用用户数据的 CSS 选择器(请参阅下文,了解如何查找 CSS 选择器)。您可以将“属性名称”字段留空(下文对此有更详细的介绍)。
接下来,您将了解如何从转化页上复制 CSS 选择器,然后将其粘贴到增强型转化变量中,因此请务必使该转化页所在的标签页保持打开状态。
找出增强型转化 CSS 选择器并输入到 Google 跟踪代码管理器
- 返回转化页所在的标签页(但请勿关闭 Google 跟踪代码管理器)。
- 右键点击您想通过增强型转化发送的相应客户数据,然后选择“检查”,以在您的 Chrome 浏览器中启动 Chrome 开发者工具。
- 例如,如果您希望捕获电子邮件地址,请右键点击转化页上显示的电子邮件地址。
- 在“Chrome 开发者工具”页面上的源代码中,您会看到代码的一部分突出显示。这部分代码是页面元素,您需要在这些元素中提取您右键点击的客户数据的 CSS 选择器。
- 将光标悬停在突出显示的代码上,然后右键点击。
- 向下滚动到“Copy”,然后选择“Copy Selector”。
- 将相应文本粘贴到 Google 跟踪代码管理器的“元素选择器”字段。
- 文本将如下所示:
tsf > div:nth-child(2) > div.A8SBwf > div.RNNXgb > div > div.a4bIc > custEmail
- 文本将如下所示:
- 点击保存。
对每项客户数据(电子邮件地址、姓名和所在地址等)重复执行第 2-8 步。
在 Google 跟踪代码管理器中使用“代码”设置增强型转化
识别并指定增强型转化变量
首先,确保 Floodlight 转化跟踪代码触发所在的转化页上有您需要的变量(例如,电子邮件地址、地址和电话号码)。购买、注册及其他类似转化类型对应的转化页一般都符合条件,此类页面需要用到客户数据。如果您不确定,请与开发者联系。
确认转化页可提供客户数据后,您需要以 JavaScript 全局变量的形式存储网页上的这类数据,以供增强型转化跟踪代码(我们将在下一部分介绍)使用。
必须至少提供以下字段中的一个:
- 电子邮件地址(首选)
- 地址(必须提供名字、姓氏、邮政编码和国家/地区)。此外,您可以选择提供街道地址、城市和地区作为额外的匹配键
- 还可以随电子邮件地址或随全名及地址提供电话号码
下表列出了有关您可指定的客户数据变量的详细信息。您可以随意为这些变量命名。“键名”列指明了如何在增强型转化跟踪代码中引用变量。请注意,所有数据都应以字符串类型变量的形式传递,在指定姓名和地址时,请将各个组成部分分别指定为一个变量(如名字、姓氏等)。
数据字段 | 键名(在以下自定义 JavaScript 变量中) | 说明 |
---|---|---|
电子邮件地址 | email |
用户的电子邮件地址 |
电话号码 | phone_number |
用户的电话号码。跟踪代码会移除号码中的符号和短划线,但其中必须包含国家/地区代码 |
名字 | address.first_name |
用户的名字。示例:“小明” |
姓氏 | address.last_name |
用户的姓氏。示例:“王” |
街道地址 | address.street |
用户所在的街道地址。示例:“南京东路 19 号” |
城市 | address.city |
用户所在城市的名称。示例:“上海” |
地区 | address.region |
用户所在的省/直辖市/自治区、州或地区。示例:“加利福尼亚”或“CA” |
邮政编码 | address.postal_code |
用户的邮政编码(仅支持 5 位数版本)。示例:“12345” |
国家/地区 | address.country |
用户的国家/地区代码。示例:“CN”。请根据 ISO 3166-1 alpha-2 标准使用由两个字母组成的国家/地区代码 |
您需要在 Google 跟踪代码管理器中启用增强型转化,并引用您按照以下步骤创建的客户数据变量。
在 Google 跟踪代码管理器中启用增强型转化,并创建自定义 JavaScript 变量
- 登录您的 Google 跟踪代码管理器账号。
- 点击工作区,然后点击导航菜单中的代码。
- 选择您希望用于实现增强型转化的 Floodlight 转化跟踪代码,并修改该代码。
- 如果您尚未在 Google 跟踪代码管理器账号中设置 Floodlight 转化跟踪代码,请参阅 Google 的 Floodlight 指南。
- 点击包括用户在您网站中提供的数据。
- 点击选择用户提供的数据变量,然后选择新建变量。
- 在新的“用户提供的数据变量”中,选择底部的代码。
- 在“选择变量类型”下,选择自定义 JavaScript。
- 将以下代码复制到自定义 JavaScript 变量:
function () {
return {
"email": yourEmailVariable , // 将 yourEmailVariable 替换为用于捕获用户电子邮件地址的变量名
"phone_number": yourPhoneVariable , // 对 yourPhoneVariable 和以下变量名重复上述步骤
"address": {
"first_name": yourFirstNameVariable
"last_name": yourLastNameVariable ,
"street": yourStreetAddressVariable ,
"city": yourCityVariable ,
"region": yourRegionVariable ,
"postal_code": yourPostalCodeVariable ,
"country": yourCountryVariable
}
}
}
- 对于上述代码中的每种客户数据,请将占位符变量(如
yourEmailVariable
)替换为转化页上包含相应客户数据的全局 JavaScript 变量的名称。- 请注意,必须至少提供以下字段中的一个:
- 电子邮件地址(首选)
- 地址(必须提供名字、姓氏、邮政编码、国家/地区)
- 电话号码(除提供上述两种信息中的一种外,还必须提供该信息)
- 如果您的网站不收集上述某个字段的数据,请彻底移除该字段,而不要将其留空。
- 例如,如果某网站仅收集电子邮件地址和电话号码,则创建一个如下所示的自定义 JavaScript 变量:
function () {
return {
"email": yourEmailVariable ,
"phone_number": yourPhoneVariable
}
}
- 例如,如果某网站仅收集电子邮件地址和电话号码,则创建一个如下所示的自定义 JavaScript 变量:
- 请注意,必须至少提供以下字段中的一个:
- 点击保存。
您现已为转化操作设置增强型转化。接下来要验证它是否正常运行。转到下面的“验证您的实现效果”部分。
验证您的实现效果
如需验证增强型转化实现是否按预期运行,应使用 Google 跟踪代码管理器的预览和调试模式来验证您的增强型转化。首先,启用预览和调试模式,然后前往转化页。在 Google 跟踪代码管理器中,点击您的 Floodlight 代码,然后点击“变量”标签页。您可以在增强型转化对象中看到发送的数据。如果您没有看到增强型转化对象,或者该对象为空,表示您的实现存在错误。请查看实现说明,确保您已正确实现增强型转化。
常见问题
如果无法验证增强型转化的实现效果,应再次查看设置操作说明,确保已完成所有必要步骤。如果问题仍然没有得到解决,可参考下方的列表,其中列出了您在实现增强型转化过程中可能会遇到的问题的常见原因。