9.3配置Google标签管理器变量

转到https://tagmanager.google.com/ 并使用 您的个人登录详细信息登录。

在创建和配置Google Analytics标记后,我们现在可以配置Google标签管理器变量(如我们在Adobe启动中使用的数据元素)。

在Google标签管理器UI中,转至“变 量”。 您将看到内置变量的列表。

Google标签管理器设置

我们需要添加的第一个变量称为 customerEmail。 当客户在Platform Demo网站上创建用户档案时,我们将客户的电子邮件地址与其在Platform中的客户用户档案相链接。
在平台演示网站中,信息通常存储在localStorage中。 要访问该变量,我们需要一个自定义Javascript来填充Google标签管理器变量。

在“用 户定义的变量 -”部分,单击 新建:

Google标签管理器设置

Google标签管理器设置

首先将“无标题变量”重命名为更具描述性的名称:

无标题变量
customerEmail

然后,在“配置”(Configuration)部件中单击,这允许您选择变量类型。

Google标签管理器设置

选这个。

变量类型
自定义Javascript

Google标签管理器设置

这是要在下面的屏幕中输入的自定义代码:

function() {
  var email = localStorage.getItem("email");
  return email;
}

因此,粘贴代码后,您的屏幕将显示为这样。
Google标签管理器设置

单击 保存 ,以保存新的变量。

Google标签管理器设置

您的屏幕将如此。

Google标签管理器设置

对于下一个变量,您将重复此过程:

  • 在“用 户定义的变量 ”部分,单 击新建
  • 重命名 Untitled Variable
  • 择自定义 JavaScript作为配置类型
  • 粘贴Java-Script代码
  • 单击 保存 ,以保存新的变量。

下一个变量将是 customerMobileNr。 当客户在Platform Demo网站上创建用户档案时,我们将客户的移动号码与其在Platform中的客户用户档案相关联。

在“用 户定义的变量 -”部分,单击 新建

  • 重命名 Untitled VariablecustomerMobileNr
  • 选择自 定义Javascript 作为变量类型
  • 粘贴此自定义JavaScript代码:
function() {
  var mobilenr = localStorage.getItem("mobilenr");
  return mobilenr;
}

您的屏幕应当如此。

Google标签管理器设置

单击 保存 ,以保存新的变量。

Google标签管理器设置

下一个变量将是 customerFirstName。 当客户在Platform Demo网站上创建用户档案时,我们将将客户的名字与其在Platform中的客户用户档案相关联。

在“用 户定义的变量 -”部分,单击 新建

  • 重命名 Untitled VariablecustomerFirstName
  • 选择自 定义Javascript 作为变量类型
  • 粘贴此自定义JavaScript代码:
function() {
  var firstname = localStorage.getItem("firstname");
  return firstname;
}

您的屏幕应当如此。

Google标签管理器设置

单击 保存 ,以保存新的变量。

Google标签管理器设置

下一步: customerLastName. 当客户在Platform Demo网站上创建用户档案时,我们将将客户的姓与其在Platform中的客户用户档案关联。

在“用 户定义的变量 -”部分,单击 新建

  • 重命名 Untitled VariablecustomerLastName
  • 选择自 定义Javascript 作为变量类型
  • 粘贴此自定义JavaScript代码:
function() {
  var lastname = localStorage.getItem("lastname");
  return lastname;
}

您的屏幕应当如此。

Google标签管理器设置

单击 保存 ,以保存新的变量。

Google标签管理器设置

下一步: aepTenantId. 当客户在Platform Demo网站上创建用户档案时,我们将将客户的姓与其在Platform中的客户用户档案关联。

在“用 户定义的变量 -”部分,单击 新建

  • 重命名 Untitled VariableaepTenantId
  • 选择自 定义Javascript 作为变量类型
  • 粘贴此自定义JavaScript代码:
function() {
  var aepTenantId = localStorage.getItem("aepTenantId");
  return aepTenantId;
}

您的屏幕应当如此。

Google标签管理器设置

单击 保存 ,以保存新的变量。

Google标签管理器设置

下一步: customerLoggedIn. 当客户登录到平台演示网站时,我们将此变量设置为“是”,并在启动规则配置中使用该条件。

在“用 户定义的变量 -”部分,单击 新建

  • 重命名 Untitled VariablecustomerLoggedIn
  • 选择自 定义Javascript 作为变量类型
  • 粘贴此自定义JavaScript代码:
function() {
  var loggedin = localStorage.getItem("loggedin");
  return loggedin;
}

您的屏幕应当如此。
Google标签管理器设置

单击 保存 ,以保存新的变量。

Google标签管理器设置

下一步: brandName. 当您从“管理员”-菜单中选择要 演示的 品牌时,品牌名称将发送至Adobe Experience Platform。

在“用 户定义的变量 -”部分,单击 新建

  • 重命名 Untitled VariablebrandName
  • 选择自 定义Javascript 作为变量类型
  • 粘贴此自定义JavaScript代码:
function() {
  var brandName = localStorage.getItem("brandName");
  return brandName;
}

您的屏幕应当如此。
Google标签管理器设置

单击 保存 ,以保存新的变量。

Google标签管理器设置

下一个变量将在同一过程中创建,但使用的代码略有不同。

我们需要的下一个变量称为 productProductView。 客户视图产品时,此变量将存储产品视图信息。

在“用 户定义的变量 -”部分,单击 新建

  • 重命名 Untitled VariableproductProductView
  • 选择自 定义Javascript 作为变量类型
  • 粘贴此自定义JavaScript代码:
function() {
  var productview = JSON.parse(localStorage.getItem("thisProductView"));
  return productview;
}

您的屏幕应当如此。

Google标签管理器设置

单击 保存 ,以保存新的变量。

Google标签管理器设置

下一个变量被调用 return1。 我们将根据需要使用此变量返回1的数字值。

在“用 户定义的变量 -”部分,单击 新建

  • 重命名 Untitled Variablereturn1
  • 选择自 定义Javascript 作为变量类型
  • 粘贴此自定义JavaScript代码:
function() {
  return 1;
}

您的屏幕应当如此。

Google标签管理器设置

单击 保存 ,以保存新的变量。

Google标签管理器设置

如果我们使用Adobe应用程序,就必须捕获ECID。 由于我们将展示,我们还可以通过仅 使用Google的平台 ,来存储来自Google Analytics的唯一Google标识符。 我们将为此变量指定客户端id的值。

下一个变量被调用 gaClientId。 我们将使用此变量作为所有Google Analytics数据的密钥。

在“用 户定义的变量 -”部分,单击 新建

  • 择第一方Cookie 作为变量类型

Google标签管理器设置

  • _ga 作Cookie名称

Google标签管理器设置

单击 保存 ,以保存新的变量。

Google标签管理器设置

下一步: pageTimeStamp. 我们需要每次呼叫平台时都有一个唯一的时间戳。

在“用 户定义的变量 -”部分,单击 新建

  • 重命名 Untitled VariablepageTimeStamp
  • 选择自 定义Javascript 作为变量类型
  • 粘贴此自定义JavaScript代码:
function() {
var date = new Date();

var month = date.getUTCMonth();
var day = date.getUTCDate();
var hour = date.getUTCHours();
var min = date.getUTCMinutes();
var sec = date.getUTCSeconds();

month = (month < 9 ? "0" : "") + (month+1);
day = (day < 10 ? "0" : "") + day;
hour = (hour < 10 ? "0" : "") + hour;
min = (min < 10 ? "0" : "") + min;
sec = (sec < 10 ? "0" : "") + sec;

var str = date.getFullYear() + "-" + month + "-" + day + "T" +  hour + ":" + min + ":" + sec + ".000Z";

return str;
}

Google标签管理器设置

单击 保存 ,以保存新的变量。

Google标签管理器设置

下一步: pageHitId. 每次拨叫平台时,我们都需要一个唯一的HitId。

在“用 户定义的变量 -”部分,单击 新建

  • 重命名 Untitled VariablepageHitId
  • 选择自 定义Javascript 作为变量类型
  • 粘贴此自定义JavaScript代码:
function() {
  var min = 111111111;
  var max = 9999999999999;
  var randomNumber = Math.random() * (max - min) + min;
  return String(randomNumber);
}

Google标签管理器设置

保存您的代码片段,然后再次 单击 “保存”以保存您的变量配置。

Google标签管理器设置

接下来,我们将通过引用JavaScript对象来捕获一些在Google Tag Manager中可用且无需自定义代码的变量。

为此,请执行以下四个步骤:

在“用 户定义的变量 -”部分,单击 新建

  • 重命名 Untitled Variable
  • 选择 JavaScript变量 ,作为变量类型
  • 输入JavaScript变量名称
  • 单击 保存 ,以保存新的变量。

第一: customerLanguage. 我们将从浏览器设置中获取客户首选的语言。

在“用 户定义的变量 -”部分,单击 新建

  • 将重命 Untitled Variable 名为 customerLanguage
  • 选择“ JavaScript变量 ”作为变量类型。

Google标签管理器设置

  • Enter the JavaScript Variable name: navigator.language.
    您的屏幕现在应当如下:

Google标签管理器设置

  • 单击 保存 ,以保存新的变量。

Google标签管理器设置

下一步: pageType. 每次加载新页面时,我们都需要捕获页面类型。

在“用 户定义的变量 -”部分,单击 新建

  • 将重命 Untitled Variable 名为 pageType
  • 选择“ JavaScript变量 ”作为变量类型。
  • Enter the JavaScript Variable name: digitalData.category.siteSection.

您的屏幕现在应当如下:Google标签管理器设置

  • 单击 保存 ,以保存新的变量。

Google标签管理器设置

下一步: productCategory. 对于每个产品视图,我们需要捕获产品的类别并将其发送到平台。

在“用 户定义的变量 -”部分,单击 新建

  • 将重命 Untitled Variable 名为 productCategory
  • 选择“ JavaScript变量 ”作为变量类型。
  • Enter the JavaScript Variable name: digitalData.product.category.

您的屏幕现在应当如下:Google标签管理器设置

  • 单击 保存 ,以保存新的变量。

Google标签管理器设置

下一步: productName. 对于每个产品视图,我们需要捕获产品的名称并将其发送到平台。

在“用 户定义的变量 -”部分,单击 新建

  • 将重命 Untitled Variable 名为 productName
  • 选择“ JavaScript变量 ”作为变量类型。
  • Enter the JavaScript Variable name: digitalData.product.name.

您的屏幕现在应当如下:Google标签管理器设置

  • 单击 保存 ,以保存新的变量。

Google标签管理器设置

下一步: productPrice. 对于每个产品视图,我们都需要捕获产品的价格并将其发送到平台。

在“用 户定义的变量 -”部分,单击 新建

  • 将重命 Untitled Variable 名为 productPrice
  • 选择“ 自定义Javascript ”作为变量类型。
  • 通过粘贴以下代码输入自定义javascript:
function() {
  var price = Number(digitalData.product.price);
  return price;
}

您的屏幕现在应当如下:Google标签管理器设置

  • 单击 保存 ,以保存新的变量。

Google标签管理器设置

下一步: productImageUrl. 对于每个产品视图,我们需要捕获产品的图像URL并将其发送到平台。

在“用 户定义的变量 -”部分,单击 新建

  • 将重命 Untitled Variable 名为 productImageUrl
  • 选择“ JavaScript变量 ”作为变量类型。
  • Enter the JavaScript Variable name: digitalData.product.imageUrl.

您的屏幕现在应当如下:Google标签管理器设置

  • 单击 保存 ,以保存新的变量。

Google标签管理器设置

下一步: productInteraction. 对于每个产品视图,我们需要捕获交互类型(视图、添加到购物车、购买等)并将其发送到平台。

在“用 户定义的变量 -”部分,单击 新建

  • 将重命 Untitled Variable 名为 productInteraction
  • 选择“ JavaScript变量 ”作为变量类型。
  • Enter the JavaScript Variable name: digitalData.product.interaction.

您的屏幕现在应当如下:Google标签管理器设置

  • 单击 保存 ,以保存新的变量。

Google标签管理器设置

下一步: pageUserAgent. 对于每个页面视图,我们需要捕获用户设备类型和操作系统并将其发送到平台。 我们使用用户代理来导出此信息。 有关用户代理的更多信息,请访问: https://en.wikipedia.org/wiki/User_agent

在“用 户定义的变量 -”部分,单击 新建

  • 将重命 Untitled Variable 名为 pageUserAgent
  • 选择“ JavaScript变量 ”作为变量类型。
  • Enter the JavaScript Variable name: navigator.userAgent.

您的屏幕现在应当如下:Google标签管理器设置

  • 单击 保存 ,以保存新的变量。

Google标签管理器设置

快完成了,现在是时候: pageName. 每次加载新页面时,我们都需要捕获页面名称并将其发送到AA、AAM和平台。

在“用 户定义的变量 -”部分,单击 新建

  • 将重命 Untitled Variable 名为 pageName
  • 选择“ JavaScript变量 ”作为变量类型。
  • Enter the JavaScript Variable name: document.title.

您的屏幕现在应当如下:Google标签管理器设置

  • 单击 保存 ,以保存新的变量。

Google标签管理器设置

最后一个: pageUrl. 每次加载新页面时,我们都需要捕获URL以将其发送给其他解决方案。
页面URL已是Google标签管理器中的内置变量,因此我们无需定义它。 但为了与平台上的其他信息保持一致,我们仍将定义pageUrl。

在“用 户定义的变量 -”部分,单击 新建

  • 将重命 Untitled Variable 名为 pageUrl
  • 选择 URL 作为变量类型。

Google标签管理器设置

您的屏幕现在应当如下:Google标签管理器设置

  • 单击 保存 ,以保存新的变量。

Google标签管理器设置

您已完成配置所有必需的Google标签管理器变量!

下一步: 9.4检索平台数据集

返回模块9

返回到所有模块

在此页面上