自定义事件如何使用Google Tag Manager与AMP配合使用？
自定义事件是指在网站或应用中定义的特定用户行为或交互，可以通过Google Tag Manager（GTM）与AMP（Accelerated Mobile Pages）配合使用来跟踪和分析这些事件。下面是自定义事件如何使用Google Tag Manager与AMP配合使用的步骤：
- 在Google Tag Manager中创建一个新的标签（Tag），选择Google Analytics作为标签类型。
- 配置Google Analytics标签，选择“事件”作为跟踪类型。
- 在“触发器”部分，点击“新建触发器”来定义自定义事件的触发条件。可以根据需要选择不同的触发条件，例如点击按钮、提交表单等。
- 配置自定义事件的参数，包括事件类别（Category）、动作（Action）、标签（Label）和价值（Value）。这些参数可以根据具体的自定义事件进行设置。
- 将Google Tag Manager的容器代码添加到AMP页面的头部或底部，确保代码能够正确加载。
- 在AMP页面中添加自定义事件的触发代码。可以使用AMP的
<amp-analytics>组件来触发自定义事件，根据事件类型和参数进行配置。 - 保存并发布Google Tag Manager的更改，确保标签和触发器生效。
- 使用Google Analytics来分析和跟踪自定义事件。登录Google Analytics账户，选择相应的网站或应用，然后导航到“行为”->“事件”来查看自定义事件的数据。
自定义事件的使用可以帮助网站或应用的开发者了解用户的行为和交互情况，从而优化用户体验和改进产品。在腾讯云的产品中，可以推荐使用腾讯云的数据分析产品“腾讯移动分析”来进一步分析和可视化自定义事件的数据。腾讯移动分析提供了丰富的数据分析功能和报告，帮助开发者深入了解用户行为，并提供相应的优化建议。
腾讯云移动分析产品介绍链接：https://cloud.tencent.com/product/ma
相关·内容
当我将Matomo tag Manager实现为常规JavaScript标签时，AMP会限制自定义JavaScript，这会导致AMP错误。
如何以符合AMP的方式集成Matomo Tag Manager？
我已经尝试调整默认的Matomo Tag Manager脚本以匹配AMP指南，但它不起作用(该脚本未加载)。
默认脚本如下所示：
<!-- Matomo Tag Manager -->
<script type="text/javascript">
var _mtm = _mtm || [];
_mtm.push({'mtm.startTim
浏览 0提问于2019-09-10得票数 0
因此，我正在为我的CMS创建一个基本模板来生成AMP-HTML页面。在Google & AMP文档中，它通过在脚本标签中包括JSON中的GA凭证和通过包括Google Analytics for AMP js文件来支持Google Analytics。
我担心的是在我的页面上做的所有跟踪都是通过Google Tag manager完成的，我真的找不到一种方法来在我的AMP-HTML页面中包含Google Tag Manager凭证或脚本。
浏览 1提问于2016-04-28得票数 0
我想谷歌分析发送一个客户计算的AMP的价值。我还使用Google Tag Manager在页面上嵌入分析代码。
我想发送一个时间(unix)与设备上当前时间之差的值。Tag Manager上有一个名为"{{Client Timestamp}}“的变量，我定义了服务器端的另一个日期。但是每当我发送值时，get都会变成字符串(不管它是自定义指标还是自定义维度)，例如：
cm3: 1582720980844-1582641262000
你知道我有什么方法可以做到这一点吗？我还尝试了一个计算了值的生成的隐藏元素，但如果没有用户交互，我就无法在此元素上设置正确的值。
<amp-state
浏览 12提问于2020-02-26得票数 0
2回答
我是谷歌标签管理器的新手。
目前，Adobe dynamic tag manager使用Direct Call Rule从我的网站获取跟踪数据。我想知道Google Tag Manager (GTM)中的直接呼叫规则是什么？
谢谢
浏览 4提问于2015-07-23得票数 0
第一次使用Google Tag Manager。我有一个基于按钮类的单击事件触发器，但是它在每次单击时都会执行。
我的变量{{bookingUnit}}是从页面上的文本中获取它的值。它是一个自定义Javascript变量(并返回正确的值)：
function() {
return $({{Click Element}}).closest('table')).find('td.rnc').text();
}
我必须检测(第三方系统的)页面上被定义为：
<input type="submit" name="ctl00$plcBo
浏览 0提问于2019-03-07得票数 0
回答已采纳
我无法使用Google Tag Manager跟踪amp页面上的出站链接点击跟踪。
我使用了之前的事件标签${outboundLink} -但现在我不知道链接的详细信息。取而代之的是，我在Google Analytics上得到(没有设置)。
单击amp页面上的链接时，我如何知道问题所在，以及如何获取链接详细信息的数据？
浏览 0提问于2018-12-08得票数 1
1回答
正在检查我不拥有的页面的分析设置
、、、、
我是一名消费者数据分析师，除了偶尔接触HTML和Python之外，我对编码并不是很熟悉，我只是从Web Analytics的编码部分开始。特别是，我需要学习如何检查我不拥有的网站(因此我无法访问他们的Analytics帐户)来跟踪信息，但是很难找到关于每个代码组件代表哪个跟踪功能的信息，或者从页面源代码中可以看到它的程度。
对于一个项目，是一个我试图检查Google Analytics/Tag Manager/alternative analytics设置的页面，看看它到底跟踪了什么。除了源代码之外，我还检查了Ghostery，它给出了我的。是否可以检查这两个部分的跟踪信息(事件、页面浏览量、
浏览 6提问于2017-11-14得票数 0
我有一个网站，有许多不同的用户类型的例子经理，员工和主管。我想知道如何在谷歌分析中跟踪他们。在Google tag manager中有没有办法对这些用户进行细分？或者我会在javascript代码中触发一些东西吗？
浏览 2提问于2020-08-19得票数 0
我有一个基本而复杂的问题。我能用Google Tag Manager来做吗？
谢谢你的帮助。
浏览 1提问于2016-10-13得票数 0
我正在使用谷歌分析与谷歌标签管理器的网站，我试图为我的AMP页面添加自定义维度，我找到了解决方案，该https://support.google.com/tagmanager/answer/6164990?hl=en (步骤2)和AMP页面，我正在使用这里描述的AMP变量https://support.google.com/tagmanager/answer/9205783?hl=en。 <amp-analytics config="https://www.googletagmanager.com/amp.json?id=Tag Manager-XXXXXX;Tag Manag
浏览 15提问于2019-10-15得票数 0
回答已采纳
1回答
我正在初始化google标签管理器和gtag，如下所示： @yield('styles')
@if(config('app.google_analytics_key'))
<script async src="https://www.googletagmanager.com/gtag/js?id={{ config('app.google_analytics_key') }}"></script>
<script>
window.dataLayer = windo
浏览 100提问于2019-12-17得票数 0
我搜索了Google Tag Manager (GTM)文档，没有找到解决此问题的任何内容。我正在与一个联盟网络合作，他们希望他们的跟踪像素被同步加载，以确保它在页面内容加载之前触发。这仅适用于我们的订单确认页面。我们已经实现了GTM，所以我们可以在5分钟内启动和修复标签，而不是2周。
GTM安装在我们订单确认页面的顶部，并异步加载标签，因此我知道附属网络的标签加载非常快，但网络仍然担心一些数据可能会丢失。GTM没有任何选项或文档表明可以同步加载脚本，但我注意到他们的代码中有j.async=true名称-值对。
如果我将这部分代码更改为j.async=false，代码是同步加载还是直接中断？
浏览 6提问于2013-05-15得票数 3
我们的Google Tag Manager实现如下：
<!-- Google Tag Manager -->
<script>(function(w,d,s,l,i){w[l]=w[l]||[];w[l].push({'gtm.start':
new Date().getTime(),event:'gtm.js'});var f=d.getElementsByTagName(s)[0],
j=d.createElement(s),dl=l!='dataLayer'?'&l='+l:''
浏览 0提问于2018-05-17得票数 1
每次有人访问网站时，我都会尝试通过电子邮件获取有关用户的信息。此信息存储在PHP会话变量中。因此，我使用电子邮件数据定义了dataLayer，并附加了事件gtm.load，如下所示：
<html>
<head>
<script src="https://cdnjs.cloudflare.com/ajax/libs/jquery/2.2.3/jquery.js"></script>
<?php
session_start();
$_SESSION['email']
浏览 3提问于2016-04-13得票数 0
我最初只是添加了Gatsby google标签管理器插件，并将GTM-XXXX添加到我的配置中。但是我的搜索引擎优化人员说他想把这个代码放在
<!-- Google Tag Manager (noscript) -->
<noscript><iframe src="https://www.googletagmanager.com/ns.html?id=GTM-XXXX"
height="0" width="0" style="display:none;visibility:hidden">
浏览 4提问于2018-12-11得票数 1
我最终不得不在我的网站上使用Google Tag Manager，所以Google Analytics现在是其中的一部分。所有的设置都是正确的，工作正常。然而，我曾经能够非常容易地在我的网站上跟踪自定义事件，with the ga() function ga('send', 'event', 'Videos', 'play', 'Fall Campaign'); 但是，现在不再定义ga()；我在控制台ReferenceError: ga is not defined中得到一个错误。然后我tried the gta
浏览 40提问于2019-04-14得票数 11
回答已采纳
3回答
我正在使用带有AMP容器的Google Tag Manager。我集成了一个简单的Google Analytics标签
下面是头部使用的代码：
<!-- AMP Analytics --><script async custom-element="amp-analytics" src="https://cdn.ampproject.org/v0/amp-analytics-0.1.js"></script>
在身体里：
<amp-analytics config="https://www.googletag
浏览 3提问于2017-02-04得票数 1
我有一个网站与提交表单，其中包括4个步骤。用户通过JavaScript从一个步骤移动到另一个步骤，如下所示：
<div id="step1">
</div>
<div id="step2">
</div>
<div id="step3">
</div>
<div id="step4">
</div>
步骤2、3、4最初是隐藏的。当用户进入步骤2时，步骤1被隐藏，步骤2被显示。
问题是，我需要在步骤2中加载Google代码，但是如
浏览 0提问于2015-10-31得票数 0
回答已采纳
嘿，我已经构建了一个Nuxt应用程序，并且在软件包@nuxtjs/google-tag-manager包上遇到了麻烦。在下面找到的。文档非常简单，而且我还没有找到很多示例实现。在我的nuxt.config.js中，我有以下设置。
['@nuxtjs/google-tag-manager', {
id: process.env.GTM_ID,
layer: 'dataLayer',
pageTracking: true
}],
不幸的是，..but在Google管理器中没有任何页面视图
有没有人有任何想法或经验，如何最好地实施GTM或什么对他们有效？
浏览 0提问于2018-10-19得票数 17
回答已采纳
2回答
我正在使用Google Analytics来跟踪我的react应用程序中的自定义事件。当我第一次推出代码时，我阅读了this document，建议使用gtag方法而不是ga方法来进行日志记录调用。这一直运行得很好。 我使用的是Google Tag Manager，所以这些脚本都是通过GTM加载的(可能)。 现在我正在做一些更棘手的事情，服务器需要告诉客户端在特定情况下登录页面加载。因此，我对GTM初始化代码进行了修改，以便在GTM加载后触发事件。我读过如何做到这一点的here。 奇怪的是，当指示GTM库已经加载的回调触发时，gtag没有被定义，并且在Analytics中记录事件的代码失败。
浏览 22提问于2019-10-11得票数 0
可以通过Google Tag Manager和自定义Javascript来跟踪点击事件。无论采用哪种方式，都不是很难做到这一点，所以我更喜欢简单地配置Google Tag Manager来捕获几十个选定的点击事件。然而，我不知道这样做有什么好处或坏处？
如果我的网站上已经安装并加载了Google Tag Manager，我有什么理由不使用它来捕获点击事件吗？是否有任何令人信服的性能原因或论据表明，使用Google Tag Manager捕获自定义事件可能会“减慢”网页的速度？
浏览 0提问于2017-02-16得票数 0
我正在寻找能够使我在另一个系统( CRM)中触发操作的东西。为此，理想情况下，我希望Google Analytics (或Google Tag Manager)通知其他系统购物车被遗弃的事件。假设我使用的是客户跟踪id，我想知道一些参数值。
如何实现这一点？此功能是由GA还是GTM提供的？
谢谢
浏览 0提问于2015-06-01得票数 0
我已经设法创建了一个事件，以便在我的Google Analytics帐户上使用Google Tag Manager注册数据。但我不能动态设置任何信息。
这是我当前的设置：
我将使用以下命令触发此事件：
dataLayer.push({'event': 'event_name'});
活动运行良好，我的数据已在Google Analytics注册，但我不能覆盖“我的类别”、“我的操作”和“我的标签”、“我的价值”。
就像Google Analytics过去所做的那样：
ga('send', 'event', 'My C
浏览 5提问于2017-01-21得票数 1
我有一个网站与放大器的形式。我想跟踪谷歌广告转换使用amp-form的amp-form-submit-success事件作为记录的here。 Google Tag Manager的AMP容器似乎只支持几个触发器，如Click、Scroll、Timer等，没有自定义触发器。因此，我创建了一个没有触发器的Ads转换标签，希望我能以某种方式从<amp-analytics>标签配置本身手动触发它。 我尝试过的一件事是将adwords标签直接添加到<amp-analytics>配置中，如下所示： <amp-analytics config="https:/
浏览 16提问于2019-01-11得票数 0
回答已采纳
一旦我实现了这个脚本 <!-- Google Tag Manager -->
<script>(function(w,d,s,l,i){w[l]=w[l]||[];w[l].push({'gtm.start':
new Date().getTime(),event:'gtm.js'});var f=d.getElementsByTagName(s)[0],
j=d.createElement(s),dl=l!='dataLayer'?'&l='+l:'';j
浏览 24提问于2019-06-08得票数 0
回答已采纳
如何启用Google Tag Manager来跟踪在日期选择器上选择的日期？目前，通过表单文本，我能够捕获所选的日期，例如'21‘或'30’。但我希望GTM捕获整个日期，例如'3/21/19‘或'3/30/19’。如何做到这一点？谢谢。
浏览 10提问于2019-02-26得票数 0
例如，我在中跟踪下面的事件：
Onclick Event
1. onclick="ga('send', 'event', 'TryForFree', 'TryForFree-clicked', 'TryForFree')"
On Form Submit Event
2. onsubmit="ga('send', 'event', 'Get-Started-submitted', 'Get-Started-submitted',
浏览 2提问于2017-08-09得票数 0
1回答
我正在尝试在Android中使用Google Tag Manager实现Google Analytics活动管理和崩溃与异常跟踪。我找到了Google Analytics的活动管理和崩溃与异常跟踪文档。
链接：
但是我没有找到任何使用Google Tag Manager实现相同功能的文档。请建议是否有任何其他方法来跟踪这些事情使用GTM。
浏览 1提问于2014-11-05得票数 2
我在从其他网站获取数据时遇到了一些问题。在本例中，我希望从预订引擎站点获取预订数据，他们希望通过Google Tag Manager将数据传递给我。我真的不明白当他们只需要GTM代码的时候我应该做什么。我应该在我的服务器中创建什么，以便通过Google Tag Manager从预订引擎获取数据？
以下是插图：
我有两个网站，分别是sites1.com和sites2.com。在sites1.com我把谷歌标签管理器的脚本推送表单提交数据，如全名，姓氏，电子邮件等。我的问题是，在有人在我的sites2.com中提交了sites1.com中的表单后，如何获得数据？
请任何人知道如何解决我的问题。提前
浏览 0提问于2018-07-27得票数 9
我注意到Google已经发布了他们的Tag Manager应用程序，这使得更改您的标签和跟踪选项变得非常容易。如何使用此工具跟踪离站链接？
浏览 3提问于2012-11-03得票数 3
我已经尝试为我的博客(Blogger)实现了Google Tag Manager。当我尝试使用预览和调试模式预览标记实现时，我看不到调试模式。在加载博客时，Debug模式会短暂出现，但一旦加载博客，调试模式就会消失。
任何关于如何纠正这个问题的建议都将深表感谢。
请在下面找到我的Google Tag Manager代码：
<body>
<!-- Google Tag Manager -->
<noscript><iframe height='0' src='//www.googletagmanager.com/ns.html?
浏览 4提问于2016-01-05得票数 0
我正在尝试在我的React站点上安装Google Tag Manager，但当我阅读Google Tag Manager的文档时，它表明我应该在每个页面的头部和正文中粘贴一个长脚本标签：
<!-- Google Tag Manager -->
<script>(function(w,d,s,l,i){w[l]=w[l]||[];w[l].push({'gtm.start':
new Date().getTime(),event:'gtm.js'});var f=d.getElementsByTagName(s)[0],
j=d.creat
浏览 7提问于2018-08-24得票数 6
回答已采纳
1回答
考虑到我的代码广泛使用jQuery，我真的可以在我的网站上的if Javascript语句上的某个点上触发对Google Tag Manager的调用/触发器吗？
浏览 9提问于2018-02-23得票数 1
回答已采纳
我已经在一个网站上安装了Facebook的Pixel Base Code，使用Google Tag Manager (我假设现在Facebook正在提供如何使用GTM的说明，这样做是可以的)。
我这里的问题是，为了在我想要测量的页面上插入“标准事件代码”(例如，一个线索)-我可以简单地使用Google Tag Manager在我想要的页面上插入这个代码(作为一个单独的标签)吗？
浏览 0提问于2017-03-16得票数 0
我想添加一个自定义脚本，它集成到页面上现有的标记管理器dataLayer中。我需要通知这个脚本有关新的dataLayer推送。因此，每当页面上有什么东西使用window.dataLayer.push时，我的脚本就应该被告知这一点。
是否有方法将自定义的dataLayer事件侦听器添加到Google中？
我在找类似的东西
google_tag_manager.dataLayer.onPush(callback);
google_tag_manager.dataLayer.subscribers似乎列出了有多少dataLayer订阅者--但我如何添加自己的订阅服务器呢？
浏览 7提问于2021-03-31得票数 3
回答已采纳
在将我的网页移到PHP 7服务器后，google日历不再出现在Firefox中。您自己(在标题下方，在右侧框中)。
我还发布了嵌入式代码。
<iframe src="https://calendar.google.com/calendar/embed?showTitle=0&showPrint=0&showTabs=0&showCalendars=0&height=200&wkst=2&hl=en_GB&bgcolor=%23FFFFFF&src=ky
浏览 4提问于2016-12-10得票数 1
在我的网站上运行一些javascript之前，我想确保GTM已经正确加载。这段JS代码不能移动到GTM标记中，因为它依赖于框架中唯一的变量。
if( typeof google_tag_manager !== 'undefined' ) {
//I tried running my code here
}
当我测试上面发布的内容时，代码块中的代码无法运行，但是在控制台中检查google_tag_manager的值表明它是一个对象，并不是未定义的。在运行一些js代码之前，确保GTM已经加载的最好方法是什么？
浏览 2提问于2016-04-19得票数 0
1回答
我正在运行一个WordPress网站与传统和AMP的网页。这两个版本都在使用GTM，但是AMP版本无法找到我的自定义变量。AMP页面是有效的，因此我认为如何定义自定义变量存在一个问题。
我使用下面的代码来定义AMP页面上的变量。有什么地方我错过了吗。要查看AMP页面的示例，请访问。
<body>
<!-- Google Tag Manager -->
<amp-analytics config="https://www.googletagmanager.com/amp.json?id=GTM-xxxxxxxxx.url=SOURCE_URL" da
浏览 0提问于2018-10-02得票数 1
回答已采纳
1回答
我试图使用screen-view hits将Google Analytics发送到Google Tag Manager，但在实时视图中，它将screenName值显示为(not set)。还显示了实际的screenNames，但同时也报告了(not set)。有人能指出我错过了什么吗。
浏览 2提问于2017-01-03得票数 0
回答已采纳
我有一个电子商务网站，我正在跟踪感谢页面中的订单，在DataLayer变量中发送所有事务数据。
事务数据已被发送并记录下来，但在使用标记辅助Chrome扩展进行调试时，我得到了此错误消息：
事件命中必须在页视图命中后发送，但此事件命中之前没有页面查看。
感谢页面的HTML：
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<meta name="viewport" content=&
浏览 0提问于2019-08-25得票数 0
我需要在我当前的flutter应用程序中实现Google Tag Manager。我找了一个包，但是我只找到了这个https://pub.dev/packages/google_tag_manager，它只适用于flutter web。 我的问题是:有没有办法将Google Tag Manager集成到使用Firebase Analytics的现有flutter应用程序中，而无需创建插件本身？
浏览 18提问于2020-07-10得票数 3
我在确认页面上部署了下面的数据层，它捕获的事务数据都是正确的。在这里输入代码
<!-- Enhanced Ecommerce Data Layer through Google Tag Manager -->
<script>
dataLayer.push({
'ecommerce': {
'purchase': {
'actionField': {
'id': rtCONFIRMATIONNUMBER_0,
'reve
浏览 3提问于2017-06-05得票数 0
回答已采纳
如何设置一个值小于$1的Google Tag Manager事件？
我正在通过GTM Universal Analytics事件标签跟踪出站点击。每点击一次特定的标签就值60美分。我知道value字段需要一个整数，所以如果我输入1，那么它将是$1。
有没有办法将它设置为以美分为单位，这样我就可以为值加上60？
浏览 1提问于2018-05-17得票数 1
我想得到一些服务器端的错误信息在谷歌分析使用谷歌标签管理器。我设法在我的dataLayer中推送了一些数据，我得到了这个：
dataLayer.push({
'event':'error_event_nl',
'eventCategory': 'errors',
'eventAction': 'starter_action',
'eventLabel': 'error-messages-label',
'error_me
浏览 0提问于2019-02-22得票数 0
我在我的所有页面上添加了以下内容：
<!-- Google Tag Manager Data Layer -->
<script>
dataLayer=[{'author': 'abc'}]
</script>
<!-- End Google Tag Manager Data Layer -->
我在Google Tag Manger中设置了以下变量：
所以我会遇到这样的情况：
然后，我将Universal Analytics标记设置如下：
设置标记的目的是为了在每个页面视图中
浏览 5提问于2017-03-02得票数 0
回答已采纳
在哪里可以检查我在google analytics中为google tag manager中的标签设置的字段值
浏览 1提问于2020-06-04得票数 0
1回答
在默认模式下的WordPress博客上，我有一个<canvas>，其中我用ChartJS绘制了一个图表。我刚刚下载了AMP插件，运行Google测试工具，它说：
修正禁止或无效使用Tag Tag标签‘画布’的下列问题不被允许。
你怎么解决这个问题？有办法用AMP做JavaScript吗？
浏览 0提问于2017-06-23得票数 1
回答已采纳
有没有人知道有没有办法通过Google Tag Manager来设置Analytics for Firebase的用户属性？我找不到关于融合这两个工具的深入文档。
浏览 0提问于2017-10-05得票数 1
引用自
当应用程序动态加载内容并更新地址栏中的时，还应该更新存储在跟踪器上的数据。
ga('set', 'page', '/new-page.html');
如果我在中使用Google标记管理器，我如何运行它？
下面是我如何跟踪使用高阶组件在React路由器上的路由更改时如何跟踪页面查看的片段。
componentDidMount() {
const { history } = this.props;
this.history = history.listen(location => {
if (
浏览 2提问于2021-04-26得票数 0
回答已采纳
Google Tag Manager提供了用于存储事件跟踪信息的dataLayer全局变量。要添加新事件，只需执行一个dataLayer.push({"Your data here"});，信息就会被捕获。
该数组中的信息是如何发送回Google的？是否在后台对该变量进行了某种轮询？
浏览 0提问于2013-05-22得票数 3
回答已采纳
扫码
添加站长 进交流群
领取专属 10元无门槛券
手把手带您无忧上云
相关资讯
热门标签
云服务器
ICP备案
实时音视频
对象存储
云直播活动推荐
腾讯云开发者
