9.3配置Google标签管理器变量

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

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

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

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

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

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

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

选这个。

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

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

因此，粘贴代码后，您的屏幕将显示为这样。

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

您的屏幕将如此。

对于下一个变量，您将重复此过程：

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

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

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

• 重命名 Untitled Variable 为 customerMobileNr
• 选择自 定义Javascript 作为变量类型
• 粘贴此自定义JavaScript代码：

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

您的屏幕应当如此。

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

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

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

• 重命名 Untitled Variable 为 customerFirstName
• 选择自 定义Javascript 作为变量类型
• 粘贴此自定义JavaScript代码：

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

您的屏幕应当如此。

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

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

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

• 重命名 Untitled Variable 为 customerLastName
• 选择自 定义Javascript 作为变量类型
• 粘贴此自定义JavaScript代码：

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

您的屏幕应当如此。

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

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

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

• 重命名 Untitled Variable 为 aepTenantId
• 选择自 定义Javascript 作为变量类型
• 粘贴此自定义JavaScript代码：

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

您的屏幕应当如此。

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

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

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

• 重命名 Untitled Variable 为 customerLoggedIn
• 选择自 定义Javascript 作为变量类型
• 粘贴此自定义JavaScript代码：

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

您的屏幕应当如此。

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

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

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

• 重命名 Untitled Variable 为 brandName
• 选择自 定义Javascript 作为变量类型
• 粘贴此自定义JavaScript代码：

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

您的屏幕应当如此。

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

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

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

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

• 重命名 Untitled Variable 为 productProductView
• 选择自 定义Javascript 作为变量类型
• 粘贴此自定义JavaScript代码：

function() {
  var productview = JSON.parse(localStorage.getItem("thisProductView"));
  return productview;
}

您的屏幕应当如此。

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

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

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

• 重命名 Untitled Variable 为 return1
• 选择自 定义Javascript 作为变量类型
• 粘贴此自定义JavaScript代码：

function() {
  return 1;
}

您的屏幕应当如此。

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

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

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

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

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

• 选 _ga 作Cookie名称

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

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

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

• 重命名 Untitled Variable 为 pageTimeStamp
• 选择自 定义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;
}

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

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

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

• 重命名 Untitled Variable 为 pageHitId
• 选择自 定义Javascript 作为变量类型
• 粘贴此自定义JavaScript代码：

function() {
  var min = 111111111;
  var max = 9999999999999;
  var randomNumber = Math.random() * (max - min) + min;
  return String(randomNumber);
}

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

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

为此，请执行以下四个步骤：

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

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

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

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

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

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

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

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

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

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

您的屏幕现在应当如下：

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

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

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

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

您的屏幕现在应当如下：

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

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

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

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

您的屏幕现在应当如下：

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

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

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

• 将重命 Untitled Variable 名为 productPrice。
• 选择“ 自定义Javascript ”作为变量类型。
• 通过粘贴以下代码输入自定义javascript:

function() {
  var price = Number(digitalData.product.price);
  return price;
}

您的屏幕现在应当如下：

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

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

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

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

您的屏幕现在应当如下：

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

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

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

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

您的屏幕现在应当如下：

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

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

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

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

您的屏幕现在应当如下：

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

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

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

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

您的屏幕现在应当如下：

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

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

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

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

您的屏幕现在应当如下：

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

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

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

返回模块9

返回到所有模块