开发者社区

文档建议反馈控制台

最新优惠活动

文章/答案/技术大牛

发布

无法为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的变量。这将为您提供更多的灵活性和可扩展性，以便在云计算环境中更好地管理和跟踪网站数据。

腾讯云的相关产品和服务可以根据具体需求选择使用。您可以参考腾讯云的产品文档和相关介绍来了解更多详情。

相关搜索:Google Analytics、AMP和Tag Manager、动态客户端计算指标连接amp-表单事件到Google Tag Manager广告-转换标签通过Cookie值设置Google Tag Manager变量anonymizeIp 自定义事件如何使用Google Tag Manager与AMP配合使用？将Google tag manager添加到Magnolia CMS Google Tag Manager > dataLayer变量查找并替换为javascript变量将标签设置为图像"alt“属性- Google Tag Manager Ionic 5 IOS无法向Google Tag Manager发送数据 Google Tag Manager单击变量有时不会在单击时填充 Google Tag Manager -用于提取dataLayer变量的自定义javascript Google Tag Manager变量分析错误:需要主表达式 Google tag Manager中带变量的自定义HTML标签使用Google Tag Manager添加Facebook聊天支持代码时HTML无效？如何在Google Tag Manager中的不同HTML位置添加标签？通过Google api客户端从google Tag Manager获取变量信息(要设置的字段无法使用服务帐户通过C# API连接到Google Tag Manager API 如何将Google Tag Manager自定义变量分配给Google Analytics自定义维度在Google Tag Manager的事务性事件中推送额外的自定义变量如何在Google Tag Manager中为JSON LD脚本触发基于div id的触发器？无法为Chromium版本添加google api密钥

相关搜索:

页面内容是否对你有帮助？

有帮助

没帮助

相关·内容

Discourse 设置 GTM

GTM 是 Google Tag Manager 的简称。 Discourse 设置 GTM 在 Discourse 的后台中，搜索关键字： gtm 在空白的地方输入 GTM 的标签变量。...这个变量是在你 Google 的 Google Tag Manager 设置的。...：针对 Google Tag Manager https://tagmanager.google.com/ https://www.googletagmanager.com/ 如果你使用 Google...://stats.g.doubleclick.net https://www.google.com 同时，为了避免可能有其他的问题，你可以直接添加 https: 需要注意的是：https: 后面有一个冒号的...那么你还需要把 ‘unsafe-inline’ 添加到信任的链接列表中。我们的完整配置如下图：完成上面的设置后，你的 Tag Manger 应该就可以在 Discourse 上使用了。

6312 0

2万字带你了解Selenium全攻略

====== WebDriver manager ====== Current google-chrome version is 96.0.4664 Get LATEST chromedriver version...====== WebDriver manager ====== Current google-chrome version is 96.0.4664 Get LATEST driver version...初始化浏览器对象在准备工作部分我们提到需要将浏览器渠道添加到环境变量或者指定绝对路径，前者可以直接初始化后者则需要进行指定。...每个元素其实就是一个tag，一个tag往往用来定义一类功能，我们查看百度首页的html代码，可以看到有很多同类tag，所以其实很难通过tag去区分不同的元素。...获取文本以热榜为例，获取热榜文本和链接 tag-width c-link c-font-medium c-line-clamp1" href="https

3K3 0

手把手教你在CentOS上搭建Kubernetes集群

，EE为企业版即商业版。...tag gcr.io/google_containers/kube-controller-manager-amd64 gcr.io/google_containers/kube-controller-manager-amd64...:v1.7.5 && \ docker rmi gcr.io/google_containers/kube-controller-manager-amd64 && \ docker tag gcr.io...gcr.io/google_containers/kube-proxy-amd64 && \ docker tag gcr.io/google_containers/kube-scheduler-amd64...rmi gcr.io/google_containers/pause-amd64 4.添加阿里源 [root@localhost ~]# cat >> /etc/yum.repos.d/kubernetes.repo

8247 1

手把手教你在CentOS上搭建Kubernetes集群

，EE为企业版即商业版。.../google_containers/etcd-amd64 && docker tag gcr.io/google_containers/k8s-dns-dnsmasq-nanny-amd64 gcr.io...gcr.io/google_containers/kube-controller-manager-amd64 gcr.io/google_containers/kube-controller-manager-amd64...:v1.7.5 && docker rmi gcr.io/google_containers/kube-controller-manager-amd64 && docker tag gcr.io/google_containers.../kube-proxy-amd64 && docker tag gcr.io/google_containers/kube-scheduler-amd64 gcr.io/google_containers

4371 0

手把手教你在CentOS上搭建Kubernetes集群

，EE为企业版即商业版。...tag gcr.io/google_containers/kube-controller-manager-amd64 gcr.io/google_containers/kube-controller-manager-amd64...:v1.7.5 && \ docker rmi gcr.io/google_containers/kube-controller-manager-amd64 && \ docker tag gcr.io...gcr.io/google_containers/kube-proxy-amd64 && \ docker tag gcr.io/google_containers/kube-scheduler-amd64...rmi gcr.io/google_containers/pause-amd64 4.添加阿里源 [root@localhost ~]# cat >> /etc/yum.repos.d/kubernetes.repo

1.9K5 0

Android 线程与消息机制源码分析

需要注意，ThreadLocal无法解决共享对象的更新问题。通过 ThreadLocal 创建的线程变量，其子线程是无法继承的。...也就是说你在线程中通过 ThreadLocal 创建了线程变量 V，而后该线程创建了子线程，你在子线程中是无法通过 ThreadLocal 来访问父线程的线程变量 V 的。...如果你需要子线程继承父线程的线程变量，那该怎么办呢？...ThreadLocal有个静态内部类叫ThreadLocalMap,它还有一个静态内部类叫Entry,它继承自weakreference,没有方法,只有一个value成员变量,它的key为ThreadLocal...epoll机制实现是一种IO多路复用机制主线程没有消息即阻塞在管道读端，处于休眠状态，如果消息队列中有消息，就会往管道写端写入内容，唤醒正在等待消息的主线程 binder线程会往主线程消息队列里添加消息

4031 0

ContentProvider 源码分析

ContentProvider 简介 ContentProvider 作为 Android 四大组件中的一种，为我们提供了不同进程甚至是不同应用程序之间共享数据的机制。...ActivityThread的main方法 public static void main(String[] args) { Trace.traceBegin(Trace.TRACE_TAG_ACTIVITY_MANAGER...Trace.traceEnd(Trace.TRACE_TAG_ACTIVITY_MANAGER); Looper.loop(); throw new RuntimeException...;lt;ProviderInfo> providers) { final ArrayList<ContentProviderHolder> results...buf.append(cpi.name); Log.i(TAG, buf.toString()); } ContentProviderHolder

6452 0

利用“Google Tag Manager V2”实现滚动追踪

滚动追踪准备：第一步首先，最好的做法是了解Google Tag Manager（或任何代码管理系统）的运作方式。...你需要做的第二步是通过Google Analytics在网站网页中安装Google Tag Manager container（谷歌标签管理容器）。...第三步：要使用谷歌标签管家第二版（Google Tag Manager V2）实现滚动追踪，你先要有jQuery Scroll Depth。你可以在下面找到脚本。...滚动追踪实施：设置变量在Google Tag Manager中，需要遵循一项规则：每个“标签”都需要对应“触发器”。每个触发器都需要“变量”来触发。要设置滚动追踪的变量，你需要创建三个数据变量层。...完成调试后，请不要忘记创建一个版本，然后在Google Tag Manager上启动“滚动追踪”功能。总结 Google Tag Manager版本2与GTM 版本1相比更加简单便捷。

1.9K7 0

Google代码管理工具101 部分5－表单

主编前言：很多朋友都听说过Tag Management（监测代码管理），但其强大的功能和实现方式，了解的朋友不多。...本系列以Google Tag Manager（GTM）为例，介绍如何实现集约化的Tag Management，从而实现更优化的监测代码配置。这是这个系列的第五篇文章。...建议你从第1部分开始看这个系列文章，按照文章内容，创建属于你的Google Tag Manager容器。...现在，大多数表单都在成功提交后并不会发生页面的跳转，会继续留在当前页面，这就会导致GA中没有记录任何网页浏览量 - 并且无法跟踪表单是否已经被正常提交。...追踪代码——虚拟页面我们使用网页路径字段名设置为“page”，我们在“评论”字词中添加了一个独立的页面 - 此网页会显示在“所有网页”报告中，例如/blog/2015/july/20/google-tag-manager

2.4K5 0

Service 启动与绑定源码分析

case CREATE_SERVICE: Trace.traceBegin(Trace.TRACE_TAG_ACTIVITY_MANAGER, ("serviceCreate... handleCreateService((CreateServiceData)msg.obj); Trace.traceEnd(Trace.TRACE_TAG_ACTIVITY_MANAGER...;& (flags&BIND_AUTO_CREATE) == 0 && mPackageInfo !...sd.getIServiceConnection(); } } 当前arrayMap不为空时，根据当前的ServiceConnection来获取ServiceDispatcher对象，如果为空就创建一个...= null && old.binder == service) { // Huh, already have this one.

7581 0

GOOGLE 跟踪代码管理器（GTM）101 PART 1 – 基础篇

本系列以Google Tag Manager（GTM）为例，介绍如何实现集约化的Tag Management，从而实现更优化的监测代码配置。这是这个系列的第一篇文章。...Google表示，“用户可以使用Google代码管理工具随时快速创建和升级网站及移动APP代码（tag在GTM中文版本翻译成“代码”）。”...2.将Google Analytics跟踪代码添加为变量你创建的每个代码（tag在GTM中文版本翻译成“代码”）都需要发送到你的Google Analytics跟踪代码。...创建一个用户定义的变量，而不是为每个代码输入追踪代码，当你进入新容器后，你将看到以下图片。从这里你可以在容器代码概览，代码（tag在GTM中文版本翻译成“代码”），触发器，变量和文件夹之间随意切换。...进入变量创建一个新的用户定义变量。变量类型是一个常量，变量值是你的Google Analytics跟踪代码。

4.3K5 0

⭐️入职新公司需要准备哪些工作，如何让同事觉得你是大神

为了简化版本管理的过程，我们可以使用nvm（Node Version Manager）工具来管理和切换Node.js版本。...配置环境变量打开你的终端配置文件，这里是zsh的配置文件为~/.zshrc。...在配置文件中添加以下内容来设置nvm的环境变量： export NVM_DIR="$HOME/.nvm" [ -s "$NVM_DIR/nvm.sh" ] && \...."$NVM_DIR/nvm.sh" # This loads nvm [ -s "$NVM_DIR/bash_completion" ] && \....Auto Rename Tag 自动重命名配对的HTML/XML标签，与Visual Studio IDE相同。

3602 0

umi+electron开始一个桌面应用

但是注意var server = http.createServer(app);这句话不能放入函数中，因为在其他地方也使用了server变量。...写法 {task.showTime && (Tag ) } {!...date-picker/locale/zh_CN'; <Popover // 弹层的位置 placement="bottomLeft" // 标题这里为空...我们在其右侧再写一个时间选择器，通过变量definedDatePickShow控制其是否显示。...做如下改进： [{},{}] 服务端判断一下读取的数据是否为空，为空 let newData = null; // 合并新的任务数据和读取原文件中的数据记得要做一下JSON处理

5.3K1 0

「走进k8s」kubeadm搭建 Kubernetes1.15.1集群环境（14）

它被故意设计为只关心启动集群，而不是之前的节点准备工作。...docker pull registry.cn-hangzhou.aliyuncs.com/google_containers/kube-controller-manager:v1.15.1 docker.../kube-controller-manager:v1.15.1 k8s.gcr.io/kube-controller-manager:v1.15.1 docker tag registry.cn-hangzhou.aliyuncs.com...tag registry.cn-hangzhou.aliyuncs.com/google_containers/etcd:3.3.10 k8s.gcr.io/etcd:3.3.10 docker tag...defaults 0 0这一行注释掉 ③ k8s命令补全功能记住执行完命令补全，需要关闭窗口重新打开才生效，否则会报错 yum install -y bash-completion* # 添加环境变量

2.2K3 1

如何部署一个Kubernetes集群

需要注意的是，如果执行过程中由于国内网络限制问题导致无法下载相应的Docker镜像，可以根据报错信息在国内网站（如阿里云）上找到相关镜像，然后再将这些镜像重新tag之后再进行安装。...1.6.7 下载完成后再将这些Docker镜像重新tag下，具体命令如下： #重新tag镜像 docker tag registry.cn-hangzhou.aliyuncs.com/google_containers.../pause:3.2 k8s.gcr.io/pause:3.2 docker tag registry.cn-hangzhou.aliyuncs.com/google_containers/coredns.../kube-controller-manager-amd64:v1.18.1 k8s.gcr.io/kube-controller-manager:v1.18.1 docker tag registry.cn-hangzhou.aliyuncs.com...如果不这么做的化，那么每次通过集群就都需要设置“export KUBE CONFIG 环境变量”来告诉kubectl这个安全文件的位置。

8551 0

在 Ubuntu 上安装 K8S教程

apt update 3，安装 Docker 也可以参考其它过程安装 apt-get install docker.io 如果需要配置为开机启动，可执行以下命令 systemcd enable docker...但是因为需要连接到 Google ，所以可能无法下载内容。我们可以通过使用 kubeadm config images list 命令，列举需要拉取的镜像。我们来手动通过 Docker 拉取。.../$imageName docker tag registry.aliyuncs.com/google_containers/$imageName k8s.gcr.io/$imageName...6，使主节点生效添加环境变量 export KUBECONFIG=/etc/kubernetes/admin.conf 添加网络插件 kubectl apply -f https://raw.githubusercontent.com...docker pull registry.aliyuncs.com/google_containers/kubernetes-dashboard-amd64:v1.10.1 docker tag registry.aliyuncs.com

14.3K7 3

容器学习笔记之将Google的gcr.io、k8s.gcr.io 换为国内镜像

0x00 添加docker官方的国内镜像 sudo tee /etc/docker/daemon.json <<-'EOF' { "registry-mirrors": ["https://registry.docker-cn.co...{image}/{tag} 批量转换脚本 # replace gcr.io/google-containers/federation-controller-manager-arm64:v1.3.1-beta...it # k8s.gcr.io/{image}/{tag} gcr.io/google-containers/{image}/{tag} anjia0532/google-containers...{image}/{tag} images=$(cat img.txt) #or #images=$(cat <<EOF # gcr.io/google-containers/federation-controller-manager-arm64.../{image}/{tag} gcr.io/google-containers/{image}/{tag} anjia0532/google-containers.

2.7K3 0

google gcr.io、k8s.gcr.io 国内镜像

1、首先添加docker官方的国内镜像 sudo tee /etc/docker/daemon.json <<-'EOF' { "registry-mirrors": ["https://registry.docker-cn.co...{image}/{tag} 批量转换 # replace gcr.io/google-containers/federation-controller-manager-arm64:v1.3.1-beta...it # k8s.gcr.io/{image}/{tag} gcr.io/google-containers/{image}/{tag} anjia0532/google-containers...{image}/{tag} images=$(cat img.txt) #or #images=$(cat <<EOF # gcr.io/google-containers/federation-controller-manager-arm64.../{image}/{tag} gcr.io/google-containers/{image}/{tag} anjia0532/google-containers.

17.9K5 1

谷歌跟踪代码管理器（GTM）入门指南第4部分——社交媒体

本系列以Google Tag Manager（GTM）为例，介绍如何实现集约化的Tag Management，从而实现更优化的监测代码配置。这是这个系列的第四篇文章。...而部分社交访问可能也会被记录在在引荐渠道里面，是因为有一些较小的社交平台不被Google识别，就会被归类为引荐来源渠道。在“流量获取>社交”上可查看所有的社交来源流量的报告。...让GTM无法正常工作的唯一原因可能是，如果你的网站用的是第三方的社交分享插件，那么GTM就无法检测到链接的点击。...从你的网站点击跳转至社交网站如果您已经将外部链接发送到Google Analytics（请参阅第3部分），那么你的社交链接点击次数就将被记录为“事件”。...要构建标签Tag，我们可以使用我们确定的其他变量Variable，名为Click Text（用户点击的元素内部的可见文本）。这是为了方便格式化我们的社交网络。

2.5K6 0

React 实现一个markdown

数据的时候，为每一个tag添加了一个checked:false ArticleType().then(res => { const tempData = res.data; tempData.map...(tag.checked = true) : (tag.checked = false))); // 改变 tags变量 setTags([...tempTags]); // 改变提交参数...setSubmitParams({ ...submitParams, type: tagType }); }; Select 对应着收录至专栏，option通过articleColumn变量进行渲染...当imageUrl没有值的时候渲染图标，当是加在的时候渲染loading图标，当是添加的时候渲染PlusOutlined图标 ...; } return isJpgOrPng && isLt2M; }; 上传图片，将图片格式转为base64，然后将后端的返回值赋值给imageUrl // 转为

1.2K3 0

点击加载更多

扫码

添加站长进交流群

领取专属 10元无门槛券

手把手带您无忧上云

扫码加入开发者社群

相关资讯

热门标签

活动推荐

运营活动

活动名称

广告关闭