Google Tag Manager > dataLayer变量查找并替换为javascript变量
Google Tag Manager是一种云计算工具，它允许开发人员和营销人员在网站上管理和部署各种标签和代码片段，而无需直接修改网站代码。通过Google Tag Manager，用户可以更加灵活地管理和跟踪网站上的各种行为和事件。
dataLayer变量是Google Tag Manager中的一种特殊变量，它用于在网页上存储和传递数据。开发人员可以通过在网页代码中设置dataLayer变量，将特定的数据传递给Google Tag Manager，以便在标签和代码片段中使用。
在Google Tag Manager中，可以使用JavaScript变量来查找和替换dataLayer变量。JavaScript变量可以通过自定义JavaScript代码来定义，以满足特定的需求。通过使用JavaScript变量，可以对dataLayer变量进行进一步的处理和操作，例如提取特定的值、转换数据类型等。
Google Tag Manager的优势包括：
- 简化管理：通过集中管理和部署标签和代码片段，可以减少对网站代码的直接修改，简化网站管理和维护过程。
- 灵活性：可以根据需要添加、修改或删除标签和代码片段，而无需重新发布网站。
- 数据跟踪和分析：通过Google Tag Manager可以方便地跟踪和分析网站上的各种行为和事件，例如页面浏览、点击、转化等。
- 提高效率：通过使用Google Tag Manager，可以减少开发人员和营销人员之间的沟通和协调成本，提高工作效率。
Google Tag Manager的应用场景包括但不限于：
- 网站分析：通过Google Analytics等工具，跟踪和分析网站上的用户行为和转化情况。
- 广告追踪：通过Google Ads等工具，跟踪和分析广告投放效果。
- A/B测试：通过Google Optimize等工具，进行网站页面的优化和测试。
- 市场营销自动化：通过Google Tag Manager和其他市场营销工具的结合，实现自动化的营销活动。
腾讯云提供了类似的云计算服务，可以替代Google Tag Manager的功能。腾讯云的产品是腾讯云数据万象，它提供了类似的标签管理和数据跟踪功能。腾讯云数据万象可以帮助用户更好地管理和部署标签和代码片段，并跟踪和分析网站上的各种行为和事件。
腾讯云数据万象产品介绍链接地址：https://cloud.tencent.com/product/ci
相关·内容
我正在尝试测试我是否可以使用GA4使用datalayer.push对gtag做同样的事情。在gtag中，一切都运行得很好，但在datalayer.push中则不然。在下面的代码中，我定义了两个自定义事件:工作正常的gTracker和仅在tagassistant中可见且不向Google Analytics Data API发送信息的dlTracker。
在HTML中
<button type='button' class='btn btn-primary' onclick="javascript:BTN_click()">Clic
浏览 9提问于2022-10-13得票数 0
回答已采纳
谷歌标签管理器有没有可能解密通过dataLayer发送的加密(或者至少是模糊/去模糊)信息，使其对人眼不可读
我想加密某些信息-例如欧元数字或页面Javascript中的唯一标识符，然后在Google Tag Manager解密这些信息，然后将值发送到Google Analytics。
我在页面本身寻找类似于以下内容的内容：
window.dataLayer.push({
encryptedValue: encrypt(value, password)
})
并在Google Tag Manager创建加密值(例如，使用自定义JavaScript)：
decryptedVa
浏览 1提问于2018-12-19得票数 0
在我的Google Tag Manager javascript中，我看到了这个错误"Uncaught : wl.push is not a function“。到底怎么回事？
我使用的是普通的GTM脚本，并且定义了一个简单的dataLayer：
<script>
dataLayer = {
"foo": "bar"
}
</script>
浏览 0提问于2015-09-25得票数 3
我认为GTM没有为我的Rails应用程序正确记录数据。当我使用预览功能时，开发者工具中的GTM预览数据仅在初始页面加载时显示，后续页面加载(使用turbolinks)不显示预览数据。我应该如何用TurboLinks设置GTM？
我在标题中设置了GTM，如下所示：
<script>
var dataLayer = [];
(function(w,d,s,l,i){w[l]=w[l]||[];w[l].push({'gtm.start':
new Date().getTime(),event:'gtm.js'});var f=d.getElementsB
浏览 3提问于2017-01-04得票数 2
我在表单提交时触发了一个dataLayer变量。此表单提交的javascript代码不在源代码的顶部。
我该如何解决这个问题？潜在的后果是什么？
假设我不能使用Google Tag Manager的“表单提交”变量，并且我需要发送我的自定义变量。
浏览 6提问于2020-05-05得票数 0
回答已采纳
每次有人访问网站时，我都会尝试通过电子邮件获取有关用户的信息。此信息存储在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
我正在尝试推送一个ID到谷歌分析，但没有看到它通过。下面是我的cshtml代码：
@{
string id = Guid.NewGuid().ToString();
}
<script>
console.log('about to declare the datalayer');
var id = '@id';
console.log('id:' + id);
dataLayer = [{
'event': 'getIdentifier',
浏览 0提问于2017-10-06得票数 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
回答已采纳
我的目标是在谷歌分析报告中有用户电子邮件地址，这样我就可以为客户建立自定义报告。为此，我在admin ->定制定义->自定义维度下添加了一个自定义维度"cdUserEmailAddress“，我将其范围设置为session。
我在我的页面中设置了以下代码以添加测试值，但它并没有添加我可以在google分析仪表板上找到的值。
<script>
window.dataLayer = window.dataLayer || [];
function gtag() { dataLayer.push(arguments); }
gtag('js', new
浏览 1提问于2019-03-28得票数 0
回答已采纳
1回答
我试图做一个跨域的GTM，但有一个问题。我在domain1.com中有GTM和GA，在domain2.com中只有GTM。是否可以只使用容器来跟踪变量？还是在这两个领域我都需要GA？
领域1.com和domain2.com中的GTM
<!-- 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.getElementsByT
浏览 1提问于2018-09-14得票数 0
回答已采纳
我已经创建了chrome扩展。我在弹出的html中添加了google标签管理器脚本和没有脚本iframe，如下所示： <!doctype html>
<html lang="en">
<head>
<meta charset="utf-8">
<title>Signals</title>
<meta name="viewport" content="width=device-width, initial-scale=1">
<!
浏览 42提问于2019-03-28得票数 0
回答已采纳
我们的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
1回答
我正在尝试使用Google Tag Manager设置电子商务跟踪，但是我无法在google analytics中显示数据？
通过使用上述链接中提供的示例，以下是我的代码：
<html>
<head>
<script>
window.dataLayer = window.dataLayer || [];
dataLayer.push({
'transactionId': '1238393768',
'transactionAffi
浏览 0提问于2017-10-03得票数 0
1回答
我的问题是关于Google Tag Manager，只有在满足某些条件的情况下才运行脚本。
这是我的代码：
<!-- Google Tag Manager -->
<div ng-if="status === 'true'">
<noscript><iframe src="//www.googletagmanager.com/ns.html?id=GTM-****"
height="0" width="0" style="
浏览 0提问于2015-11-24得票数 0
1回答
我在我的应用程序(VueJs)上添加了公共/index.html中的GTM脚本：
<!-- 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=
浏览 10提问于2022-07-19得票数 0
2回答
我正在尝试在react应用程序中实现google标记管理器。它在页面重新加载时工作，但是当我通过路径在应用程序之间移动时，它不会在google分析中注册页面视图。
我已经尝试过react-gtm-module，但它也在重新加载，而不是路由更改。
index.html在head标记中添加了下面的代码。
<!-- Google Tag Manager -->
<script>(function(w,d,s,l,i){w[l]=w[l]||[];w[l].push({'gtm.start':
new Date().getTime(),event:'gt
浏览 1提问于2019-06-28得票数 4
回答已采纳
在Google Tag Manager中，它们提供了两个必须添加到页面中的脚本： <!-- place within <head> -->
<!-- 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)
浏览 31提问于2019-02-26得票数 1
我需要使用google标签管理器实现一些通用的分析事件，我遇到了一些问题。我添加了google标签管理器代码片段，看起来像这样：
<body>
<script>
var dataLayer = [];
</script>
<!-- Google Tag Manager -->
<noscript><iframe src="//www.googletagmanager.com/ns.html?id=GTM-XXXXXX"
height="0" width="0" sty
浏览 1提问于2015-02-17得票数 2
引用自
当应用程序动态加载内容并更新地址栏中的时，还应该更新存储在跟踪器上的数据。
ga('set', 'page', '/new-page.html');
如果我在中使用Google标记管理器，我如何运行它？
下面是我如何跟踪使用高阶组件在React路由器上的路由更改时如何跟踪页面查看的片段。
componentDidMount() {
const { history } = this.props;
this.history = history.listen(location => {
if (
浏览 2提问于2021-04-26得票数 0
回答已采纳
1回答
试图在我的数据播放器中更新一个值，但我无法让它工作。请参阅下面的代码。这在一个具有btn单击方法的类中。顺便说一下。
if (window.google_tag_manager["GTM-XXXXX"].dataLayer.get('ecommerce') !== undefined) {
console.log('update')
window.google_tag_manager["GTM-XXXXXX"].dataLayer.set('ecommerce', {
浏览 3提问于2022-09-13得票数 0
回答已采纳
我在我的网站上安装了GTM。我们已经在所有页面上都有规范的URL，但是Google Analytics并没有跟踪规范URL，所以分析得到了大写或查询字符串不同的重复页面。我已经找到了如何修改Google片段以跟踪规范URL的答案，比如，但问题是，因为我已经安装了GTM代码，所以没有-- Google代码片段。相反，我们有一个GTM片段：
<!-- Google Tag Manager -->
<script>(function (w, d, s, l, i) {
w[l] = w[l] || []; w[l].push({
'gtm.st
浏览 4提问于2020-07-06得票数 1
<script type="text/javascript">
dataLayer = [];
dataLayer.push({
'transactionId' : '27628SB013442',
'transactionTotal' : 4760.00,
'transactionTax' : 480.32,
'transactionProducts'
浏览 1提问于2016-07-08得票数 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
回答已采纳
对GA来说有点新。我想我需要定制的维度和度量，但不清楚如何实现这一点。
我的应用程序在一个安全的登录页面后面，一旦登录，每个用户都会被注册到租户(公司)，并有一个用户ID。我想要过滤特定租户和/或用户的活动。
更新
下面是标记管理器在设置后让我插入的代码(编辑了我的帐户)：
<!-- 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'});v
浏览 2提问于2021-02-24得票数 0
我需要将Google Tag Manager (GTM) ID从angular环境传递到加载到index.html上head部分的javascript脚本。此脚本被加载到一个文件中，该文件位于assets/js目录中。 window.dataLayer = window.dataLayer || [];
function gtag() {
dataLayer.push(arguments);
}
gtag("js", new Date());
gtag("config",
浏览 16提问于2020-11-21得票数 0
首先，这是我第一次尝试设置Google和Tag Manager，并且需要来自_ga cookie的客户端id。
我认为包含代码片段gtm.js就足够了，但是在那之后没有设置_ga。
<!-- 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.createEl
浏览 0提问于2018-04-26得票数 0
回答已采纳
我有以下代码行，基本上是google标记管理器脚本：
<!DOCTYPE html>
<html dir="ltr">
<head>
<!-- Google Tag Manager -->
<script>
window.dataLayer = window.dataLayer || [];
(function(w,d,s,l,i){w[l]=w[l]||[];w[l].push({'gtm.start':
new Date().getTime(),event:'gtm.js'});
浏览 5提问于2020-05-15得票数 1
回答已采纳
我想使用GTM来获得在google analytics中显示的页面浏览量以及页面名称。使用我所做的当前配置，它确实可以到达GA，但访问的页面显示为'/‘，并且不显示页面名称。我尝试了两个不同的变量，如下所示： // dataLayer that I defined in my index page is as shown below
<!-- dataLayer for Google Tag Manager -->
<script>
dataLayer = [{ 'pageView': 'layOut' }, { &#
浏览 16提问于2019-06-21得票数 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:'
浏览 2提问于2021-02-01得票数 1
建议应该在远程代码脚本标记之后/之下填充window.dataLayer。
<!-- Global site tag (gtag.js) - Google Analytics -->
<script async src="https://www.googletagmanager.com/gtag/js?id=GA_MEASUREMENT_ID"></script>
<script>
window.dataLayer = window.dataLayer || [];
function gtag(){dataLayer.pu
浏览 3提问于2019-07-11得票数 0
我正在尝试使用Google Tag Manager中的自定义js在两个场景中进行文本处理。它是相同的文本，但根据页面的不同，有时是超链接的，而有时不是 我让下面的代码在Chrome控制台中工作(没有"function()"，但当添加到Google标签管理器时，它需要一个"return“才能出现。我在“尝试”之前添加了“尝试”，但这引发了问题。 function() {
try {
google_tag_manager["GTM-KGLGRKD"].dataLayer.get("gtm.element").parentEl
浏览 4提问于2020-04-04得票数 1
1回答
我正在将我们的站点转换成https。到目前为止，这一切进展顺利，但我似乎想不出如何消除Chrome中的这个控制台错误。
显示在_Layout.cshtml页面中的Google代码直接从中提取，如下所示：
<!-- Google Tag Manager -->
<noscript><iframe src="//www.googletagmanager.com/ns.html?id=GTM-XXXX"
height="0" width="0" style="display:none;visibility
浏览 2提问于2015-06-23得票数 0
回答已采纳
4回答
我对谷歌的服务有点迷惑。我想跟踪转换事件。 我已经像这样配置了脚本： <!-- 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:
浏览 37提问于2019-05-29得票数 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
我已经尝试为我的博客(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
我已经在我所有页面的<head>部分粘贴了以下代码以连接到Google Analytics：
<!-- Global site tag (gtag.js) - Google Analytics -->
<script async src="https://www.googletagmanager.com/gtag/js?id=UA-*********-*"></script>
<!-- Google Analytics -->
<script>
window.dataLayer = window.
浏览 10提问于2021-03-08得票数 0
回答已采纳
我正在尝试访问添加到购物车事件中的数据层变量，但在标签管理器管理站点上没有跟踪到它 *事件被触发，但值未发送 数据层推送： <script>
dataLayer.push({
'event': 'addToCart',
'ecommerce': {
'currencyCode': 'EUR',
'add': {
'products': [
{
'name&
浏览 7提问于2019-04-09得票数 0
Google Tag Manager提供了用于存储事件跟踪信息的dataLayer全局变量。要添加新事件，只需执行一个dataLayer.push({"Your data here"});，信息就会被捕获。
该数组中的信息是如何发送回Google的？是否在后台对该变量进行了某种轮询？
浏览 0提问于2013-05-22得票数 3
回答已采纳
3回答
我正在使用容器来管理脚本。我正在执行一个服务器端优化/分析实验。出于性能原因，我需要服务器端。我已经对GTM/优化容器进行了客户端实验。
这是我的GTM代码：
window.dataLayer = window.dataLayer || [];
....
<!-- 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
浏览 1提问于2018-01-22得票数 9
回答已采纳
2回答
我对Google和gtag.js感到困惑。
我可以使用gtag.js跟踪GA和GTM跟踪GA4吗？我试着说：‘
<script async src="https://www.googletagmanager.com/gtag/js?id=Property ID GA"></script>
<script>
window.dataLayer = window.dataLayer || [];
function gtag(){dataLayer.push(arguments);}
gtag(
浏览 11提问于2022-06-14得票数 0
上下文: Azure，Windows 2012 R2，IIS8
IIS8中的标准重写提供程序是{和“}”，它们在各种上下文中用于表示捕获、替换和符号，例如{C:0}、{R:1}、{HTTP_ORIGIN}。
我试图使用一条规则将标记插入到页面中。
<rule name="Inject GTM After HEAD" preCondition="ResponseIsHtml1" enabled="true">
<match filterByTags="None" pattern="<hea
浏览 2提问于2020-08-12得票数 1
回答已采纳
我同时使用了gtag和GTM；我如何正确地将它们都包含在？另外，我想知道是否应该覆盖dataLayer变量，或者检查它是否已经存在于每个页面上--即dataLayer = [];或window.dataLayer = window.dataLayer || []; 这看起来正确吗？ <!-- Google Tag Manager -->
<script>
window.dataLayer = window.dataLayer || [];
</script>
<script>
(function(w,d,s,l,i){w[l]=w[l
浏览 64提问于2021-09-24得票数 0
3回答
我在SharePoint母版页的body标记中添加了GTM代码。
<body>
<--Body content goes here -->
<!-- Google Tag Manager -->
<noscript><iframe src="//www.googletagmanager.com/ns.html?id=GTM-XXXXXXXX"
height="0" width="0" style="display:none;visibility:hid
浏览 0提问于2014-10-01得票数 2
回答已采纳
我需要在我的应用程序中实现google标记管理器。它是一个具有独立配置系统的多租户应用程序。
我已经设置了谷歌标签管理器和分析。我在我的主页下面添加以下代码片段：-
<!-- Google Tag Manager -->
<noscript>
<iframe src="//www.googletagmanager.com/ns.html?id=GTM-XXXX"
height="0" width="0" style="display:none;visibility:hidden
浏览 1提问于2016-07-21得票数 3
回答已采纳
一旦我实现了这个脚本 <!-- 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
回答已采纳
我正在我的ReactJS网站上实现Google Tag Manager。
为此，我从Google文档中获得了以下说明：
参考：
复制以下JavaScript，并将其粘贴到网站每一页的开始标签附近，用您的容器ID替换GTM-XXXX：
<!-- 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.getElementsByT
浏览 4提问于2019-07-18得票数 1
我正试图在GTM中添加另一个用于登陆页面的容器。
主要站点： (ContainerA正在工作)。
登陆页面站点： (ContainerB，我想添加。)
(1)首先，我添加了5个标签的ContainerB。
(2)然后，我在ContainerA中添加了以下自定义Javascript代码(变量)。
function () {
var paths = location.pathname.split('/');
if (paths.length >= 2) return paths[1];
return "none";
}
(3)接下来，我在Conta
浏览 9提问于2020-10-27得票数 0
我设置了Google Analytics Tag Manager来跟踪我网站上的PDF点击。当我在网站上使用预览模式时，它显示页面上触发了正确的标记。看起来它在做它应该做的事情，但在Google Analytics中，任何地方都没有事件出现。我也检查了事件(最近30分钟)，但也没有显示。
我没有用于此的内部流量过滤器。Google Tag Assistant Chrome扩展的标签分析只显示Google Analytics UA有一个非标准的实现。我已验证代码已安装在网站上，并具有正确的GTM-XXXXXXX编号。
添加到头部的代码：
<!-- Google Tag Manager --
浏览 1提问于2019-05-14得票数 0
我正在使用nuxtjs。
这是我的google标记管理器脚本：
<!-- 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
浏览 19提问于2021-06-13得票数 2
我希望将应该放在<head> of .html页面中的Google代码放在一个单独的JavaScript文件中。
类似这样的东西：<script src="/js/tagmanager.js"></script>
应该放在头上的代码，由google提供：
<!-- Google Tag Manager -->
<script>(function(w,d,s,l,i){w[l]=w[l]||[];w[l].push({'gtm.start':
new Date().getTime(),event:'
浏览 0提问于2019-12-22得票数 0
回答已采纳
扫码
添加站长 进交流群
领取专属 10元无门槛券
手把手带您无忧上云
相关资讯
热门标签
云服务器
ICP备案
实时音视频
对象存储
云直播活动推荐
腾讯云开发者
