转到https://tagmanager.google.com/ 并使用 您的个人登录详细信息登录。
在创建和配置Google Analytics标记后,我们现在可以配置Google标签管理器变量(如我们在Adobe启动中使用的数据元素)。
在Google标签管理器UI中,转至“变 量”。 您将看到内置变量的列表。
我们需要添加的第一个变量称为 customerEmail
。 当客户在Platform Demo网站上创建用户档案时,我们将客户的电子邮件地址与其在Platform中的客户用户档案相链接。
在平台演示网站中,信息通常存储在localStorage中。 要访问该变量,我们需要一个自定义Javascript来填充Google标签管理器变量。
在“用 户定义的变量 -”部分,单击 新建:
首先将“无标题变量”重命名为更具描述性的名称:
无标题变量 |
---|
customerEmail |
然后,在“配置”(Configuration)部件中单击,这允许您选择变量类型。
选这个。
变量类型 |
---|
自定义Javascript |
这是要在下面的屏幕中输入的自定义代码:
function() {
var email = localStorage.getItem("email");
return email;
}
因此,粘贴代码后,您的屏幕将显示为这样。
单击 保存 ,以保存新的变量。
您的屏幕将如此。
对于下一个变量,您将重复此过程:
Untitled Variable
下一个变量将是 customerMobileNr
。 当客户在Platform Demo网站上创建用户档案时,我们将客户的移动号码与其在Platform中的客户用户档案相关联。
在“用 户定义的变量 -”部分,单击 新建。
Untitled Variable
为 customerMobileNr
function() {
var mobilenr = localStorage.getItem("mobilenr");
return mobilenr;
}
您的屏幕应当如此。
单击 保存 ,以保存新的变量。
下一个变量将是 customerFirstName
。 当客户在Platform Demo网站上创建用户档案时,我们将将客户的名字与其在Platform中的客户用户档案相关联。
在“用 户定义的变量 -”部分,单击 新建。
Untitled Variable
为 customerFirstName
function() {
var firstname = localStorage.getItem("firstname");
return firstname;
}
您的屏幕应当如此。
单击 保存 ,以保存新的变量。
下一步: customerLastName
. 当客户在Platform Demo网站上创建用户档案时,我们将将客户的姓与其在Platform中的客户用户档案关联。
在“用 户定义的变量 -”部分,单击 新建。
Untitled Variable
为 customerLastName
function() {
var lastname = localStorage.getItem("lastname");
return lastname;
}
您的屏幕应当如此。
单击 保存 ,以保存新的变量。
下一步: aepTenantId
. 当客户在Platform Demo网站上创建用户档案时,我们将将客户的姓与其在Platform中的客户用户档案关联。
在“用 户定义的变量 -”部分,单击 新建。
Untitled Variable
为 aepTenantId
function() {
var aepTenantId = localStorage.getItem("aepTenantId");
return aepTenantId;
}
您的屏幕应当如此。
单击 保存 ,以保存新的变量。
下一步: customerLoggedIn
. 当客户登录到平台演示网站时,我们将此变量设置为“是”,并在启动规则配置中使用该条件。
在“用 户定义的变量 -”部分,单击 新建。
Untitled Variable
为 customerLoggedIn
function() {
var loggedin = localStorage.getItem("loggedin");
return loggedin;
}
您的屏幕应当如此。
单击 保存 ,以保存新的变量。
下一步: brandName
. 当您从“管理员”-菜单中选择要 演示的 品牌时,品牌名称将发送至Adobe Experience Platform。
在“用 户定义的变量 -”部分,单击 新建。
Untitled Variable
为 brandName
function() {
var brandName = localStorage.getItem("brandName");
return brandName;
}
您的屏幕应当如此。
单击 保存 ,以保存新的变量。
下一个变量将在同一过程中创建,但使用的代码略有不同。
我们需要的下一个变量称为 productProductView
。 客户视图产品时,此变量将存储产品视图信息。
在“用 户定义的变量 -”部分,单击 新建。
Untitled Variable
为 productProductView
function() {
var productview = JSON.parse(localStorage.getItem("thisProductView"));
return productview;
}
您的屏幕应当如此。
单击 保存 ,以保存新的变量。
下一个变量被调用 return1
。 我们将根据需要使用此变量返回1的数字值。
在“用 户定义的变量 -”部分,单击 新建。
Untitled Variable
为 return1
function() {
return 1;
}
您的屏幕应当如此。
单击 保存 ,以保存新的变量。
如果我们使用Adobe应用程序,就必须捕获ECID。 由于我们将展示,我们还可以通过仅 使用Google的平台 ,来存储来自Google Analytics的唯一Google标识符。 我们将为此变量指定客户端id的值。
下一个变量被调用 gaClientId
。 我们将使用此变量作为所有Google Analytics数据的密钥。
在“用 户定义的变量 -”部分,单击 新建。
_ga
作Cookie名称单击 保存 ,以保存新的变量。
下一步: pageTimeStamp
. 我们需要每次呼叫平台时都有一个唯一的时间戳。
在“用 户定义的变量 -”部分,单击 新建。
Untitled Variable
为 pageTimeStamp
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
function() {
var min = 111111111;
var max = 9999999999999;
var randomNumber = Math.random() * (max - min) + min;
return String(randomNumber);
}
保存您的代码片段,然后再次 单击 “保存”以保存您的变量配置。
接下来,我们将通过引用JavaScript对象来捕获一些在Google Tag Manager中可用且无需自定义代码的变量。
为此,请执行以下四个步骤:
在“用 户定义的变量 -”部分,单击 新建。
Untitled Variable
第一: customerLanguage
. 我们将从浏览器设置中获取客户首选的语言。
在“用 户定义的变量 -”部分,单击 新建。
Untitled Variable
名为 customerLanguage
。navigator.language
.下一步: pageType
. 每次加载新页面时,我们都需要捕获页面类型。
在“用 户定义的变量 -”部分,单击 新建。
Untitled Variable
名为 pageType
。digitalData.category.siteSection
.您的屏幕现在应当如下:
下一步: productCategory
. 对于每个产品视图,我们需要捕获产品的类别并将其发送到平台。
在“用 户定义的变量 -”部分,单击 新建。
Untitled Variable
名为 productCategory
。digitalData.product.category
.您的屏幕现在应当如下:
下一步: productName
. 对于每个产品视图,我们需要捕获产品的名称并将其发送到平台。
在“用 户定义的变量 -”部分,单击 新建。
Untitled Variable
名为 productName
。digitalData.product.name
.您的屏幕现在应当如下:
下一步: productPrice
. 对于每个产品视图,我们都需要捕获产品的价格并将其发送到平台。
在“用 户定义的变量 -”部分,单击 新建。
Untitled Variable
名为 productPrice
。function() {
var price = Number(digitalData.product.price);
return price;
}
您的屏幕现在应当如下:
下一步: productImageUrl
. 对于每个产品视图,我们需要捕获产品的图像URL并将其发送到平台。
在“用 户定义的变量 -”部分,单击 新建。
Untitled Variable
名为 productImageUrl
。digitalData.product.imageUrl
.您的屏幕现在应当如下:
下一步: productInteraction
. 对于每个产品视图,我们需要捕获交互类型(视图、添加到购物车、购买等)并将其发送到平台。
在“用 户定义的变量 -”部分,单击 新建。
Untitled Variable
名为 productInteraction
。digitalData.product.interaction
.您的屏幕现在应当如下:
下一步: pageUserAgent
. 对于每个页面视图,我们需要捕获用户设备类型和操作系统并将其发送到平台。 我们使用用户代理来导出此信息。 有关用户代理的更多信息,请访问: https://en.wikipedia.org/wiki/User_agent
在“用 户定义的变量 -”部分,单击 新建。
Untitled Variable
名为 pageUserAgent
。navigator.userAgent
.您的屏幕现在应当如下:
快完成了,现在是时候: pageName
. 每次加载新页面时,我们都需要捕获页面名称并将其发送到AA、AAM和平台。
在“用 户定义的变量 -”部分,单击 新建。
Untitled Variable
名为 pageName
。document.title
.您的屏幕现在应当如下:
最后一个: pageUrl
. 每次加载新页面时,我们都需要捕获URL以将其发送给其他解决方案。
页面URL已是Google标签管理器中的内置变量,因此我们无需定义它。 但为了与平台上的其他信息保持一致,我们仍将定义pageUrl。
在“用 户定义的变量 -”部分,单击 新建。
Untitled Variable
名为 pageUrl
。您的屏幕现在应当如下:
您已完成配置所有必需的Google标签管理器变量!
下一步: 9.4检索平台数据集