关于标记

Adobe Experience Platform的标记功能是Adobe推出的新一代网站标记和移动SDK管理功能。 标记为客户提供了一种简单的方式来部署和管理所有用来改善相关客户体验的分析、营销和广告解决方案。 标记无需额外付费。 它可供任何 Adobe Experience Cloud 客户使用。

网站的标记允许您集中管理与桌面和移动设备网站上使用的分析、营销和广告解决方案相关的所有JavaScript。 例如,如果您部署Adobe Analytics,则标记将管理AppMeasurementJavaScript库、填充变量和触发请求。

您的容器的内容将被缩小,包括您的自定义代码。一切都是模块化的。如果您不需要某个项目,它不会包含在您的库中。这样,实施就会变得快速而紧凑。

标记也是一个平台,它允许第三方供应商创建扩展,以便轻松地通过标记部署其解决方案。 扩展是一种代码包(JavaScript、HTML和CSS),用于扩展标记界面和客户端功能。 您可以将标记视为一个操作系统,而扩展则是您用来完成任务的应用程序。

关于课程

在这些课程中,您将在名为 Luma 的虚拟零售网站中实施 Adobe Experience Cloud。Luma 网站具有丰富的数据层和功能,可让您构建实际可行的实施。您将在自己的Experience Cloud组织中构建自己的标记资产,并使用Experience Cloud Debugger将其映射到我们托管的Luma网站。

Luma网站

获取工具

  1. 由于您将使用某些特定于浏览器的扩展,因此我们建议您使用 Chrome Web 浏览器来完成教程

  2. Adobe Experience Platform Debugger扩展添加到您的Chrome浏览器

  3. 复制示例html页面代码

    示例HTML页面代码
    <!doctype html>
    <html lang="en">
    <head>
        <title>Tags: Sample HTML Page</title>
        <!--Preconnect and DNS-Prefetch to improve page load time. REPLACE "techmarketingdemos" WITH YOUR OWN AAM PARTNER ID, TARGET CLIENT CODE, AND ANALYTICS TRACKING SERVER-->
        <link rel="preconnect" href="//dpm.demdex.net">
        <link rel="preconnect" href="//fast.techmarketingdemos.demdex.net">
        <link rel="preconnect" href="//techmarketingdemos.demdex.net">
        <link rel="preconnect" href="//cm.everesttech.net">
        <link rel="preconnect" href="//techmarketingdemos.tt.omtrdc.net">
        <link rel="preconnect" href="//techmarketingdemos.sc.omtrdc.net">
        <link rel="dns-prefetch" href="//dpm.demdex.net">
        <link rel="dns-prefetch" href="//fast.techmarketingdemos.demdex.net">
        <link rel="dns-prefetch" href="//techmarketingdemos.demdex.net">
        <link rel="dns-prefetch" href="//cm.everesttech.net">
        <link rel="dns-prefetch" href="//techmarketingdemos.tt.omtrdc.net">
        <link rel="dns-prefetch" href="//techmarketingdemos.sc.omtrdc.net">
        <!--/Preconnect and DNS-Prefetch-->
        <!--Data Layer to enable rich data collection and targeting-->
        <script>
        var digitalData = {
            "page": {
                "pageInfo" : {
                    "pageName": "Home"
                    }
                }
        };
        </script>
        <!--/Data Layer-->
        <!--jQuery or other helper libraries-->
        <script src="https://code.jquery.com/jquery-3.3.1.min.js"></script>
        <!--/jQuery-->
        <!--Tags Header Embed Code: REPLACE THE NEXT LINE WITH THE EMBED CODE FROM YOUR OWN DEVELOPMENT ENVIRONMENT-->
        <script src="//assets.adobedtm.com/launch-EN93497c30fdf0424eb678d5f4ffac66dc.min.js" async></script>
        <!--/Tags Header Embed Code-->
    </head>
    <body>
        <h1>Tags: Sample HTML Page</h1>
        <p>This is a very simple page to demonstrate basic implementation concepts of Tags</p>
        <p>See <a href="https://docs.adobe.com/content/help/zh-Hans/experience-cloud/implementing-in-websites-with-launch/index.html">Implementing the Experience Cloud in Websites with Tags</a> for the complete tutorial</p>
    </body>
    </html>
    
  4. 获取一个文本编辑器,您可以在其中更改示例 HTML 页面。(如果您没有文本编辑器,我们建议您尝试使用 Brackets

  5. Luma 网站加入书签

注意
在阅读本教程并在其他浏览器中完成数据收集界面步骤时,您可能会发现在Chrome中打开Luma网站来完成本教程更容易。