自定义事件如何与使用Google跟踪代码管理器的AMP一起使用？

Question

我已经在我网站的所有AMP页面上使用了它。

<script async custom-element="amp-analytics" src="https://cdn.ampproject.org/v0/amp-analytics-0.1.js"></script>
<amp-analytics config="https://www.googletagmanager.com/amp.json?id=GTM-XXXXX&gtm.url=SOURCE_URL" data-credentials="include"></amp-analytics>

但是我需要使用上述方法触发自定义事件。

Answer 1

请完成这些步骤，希望对您有所帮助，

要为AMP安装标签管理器：

1。）在标记管理器中创建一个AMP容器。

2。）将标签管理器代码段添加到AMP页面。

3。）在标签管理器容器中配置标签并发布。

创建AMP容器跟踪代码管理器具有AMP容器类型。为您的项目创建一个新的AMP容器：

1。）在“帐户”屏幕上，单击要使用的帐户的“更多操作”（“更多”）。选择创建容器。

2。）命名容器。使用描述性名称，例如“ example.com-新闻-AMP”。

3。）在使用容器的位置下，选择AMP。

4。）单击创建。

您的容器现已准备就绪。下一步是在AMP页面上安装标签管理器代码。

添加标签管理器代码段创建新的AMP容器后，将显示“安装Google跟踪代码管理器”屏幕。跟踪代码管理器提供了两个代码段。复制这些代码段，以便它们出现在您的AMP页面上。

第一个代码段将amp-analytics组件添加到AMP页面。该代码位于页面部分的末尾，并且仅应在页面上出现一次。

<!-- AMP Analytics --><script async custom-element="amp-analytics" 
src="https://cdn.ampproject.org/v0/amp-analytics-0.1.js"></script>

第二个片段将amp-analytics配置为使用标记管理器。将此代码放置在开始元素之后。将GTM-CONTAINER_ID替换为跟踪代码管理器的容器ID，或从跟踪代码管理器用户界面复制并粘贴整个代码段。

配置您的容器并发布当您的页面正确安装了容器代码段后，它们将能够触发从跟踪代码管理器部署的跟踪代码。下一步是创建标签配置并发布容器。

创建新标签：

1。）单击标签，然后单击新建。

2。）单击标签配置，然后从支持的AMP标签列表中选择标签类型。

3。）使用标签供应商提供的信息配置标签。

4。）单击触发并添加一个或多个事件条件，这将导致代码触发。

5。）命名触发器，然后单击保存。

对于其他所有标记配置，请重复这些步骤。准备好容器配置后，发布容器以使更改生效。

页面变量标记管理器可以捕获AMP变量并将其用于标记和触发器配置中。例如，销售鞋子的页面可能具有描述特定鞋子属性的变量。这些值可用于创建标签管理器变量：

 <amp-analytics config="https://www.googletagmanager.com/amp.json?id=Tag Manager- 
 XXXXXX;Tag Manager.url=SOURCE_URL" data-credentials="include">
 <script type="application/json ">
  {
      "vars" : {
          "type": "shoes",
          "color": "red"
      }
   }
  </script>
  </amp-analytics>

要在标记管理器中创建一个用户定义的变量，以从上述代码中捕获颜色变量：

1。）单击变量。

2。）在用户定义的变量下，单击新建。

3。）单击变量配置，然后选择AMP变量。

4。）在“ Amp变量名称”字段中，输入字段名称（例如“颜色”。）

5。）为变量指定一个描述性名称（例如“ AMP变量-颜色”。）

6。）单击保存。