如何将 DTM（动态标签管理）与 AEM 6 集成？答案

【问题标题】：How to integrate DTM (Dynamic Tag Management) with AEM 6?如何将 DTM（动态标签管理）与 AEM 6 集成？
【发布时间】：2015-04-03 18:17:05
【问题描述】：

我是 Adobe DTM（动态标签管理）的新手，没有做过任何相关的培训。但是，我被要求将 DTM 与 AEM 6 集成。我有一些与 Omniture 相关的要求，其中跟踪网站上的某些事件并且需要将信息发送到 DTM。我已按照此博客 (http://blogs.adobe.com/aemtutorials/2013/07/24/customize-the-client-context/) 中描述的步骤通过创建新的会话存储并在其中存储一些示例数据来自定义客户端上下文。现在，下一部分是将这些数据检索到 DTM 中，我完全不知道该怎么做。特别需要实现的是创建一个新的数据元素，如下面的屏幕截图所示，并编写一些自定义 java 脚本来访问存储在客户端上下文中的数据（存在于会话存储中），如提到的博客中所述.

我不知道如何将 DTM 与 AEM 实例集成，以及如何使用脚本获取所需的数据。互联网上没有关于此的信息，因此请您帮助我，以防有人早先处理过此类要求。任何帮助都非常感谢

【问题讨论】：

标签： aem adobe-analytics

【解决方案1】：

第 1 步 - 在 AEM 中设置 DTM 云服务配置。您可以在 /etc/cloudservices/dynamictagmanagement.html 找到云服务配置

第 2 步 - 使用 page 属性将上述云配置应用到您网站的根目录。这会将所需的 JS 脚本和 JS 对象插入到 DOM 中。您还可以通过手动将页眉和页脚代码（来自 DTM）插入到模板中来一起执行步骤 (1) 和 (2)。

第 3 步 - 向 DTM JS 对象提供数据。您可以使用 JS 从服务器端或客户端填充数据。您也可以利用客户端上下文。可用于查询客户端上下文的 JS API。

PS：我也是这方面的学习者。

有用的链接：

http://blogs.adobe.com/experiencedelivers/experience-management/integrating-dtm-custom-aem6-page-template/

http://docs.adobe.com/docs/en/aem/6-0/administer/integration/marketing-cloud/dtm.html

【讨论】：

【解决方案2】：

您可以将数据元素与自定义脚本一起使用，如下所示：例如dataElement authorizableId 是带有内容的自定义脚本 return CQ_Analytics.ClientContext.get("/profile/authorizableId"); 要么数据元素页面标题 return CQ_Analytics.PageDataMgr.getProperty("title");

【讨论】：

【解决方案3】：

这就是我实现它的方式。请注意，此实现用于与平面 HTML 文件集成。我们需要在 Head 标签中添加脚本的地方。

先决条件： 1.我们需要有DTM网站的登录凭证。

我们需要拥有管理员权限。
我们需要 sc3.omniture 站点凭据。这通常由 Adobe 团队提供。
我们需要从 Omniture 控制台生成 AppMeasurement.js 文件。
我们需要从 AppMeasurement.js 文件中获取重要的详细信息，例如：一种。跟踪服务器名称湾。 s_account 名称 C。访问者命名空间

将 HTML 文件连接到 DTM：

使用管理员凭据登录https://dtm.adobe.com。
点击项目仪表板
点击顶部导航中的嵌入标签。
在 Akamai 上启用主机。
展开标题代码小部件并复制代码。
将该代码粘贴到您的 HTML 标记中。
再次返回 DTM。展开页脚代码小部件并复制代码。
将该代码粘贴到 HTML 的标记中。

为直接呼叫规则配置 DTM： 1. 从顶部导航转到规则选项卡。 2. 现在点击左侧导航中的直接呼叫规则。

点击创建规则。
在名称部分为其命名。
扩展条件小部件。
密切注意条件文本框。直接调用规则使用 _satelitte.track() 方法触发，您在条件文本框中输入的文本将是您在此方法中传递的参数。我们输入了“change-offer-submit”，所以要触发这个直接调用规则，我们将使用 _satelitte.track(“change-offer-submit”)，如下面的代码所示。
现在使用 Adobe Analytics 部分设置自定义链接。
下面是设置表单及其验证的代码。注意 DTM _satelitte.track() 的使用方式。 _satelitte.track() 方法中传递的每个参数都与单独 DTM 规则中的条件文本框匹配。

HTML

<div class="outer-btn">
                            <input class="input-btn analyticsEvent" type="button" value="Submit" data-eventName="change-offer-submit">
                        </div>

JavaScript

<script>    
jQuery('.analyticsEvent').on('click',function() {    
    window.console.log('Logged Event: ' + jQuery(this).attr('data-eventName'));    
    _satellite.track(jQuery(this).attr('data-eventName'));    
     location.href='./landingPage.html';     
});    
</script>

【讨论】：

【解决方案4】：

这已被 2016 年 6 月版本中添加到 DTM 的工具所取代，ContextHub 在 6.1 中作为测试版添加，在 6.2 中它达到了与 ClientContext 相同的功能。它节省了大量构建数据层的时间，因为其中很多已经存在。

【讨论】：