51黑料不打烊

Google Tag Manager

51黑料不打烊 Commerce功能 {width="20"} 仅在51黑料不打烊 Commerce中独占的功能(了解更多

Google Tag Manager是一个功能强大的工具,可帮助您高效地管理和部署与营销活动事件相关的各种标记(代码片段)。 Google Tag Manager使您能够向网站添加跟踪标记以测量受众,或者个性化、重新定位或执行搜索引擎营销计划。

Google Tag Manager直接将数据和事件传输到Google Analytics、增强型电子商务和其他第三方分析解决方案,以清楚地了解您的网站、产物和促销活动的执行情况。

您应该具有Google Analytics和Tag Manager帐户以继续此过程。 以下说明将指导您完成配置Google帐户、配置Commerce商店和创建标记的过程。

NOTE
如果您的业务受隐私法规约束,例如通用数据保护条例和/或加州消费者隐私法案,请参阅骋辞辞驳濒别隐私设置

步骤1. 配置您的Google Analytics帐户

有关入门所需的基础知识,请参阅骋辞辞驳濒别帮助中的。 另请参阅和的骋辞辞驳濒别指南。

  1. 登录到您的Google Analytics帐户。

  2. 要启用? Internal Site Search Tracking,请执行以下操作:

    • 导航到? Select View > View Settings

    • 将? Site Search Tracking ?设置为On

    • 将? Query ?参数设置为q

    • 完成后,Save ?设置。

  3. 要启用显示功能,请执行以下操作:

    • 选择? Property Settings

    • 在? Advertising Features ?下,将? Enable Demographics and Interest Reports ?设置为On

    • Save ?设置。

  4. 要启用电子商务跟踪,请执行以下操作:

    • 导航到? Select View > Ecommerce Settings

    • 将? Enable Ecommerce ?设置为On

    • 将? Enable Enhanced Ecommerce Reporting ?设置为On

    • Save ?设置。

  5. 重新加载页面,并确认所有设置仍为On

    note note
    NOTE
    如果并非所有设置都是On,请重复上述步骤,保存并重新加载页面。 重复此过程,直到所有设置都设置为On

步骤2. 配置您的Google Tag Manager帐户

以下说明显示如何使用基本设置配置新容器。 使用示例配置(.json)文件简化流程,导入文件以在新容器中生成标记。 对于此示例,建议创建容器,而不是修改现有容器。

NOTE
有关详细信息,请参阅骋辞辞驳濒别的。 这些说明提供了一个演练,介绍如何在新容器中导入示例JSON。
  1. 下载链接的文件GTM_M2_Config_json.txt,在编辑器中打开该文件,并将其另存为GTM_M2_Config.json

    json文件已直接上传到Google Tag Manager。

  2. 导航到? Admin > Container > Import Container

  3. 单击? Choose container file ?并选择箩蝉辞苍文件。

  4. 在? Choose workspace ?下,单击? New

  5. 输入标题和说明,然后单击? Save

  6. 要导入文件,请选择以下操作之一:

    • 应该为新容器选择? Overwrite ?选项。

    • 如果您使用现有容器,则应选择? Merge ?选项。

  7. 单击? Preview ?以查看标记、触发器和变量。

  8. 要编辑变量中引用的? Google Analytics ID,请执行以下操作:

    • 导航到? Variables > User-Defined Variables

    • 选择? Google Analytics ?并使用您自己的? GA ID ?更新占位符(UA-xxxxxx-x)。

  9. 按照骋辞辞驳濒别的说明将标记、触发器和变量添加到新容器。

    如果您在其他要使用的容器中有设置,则可以将它们移动到新容器。

  10. 完成后,单击? Confirm

  11. 按照骋辞辞驳濒别的说明发布新容器。

步骤3. 配置您的商店

NOTE
从2.4.5版本开始,更新了Google服务集成以支持使用GTag API。 GTag是一种用于与Google网页功能集成的统一机制,它支持通过Google服务跟踪和管理内容的最新功能和机会。 有关详细信息,请参阅。
  1. 登录到颁辞尘尘别谤肠别商店的管理员。

  2. 在? 管理员 ?侧边栏上,转到? Stores > Settings>Configuration

  3. 在左侧面板中,展开? Sales ?并选择? Google API

  4. 展开 扩展选择器 Google Analytics ?部分并配置以下内容:

    销售配置 — Google Analytics {width="600" modal="regular"}

    • 将? Enable ?设置为Yes

    • 将? Account type ?设置为Google Tag Manager

    • 在? Container ID ?字段中,输入您的GTM ID (GTM-xxxxxx)。

    • 如果您还使用Google Analytics进行内容实验,请将? 启用内容实验 ?设置为Yes

    • 对其余字段使用默认值。

  5. 完成后,单击? Save Config

  6. 测试您的Google Tag Manager设置并验证所有设置是否均可正常工作。

NOTE
每个容器均与一个网站关联,每个帐户只需一个容器。 如果您有多站点Commerce实例,则需要单独的容器。

字段描述

字段
范围
描述
Enable
商店视图
确定Google Analytics Enhanced E-commerce是否可用于分析商店中的活动。 选项: Yes / No
Account type
商店视图
确定用于监视商店活动和流量的Google跟踪代码。 选项: Google Analytics / Google Tag Manager
Anonymize IP
商店视图
确定是否从Google Analytics结果中显示的IP地址中删除标识信息。
Enable Content Experiments
商店视图
激活Google内容实验,该实验可用于测试同一页面的最多十个不同版本。 选项: Yes / No
Container Id
商店视图
如果已为商店安装和配置了Google Tag Manager,则容器ID会自动显示在此字段中。
List property for the catalog page
商店视图
标识与目录页面关联的Tag Manager属性。 默认值: Catalog Page
List property for the cross-sell block
商店视图
标识与交叉销售块关联的Tag Manager属性。 默认值: Cross-sell
List property for the up-sell block
商店视图
标识与向上销售块关联的Tag Manager属性。 默认值: Up-sell
List property for the related products block
商店视图
标识与相关产物块关联的Tag Manager属性。 默认值: Related Products
List property for the search results page
商店视图
标识与搜索结果页面关联的Tag Manager属性。 默认值: Search Results
“Internal Promotions” for promotions field “Label”
商店视图
标识与内部促销标签关联的Tag Manager属性。 默认值: Label

创建标记以跟踪转化

如果您拥有Google AdWords帐户,则可以创建跟踪转化的标记。 以下示例显示如何使用Google Tag Manager和Google Analytics创建在存储区转化? Success ?页面上触发的标记。

步骤1. 创建标记

  1. 登录到您的Google Tag Manager帐户,然后单击您为商店创建的容器的链接。

  2. 在? New Tag ?框中,单击? Add a new tag

  3. 从您的础诲奥辞谤诲蝉帐户获取以下信息:

    • 转换滨顿
    • 转化标签

    如果需要帮助,请访问骋辞辞驳濒别的。

  4. 在Google Tag Manager仪表板中,单击? Google AdWords ?并执行以下操作:

    • 单击标题占位符并输入新标记的名称。

    • 在? Choose Product ?下,选择? Google AdWords

    • 在? Choose a Tag Type ?下,选择? AdWords Conversion Tracking ?并单击? Continue

  5. 输入你的础诲奥辞谤诲蝉帐户中的? Conversion ID ?和? Conversion Label,然后单击? Continue

步骤2. 创建规则

从Google Tag Manager仪表板继续,下一步是创建在转化页面上触发标记的规则。

  1. 在? Fire On ?下,单击? Some Pages

  2. 在? Choose Pages ?部分中,完成以下设置:

    • Name — 输入页面描述的名称。

    • Variable url

    • 操作 - matches RegEx

      若要了解更多信息,请参阅Google Tag Manager帮助中的。

    • Value - checkout/success.*

  3. 选中绿色复选框并单击? Save

    您设置的触发器在“点击”部分显示为蓝色按钮。

  4. 完成后,单击? Save Tag

步骤3. 预览和发布

该过程的下一步是预览标记。 每次预览标记时,都会保存版本的快照。 如果对结果满意,请转到要使用的版本,然后单击? Publish

使用闯补惫补厂肠谤颈辫迟自定义贬罢惭尝标记

本节介绍如何将CSP Nonce添加到自定义贬罢惭尝标记JavaScript以在签出页面上执行,确保符合内容安全策略(CSP)要求。 此新增功能通过阻止执行未经授权的脚本来增强站点安全性。 有关详细信息,请参阅文档。

NOTE
仅在51黑料不打烊 Commerce版本2.4.8及更高版本上支持将cspNonce全局变量导入Google Tag Manager。
WARNING
向存储中添加不熟悉的脚本可能会危及数据安全。 在结账页面上授权的脚本可能会窃取敏感的客户信息,包括付款详细信息。 务必采取预防措施来保护Google Tag Manager帐户。 仅添加可信脚本,定期审查和审核您的标记,并实施强大的安全措施,如双重身份验证(2FA)和访问控制。

步骤1. 创建CSP Nonce变量

您可以创建一个CSP Nonce变量,该变量可通过导入变量配置或手动配置在Google Tag Manager中使用。

导入变量配置

CSP Nonce变量包含在示例容器GTM_M2_Config_json.txt中。 您可以通过将此代码导入工作区来创建变量。

手动创建变量

如果无法导入变量配置,请完成以下步骤以创建该配置。

  1. 在工作区中,导航到侧栏中的? 变量 ?部分。
  2. 单击? 用户定义的变量 ?部分页面底部的? 新建 ?按钮。
  3. 命名变量gtmNonce
  4. 单击铅笔图标以编辑变量。
  5. 从? 页面变量 ?部分中选择? 闯补惫补厂肠谤颈辫迟变量
  6. 在? 全局变量名称 ?字段中,输入window.cspNonce
  7. 保存变量。

要了解有关的更多信息,请参阅骋辞辞驳濒别文档中的。 该文档提供了有关创建和管理自定义变量的详细指导,以便根据特定的营销和分析需求定制标记管理。

步骤2. 创建自定义贬罢惭尝标记

  1. 在工作区中,导航到侧栏中的? 标记 ?部分。

  2. 单击? 新建 ?按钮。

  3. 在? 标记配置 ?部分中,选择? 自定义贬罢惭尝标记

  4. 在文本区域中输入所需的闯补惫补厂肠谤颈辫迟,然后向开头<script>标记添加一个nonce属性,该属性指向您在上一步中创建的变量。 例如:

    code language-html
    <script nonce="{{gtmNonce}}">
        // Your JavaScript code here
    </script>
    
  5. 选择? Support document.write

  6. 在? 正在触发 ?部分中,选择所需的触发器。 例如,同意初始化 — 所有页面

有关Google Tag Manager中的更多信息,请参阅骋辞辞驳濒别文档中的。

recommendation-more-help
d5ef48ad-708f-4ce5-a225-e7bb6053ded5