问题标签 [google-optimize]

For questions regarding programming in ECMAScript (JavaScript/JS) and its various dialects/implementations (excluding ActionScript). Note JavaScript is NOT the same as Java! Please include all relevant tags on your question; e.g., [node.js], [jquery], [json], [reactjs], [angular], [ember.js], [vue.js], [typescript], [svelte], etc.

0 投票
0 回答
221 浏览

google-analytics - Analytics.js 两次加载到带有 GTM/GA/优化设置的 DOM

我们正在使用 Google 跟踪代码管理器将 GA 加载到网站中(在 gtm.load 上)。我们使用 Google 的建议 ( https://support.google.com/optimize/answer/6314801?hl=en ) 在此基础上加载 Google Optimize 标签。这要求加载 GA 成为 Google Optimize 标签的触发器。我们还使用防闪烁代码段 ( https://support.google.com/optimize/answer/7100284?hl=en )。使用此设置,页面加载完成后,DOM 中会显示两个 analytics.js 实例。现在不同的网络优化网站告诉我脚本被加载和解析了两次,这当然是不受欢迎的行为。但我不确定是否真的如此,因为我在查看时没有看到任何指向这一点的东西例如,链接。

这是正常行为吗?

标题画面

0 投票
2 回答
196 浏览

amp-html - 谷歌优化和 AMP 集成

我正在尝试在我的 AMP (Wordpress) 网站上使用 Optimize 运行一些 A/B 测试。我正在使用官方的 Wordpress AMP 插件并通过插件提供的挂钩添加我的分析设置。我将向您展示最终的 HTML 输出。

到目前为止我所做的:

  1. 我已确保 amp-experiment 和 amp-analytics 脚本都包含在我的页面中(WordPress 插件自动包含所有必需的脚本。)
  2. 设置一个名为 testExperiment 的实验。它的 ID 是 51vXPC_HQcCA-kjuWP5XFQ。
  3. 潜在问题:优化诊断显示以下错误:未找到分析跟踪代码优化插件未找到分析是 100% 集成的,因为它在我的网站上显示实时视图。我想由于特定的 AMP 集成过程,诊断程序无法正常工作。
  4. 我创建了一个变体,创建了定位规则,与分析相关联,设置了一个目标。
  5. 我在我的页面中添加了以下 amp-experiment 和 amp-analytics 脚本。​</li>

我在页面源代码中的分析脚本输出如下所示:

  1. ​我已将以下 CSS 添加到我的页面中:

实验属性未添加到页面正文中,我在控制台中看到以下错误:

在此处输入图像描述

我要测试的页面是:https ://dev.somnishop.com/was-tun-gegen-schnarchen-frauen/

任何建议将不胜感激。

0 投票
0 回答
107 浏览

optimization - 我可以在 Google Optimize 上同时运行多个服务器端实验吗?

可以同时运行多个实验吗?在针对Google Optimize的JS代码中为experiment.variant发出多行是否有效?例如:

显然,我不能分配 exp 两次。同时调用

在每组之后也是错误的,因为它会导致 GA 计算页面两次。有人可以帮忙吗?

0 投票
1 回答
2563 浏览

javascript - 在 NextJS/ReactJS 上设置 Google Optimize 防闪烁脚本

在一个NextJS/ReactJS项目中,我尝试为一些实验设置 Google Optimize。我想避免的是它在优化时改变每个实验的视觉元素时的闪烁效果。

为此,我使用了谷歌建议的防闪烁脚本。现在,虽然这适用于初始加载,实际上“隐藏”整个页面一段时间以便优化应用更改,但这在客户端路由方面不适用于我的情况,因为页面的完全重新加载确实在那种情况下不会发生。

因此,我“避免”在初始页面加载时闪烁,但我没有设法使其在客户端路由方面工作,因为初始脚本不会再次执行 - 即使它执行了,结果也不会是理想的.

请注意,隐藏和重新显示页面不是一种选择(例如通过历史更改事件重新启动脚本),因为这会破坏客户端路由提供的连续性。此外,暂时隐藏闪烁的组件并不容易,因为我不确定应该在路由过程的哪个步骤隐藏它,而且我没有设法使其以有效的方式显示。想法?

非常感谢您提前。

0 投票
1 回答
254 浏览

javascript - 覆盖 document.cookie 中的值

我正在使用 Google 360​​ 运行 AB 测试,我想在我的浏览器中切换变体。

我可以通过_gaexp在浏览器中更新 cookie 的值来做到这一点。例如,这看起来像:

“_gaexp:VARIANT_0”`。

如果我使用 EditThisCookie chrome 扩展并将值更改为VARIANT_0并刷新我的浏览器,我可以在浏览器中看到我的 Variant 0 文本。

但是,我想通过 JavaScript 动态更新它(例如,让我们说点击)。

通过控制台查看,我可以看到我可以访问document.cookie,其中包含以下烹饪:

"_gaexp=VARIANT_0; _ga=EXAMPLE_B; _gid=EXAMPLE_C"

如果我尝试_gaexp通过控制台更新到 VARIANT_1,我的 cookie 不会更新。这就是我正在尝试的:

看来我正在添加一个相同名称的重复 cookie,但我只想:

  • 使用 JavaScript 通过控制台替换此烹饪。
  • 然后最终,我会编写额外的 JS 来刷新浏览器(更新 cookie)。

我究竟做错了什么?

谢谢你。

0 投票
0 回答
31 浏览

wordpress - 关于 A/B 测试价格的建议?

只是想知道如何使用 WooCommerce 在电子商务网站上进行 A/B 测试价格?我使用了两种方法都有缺点。想知道你们有什么选择。

方法一:

如果我使用 Google Optimize,我可以更改用户看到的价格。

原件:页面上的价格 = 10 美元

变体 1:页面上的价格 = 20 美元

方法1的问题:

但是,即使我编辑页面以在用户单击“添加到购物车”时显示 20 美元,他们仍然会添加 10 美元版本的产品。显然,这对于测试目的来说并不理想,因为我想看看有多少用户以 20 美元的价格结账。

方法二:

具有显示不同产品的不同着陆页。使用我的电子商务插件 (WooCommerce),我可以为同一产品添加不同的价格(即,将同一产品添加两次,只是它们的价格不同)。这样,用户看到的价格实际上就是添加到购物车中的价格。

原件(在 www.homepage.com 上):页面价格 = 10 美元

变体 1(在 www.homepage.com/variant1 上):页面价格 = 20 美元

方法2的问题:

登陆 20 美元页面的用户可以轻松返回主页(发现他们实际上被收取了更多费用)。这听起来会导致负面的客户体验。

问题:

哪种方法更好,您如何减轻它们带来的问题?还是有更好的方法来解决这个问题?

谢谢!

0 投票
1 回答
174 浏览

reactjs - 使用相对路径进行 Google 优化

尝试为我的 React 应用程序实现 AB 测试,该应用程序是使用GatsbyJS 构建的。我将 Google Optimize 测试设置为Redirect类型,并有另一个变体,50/50 流量拆分(通常设置)。我很快意识到这只有在我刷新页面时才有效,因为如果我单击具有相对路径并利用GatsbyJS Link的菜单项,Google Optimize 不会做任何事情,但如果我重新加载页面,它会激活。

我的网站中的相对路径示例:

有人遇到同样的问题并找到解决方案吗?

0 投票
2 回答
1728 浏览

javascript - 如何模拟 google datalayer.push 回调函数?

下面的代码片段显示了我运行 Google Optimize AB 测试的 React 挂钩文件。

我正在尝试测试我的mySideEffectFunction()函数是否调用以增加测试覆盖率。在 Jest 中,我如何模拟eventCallback回调函数window.dataLayer.push

0 投票
1 回答
1876 浏览

google-analytics - 谷歌优化的实验会话是什么意思?

我使用谷歌优化创建模式 AD 并将比重设置为全部 25%。对于这个测试,我创建了四种表单输入屏幕模式,并希望查看转换率。但...

实验会话的数字是 499、384、497 和 429。范围相当广泛,但如果我在谷歌分析中查看相同实验的数据,唯一页面浏览量为 317、318、307 和 281 . 人数比实验次数少。它的宽度也较小。为什么会出现差异?每个的定义是什么?另外,是否可以查看唯一用户的数量?

如果你知道任何,请告诉我。

0 投票
0 回答
525 浏览

javascript - 如何在 Angular js 中使用 Google Optimize 触发激活事件?

我们在页面的标题标签顶部添加了谷歌优化狙击代码,我们还添加了 et headTag

  • 在此 Google Analytics 代码段之后,然后是 GTM 容器脚本。

  • 当应用程序在第 1 次加载时,从第 1 页导航到下一页并返回第 1 页更改后可见的变体更改不会保留。

  • 有人可以帮我解决如何在每次页面加载时触发激活事件吗?!