无法为Google Tag Manager添加AMP变量
Google Tag Manager（GTM）是由谷歌推出的一种标签管理系统，它可以帮助开发人员更便捷地在网站上添加和管理各种标签和代码片段，而无需直接修改网站代码。而AMP（Accelerated Mobile Pages）是一种由谷歌推出的开源项目，旨在提高移动页面的加载速度和性能。
在默认情况下，Google Tag Manager并不直接支持在AMP页面中添加变量。然而，可以通过一些额外的步骤实现在AMP页面中使用Google Tag Manager变量。
以下是一种可能的解决方案：
- 在Google Tag Manager中创建所需的变量。可以使用各种内置变量和自定义变量来捕获需要在AMP页面中使用的数据。
- 在AMP页面中添加Google Tag Manager的AMP容器代码。这个代码段需要放置在
<head>标签内。
<script async custom-element="amp-analytics" src="https://cdn.ampproject.org/v0/amp-analytics-0.1.js"></script>
<script async src="https://cdn.ampproject.org/v0.js"></script>- 在AMP页面中添加一个自定义的JavaScript变量，用于获取Google Tag Manager的变量。这可以通过使用
<amp-analytics>组件中的data-variables属性来实现。
<amp-analytics>
<script type="application/json">
{
"vars": {
"myVariable": "<YOUR_VARIABLE_NAME>"
}
}
</script>
</amp-analytics>在上面的代码中，将 <YOUR_VARIABLE_NAME> 替换为在Google Tag Manager中定义的变量的名称。
- 在需要使用Google Tag Manager变量的地方，可以通过
AMP.setState()方法将自定义变量值传递给其他AMP组件。
总结：尽管Google Tag Manager在默认情况下不直接支持在AMP页面中添加变量，但通过以上所述的步骤，您可以实现在AMP页面中使用Google Tag Manager的变量。这将为您提供更多的灵活性和可扩展性，以便在云计算环境中更好地管理和跟踪网站数据。
腾讯云的相关产品和服务可以根据具体需求选择使用。您可以参考腾讯云的产品文档和相关介绍来了解更多详情。
相关·内容
我正在使用谷歌分析与谷歌标签管理器的网站，我试图为我的AMP页面添加自定义维度，我找到了解决方案，该https://support.google.com/tagmanager/answer/6164990hl=en (步骤2)和AMP页面，我正在使用这里描述的AMP变量https://support.google.com/tagmanager/answer/9205783
浏览 15提问于2019-10-15得票数 0
回答已采纳
我已经在我的网站的所有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
浏览 21提问于2020-02-24得票数 0
我想谷歌分析发送一个客户计算的AMP的价值。我还使用Google Tag Manager在页面上嵌入分析代码。
我想发送一个时间(unix)与设备上当前时间之差的值。Tag Manager上有一个名为"{{Client Timestamp}}“的变量，我定义了服务器端的另一个日期。我还尝试了一个计算了值的生成的隐藏元素，但如果没有用户交互，我就无法在此元素上设置正确的值。<amp-state id="my_d
浏览 12提问于2020-02-26得票数 0
因此，我正在为我的CMS创建一个基本模板来生成AMP-HTML页面。在Google & AMP文档中，它通过在脚本标签中包括JSON中的GA凭证和通过包括Google Analytics for AMP js文件来支持Google Analytics。我担心的是在我的页面上做的所有跟踪都是通过Google Tag manager完成的，我真的找不到一种方法来在我的AMP-HTML页面中包含Google
浏览 1提问于2016-04-28得票数 0
Google Tag Manager的AMP容器似乎只支持几个触发器，如Click、Scroll、Timer等，没有自定义触发器。我尝试过的一件事是将adwords标签直接添加到<amp-analytics>配置中，如下所示： <amp-analytics config="https://www.googletagmanager.com-- Extra tag for form submissio
浏览 16提问于2019-01-11得票数 0
回答已采纳
我无法使用Google Tag Manager跟踪amp页面上的出站链接点击跟踪。单击amp页面上的链接时，我如何知道问题所在，以及如何获取链接详细信息的数据？
浏览 0提问于2018-12-08得票数 1
3回答
我正在使用带有AMP容器的Google Tag Manager。我集成了一个简单的Google Analytics标签
下面是头部使用的代码：
<!-- AMP Analytics --><script async custom-element="amp-analytics" src="https://cdn.ampproject.org/v0/amp-ana
浏览 3提问于2017-02-04得票数 1
我已经尝试为我的博客(Blogger)实现了Google Tag Manager。当我尝试使用预览和调试模式预览标记实现时，我看不到调试模式。请在下面找到我的Google Tag Manager代码：<!-- Google Tag Manager -->
<noscript><iframe height='0' src='&#x
浏览 4提问于2016-01-05得票数 0
1回答
谷歌分析已经添加了utm参数，这似乎打破了Twitter。如果你从url中删除参数，Twitter就可以工作了。我尝试使用JavaScript删除参数，但由于GA只在您单击按钮时添加参数，所以我无法删除它们，我需要首先阻止GA添加它们。
谢谢
浏览 11提问于2018-02-22得票数 0
我正在尝试将Google添加到文档的中。 $config = \Drupal::config('mymodule.config');
$gtm_id = $config->get('google_tag_manager_id' => 'script', '#v
浏览 0提问于2018-02-16得票数 0
回答已采纳
1回答
在页面加载了javascript之后，我尝试添加一个Google AdWords再营销列表标记--本质上是在用户采取特定操作之后。<!";var google_remarketing_only = true;
/* ]]> */value=1.00&currency_code
浏览 1提问于2014-08-22得票数 0
回答已采纳
我使用谷歌标签管理器添加分析脚本到我的网站，它是正确的工作在大多数网页上，但似乎是插入不正确的标签在其他人。Google标记脚本如下所示<noscript><iframe src="//www.googletagmanager.c
浏览 1提问于2014-11-11得票数 1
回答已采纳
我在我的所有页面上添加了以下内容：<script></script>我在Google Tag Mang
浏览 5提问于2017-03-02得票数 0
回答已采纳
2回答
-- Google Tag Manager -->new Date-- End Google Tag Manager --><!-- Google Tag Manager (noscript) -
浏览 1提问于2019-06-28得票数 4
回答已采纳
我将变量作为元数据传递到head部分：<meta id="ctl00_BDMeta_UsernameBDMeta_PageTitle" name="DCSext.PageTitle" />
<meta id="ctl00_BDMeta_PageURL" name="DCSext.PageURL&q
浏览 1提问于2015-09-01得票数 2
2回答
可以在本地主机上运行和调试Google Tag Manager for Accelerated Mobile Pages吗？我发现它在默认情况下不能工作。
浏览 0提问于2017-06-10得票数 2
2回答
我应该在哪里添加Google Tag Manager代码？ 从GTM的文档中，我应该将一个脚本复制到head标记中，并在body标记的开头复制另一个脚本。 据我所知，救生艇应该被添加到主题中。我到底应该在哪里添加GTM代码，(头部和主体代码) 任何建议都会很有帮助，谢谢！:)
浏览 55提问于2021-01-22得票数 0
回答已采纳
(1)首先，我添加了5个标签的ContainerB。<!-- End Google Tag Manager --><!-- End Google Tag Manager
浏览 9提问于2020-10-27得票数 0
扫码
添加站长 进交流群
领取专属 10元无门槛券
手把手带您无忧上云
相关资讯
热门标签
云服务器
ICP备案
对象存储
腾讯会议
云直播活动推荐
腾讯云开发者
