是否可以将触发器从 amp-analytics 标签推送到 GTM?
Is it possible to push triggers from the amp-analytics tag to GTM?
我想知道是否可以将点击事件从 AMP
推送到 GTM
。据我所知,唯一的选择是在 GTM
中设置事件以监视点击 ,因为 GTM 创建了触发器 (?)。我不知道实际答案,这是我最好的猜测。
例如,我希望完成这样的事情。我希望能够单击此 link 并传递一些变量。
<a href="url" title="lorem" id="this-trigger">Lorem Ipsum</a>
///
<amp-analytics>
<script type="application/json">
{
"vars": {
"lorem": "foo bar baz"
},
"triggers": {
"anchorClicks": {
"on": "click",
"selector": "#this-trigger",
"request": "event",
"vars": {
"site_events": "lorem click",
"lorem": "lorem click"
}
}
}
}
</script>
</amp-analytics>
但唯一有效的方法是使用 GTM 的触发器来观察点击。
是否可以将 amp-analytic
的 JSON 触发器与 GTM 一起使用?
=====
更新:
所以我在 JSON 中遗漏了请求 属性。感谢@SomewhereDave。
我也想错了,这基本上绕过了GTM,直接进入分析。
<a href="url" title="lorem" id="this-trigger">Lorem Ipsum</a>
///
<amp-analytics>
<script type="application/json">
{
"requests: {
"trigger1": "<The Request URL for the pixel>"
}
"vars": {
"lorem": "foo bar baz"
},
"triggers": {
"anchorClicks": {
"on": "click",
"selector": "#this-trigger",
"request": "trigger1",
"vars": {
"site_events": "lorem click",
"lorem": "lorem click"
}
}
}
}
</script>
</amp-analytics>
如果您使用 GTM 创建点击触发器,容器代码段会等待点击事件冒泡到文档节点。 Google 标签管理器将其称为自动事件跟踪。所以你可以说 GTM 创建了触发器。
要使用硬编码事件跟踪,请按照说明进行操作 here。只需搜索点击触发器。比您的示例更通用一点,您的代码应如下所示:
<amp-analytics>
<script type="application/json">
"vars": {
"id1": "#this-trigger"
},
"triggers": {
"trackAnchorClicks": {
"on": "click",
"selector": "a, ${id1}",
"request": "event",
"vars": {
"eventId": "clickOnAnyAnchor",
"eventCategory": "This is the category of the event",
"eventAction":"This is the action tied to the event",
"eventLabel":"The label tied to the event"
}
}
}
}
</script>
</amp-analytics>
vars: {}
中定义的值如果已知,会被 Google Analytics 提取。此处 eventCategory、eventAction 和 eventLabel 将填充相应的事件字段。请注意,上面的示例是硬编码跟踪。
未知的变量值将被忽略。如果 GTM 是使用 AMP 键值对实现的,则可以通过 AMP 变量从 GTM 中自由选择和获取键值对(只需导航到变量选项卡并使用 vars 键创建一个 AMP 变量)。
但是,您首先需要创建一个 GTM AMP 容器并像这样加载您的容器:
<amp-analytics config="https://www.googletagmanager.com/amp.json?id=GTM-1A2B3C>m.url=SOURCE_URL" data-credentials="include">
<script type="application/json">
{
"vars": {
"eventId": "clickOnAnyAnchor"
}
}
</script>
</amp-analytics>
一篇关于将 GTM 与 AMP 结合使用的文章写得很好 here
我想知道是否可以将点击事件从 AMP
推送到 GTM
。据我所知,唯一的选择是在 GTM
中设置事件以监视点击 ,因为 GTM 创建了触发器 (?)。我不知道实际答案,这是我最好的猜测。
例如,我希望完成这样的事情。我希望能够单击此 link 并传递一些变量。
<a href="url" title="lorem" id="this-trigger">Lorem Ipsum</a>
///
<amp-analytics>
<script type="application/json">
{
"vars": {
"lorem": "foo bar baz"
},
"triggers": {
"anchorClicks": {
"on": "click",
"selector": "#this-trigger",
"request": "event",
"vars": {
"site_events": "lorem click",
"lorem": "lorem click"
}
}
}
}
</script>
</amp-analytics>
但唯一有效的方法是使用 GTM 的触发器来观察点击。
是否可以将 amp-analytic
的 JSON 触发器与 GTM 一起使用?
=====
更新:
所以我在 JSON 中遗漏了请求 属性。感谢@SomewhereDave。
我也想错了,这基本上绕过了GTM,直接进入分析。
<a href="url" title="lorem" id="this-trigger">Lorem Ipsum</a>
///
<amp-analytics>
<script type="application/json">
{
"requests: {
"trigger1": "<The Request URL for the pixel>"
}
"vars": {
"lorem": "foo bar baz"
},
"triggers": {
"anchorClicks": {
"on": "click",
"selector": "#this-trigger",
"request": "trigger1",
"vars": {
"site_events": "lorem click",
"lorem": "lorem click"
}
}
}
}
</script>
</amp-analytics>
如果您使用 GTM 创建点击触发器,容器代码段会等待点击事件冒泡到文档节点。 Google 标签管理器将其称为自动事件跟踪。所以你可以说 GTM 创建了触发器。
要使用硬编码事件跟踪,请按照说明进行操作 here。只需搜索点击触发器。比您的示例更通用一点,您的代码应如下所示:
<amp-analytics>
<script type="application/json">
"vars": {
"id1": "#this-trigger"
},
"triggers": {
"trackAnchorClicks": {
"on": "click",
"selector": "a, ${id1}",
"request": "event",
"vars": {
"eventId": "clickOnAnyAnchor",
"eventCategory": "This is the category of the event",
"eventAction":"This is the action tied to the event",
"eventLabel":"The label tied to the event"
}
}
}
}
</script>
</amp-analytics>
vars: {}
中定义的值如果已知,会被 Google Analytics 提取。此处 eventCategory、eventAction 和 eventLabel 将填充相应的事件字段。请注意,上面的示例是硬编码跟踪。
未知的变量值将被忽略。如果 GTM 是使用 AMP 键值对实现的,则可以通过 AMP 变量从 GTM 中自由选择和获取键值对(只需导航到变量选项卡并使用 vars 键创建一个 AMP 变量)。
但是,您首先需要创建一个 GTM AMP 容器并像这样加载您的容器:
<amp-analytics config="https://www.googletagmanager.com/amp.json?id=GTM-1A2B3C>m.url=SOURCE_URL" data-credentials="include">
<script type="application/json">
{
"vars": {
"eventId": "clickOnAnyAnchor"
}
}
</script>
</amp-analytics>
一篇关于将 GTM 与 AMP 结合使用的文章写得很好 here