如何使用 Google 优化单个 URL SPA 的可视化编辑器？

Question

我真的是 Google 优化的新手，我面临着开始使用该工具的挑战！

我想运行 Google 优化使用 Angular 开发的单个网页。

实际上，对于 5 个不同的屏幕（1、2、3、4、5），我的网站是 1 个唯一 URL (x)。因此，在 Google 优化中，我将我的独特网站 URL 放入其中，然后使用可视化编辑器来优化我的网页。

问题是该工具只允许我更改第一个屏幕的元素URL...这意味着我无法为屏幕 x2、x3、x4、x5 创建变体;我应该怎么做？

显然，当我想添加一个变体时，我只能定位我拥有的那个 URL。对于页面定位部分，我找不到 URL、路径、主机或片段对我的情况有用。

要完成概述：我已经使用数据层实现了虚拟网页浏览，以使用 GTM 收集数据并跟踪 GA 中的流量。

感谢您的帮助:-)

Answer 1

您可以data.Layer在其他屏幕上推送事件并使用此事件来激活更改。

要编辑应用程序，请单击交互模式（完成左侧）并与您的应用程序交互，一旦您在屏幕上切换回编辑模式。

更新：

在 GTM 中添加自定义事件的作用是告诉 GTM 监听事件并将其添加以激活变体更改的作用是告诉优化您对该事件的监听，但您仍然需要将事件推送到数据层或它不会开火。当元素出现时，将以下代码添加到您的应用程序中：

dataLayer.push({'event': 'validarPreguntas'});

或者使用以下代码创建自定义 HTML 标签并添加该表单部分何时可见的触发器：

<script>
window.dataLayer = window.dataLayer || [];
window.dataLayer.push({
 'event': 'validarPreguntas'
 });
</script

How to use Google Optimize visual editor for SPA with single URL?