Как использовать Google Optimize визуальный редактор для SPA с одним URL?

Question

Я действительно новичок в Google Optimize и столкнулся со сложной ситуацией, чтобы начать работу с инструментом!

Я хочу запустить Google Optimize на одной веб-странице, разработанной с помощью Angular.

На самом деле у меня в сети 1 уникальный URL (x) для 5 разных экранов (1, 2, 3, 4, 5). Поэтому в Google Optimize я добавляю свой уникальный веб-URL, а затем использую визуальный редактор для увеличения своей веб-страницы.

Проблема состоит в том, что инструмент позволяет мне изменять только элементы первого экрана моего URL-адреса. Это означает, что я не могу создать вариант для экрана x2, x3, x4, x5;как я должен это сделать?

Очевидно, что когда я хочу добавить вариант, я могу настроить таргетинг только на один URL-адрес, который у меня есть. А для раздела таргетинга на страницы я не нахожу URL, путь, хост или фрагмент полезными для моей ситуации.

Чтобы завершить обзор: я уже реализовал виртуальные просмотры страниц, используя слой данных для сбора данных с помощью GTM и отслеживаниятрафик в га.

Спасибо за помощь: -)

Answer 1

Вы можете data.Layer выдвинуть событие на дополнительных экранах и использовать это событие для активации изменения.

См. Ресурс здесь https://support.google.com/optimize/answer/7008840?hl=en

Для редактирования приложения нажмитеинтерактивный режим (слева от готово) и взаимодействовать с вашим приложением, как только вы на экране переключитесь обратно в режим редактирования.

Обновление:

Что добавляет пользовательское событие в GTM, так это говорит GTM прослушивать событие, а добавление его для активации изменения варианта - это оптимизировать прослушивание этого события, но вам все еще нужнопротолкнуть событие в слой данных, или оно не сработает. При появлении элемента добавьте приведенный ниже код в приложение:

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

Или создайте пользовательский тег HTML с приведенным ниже кодом и добавьте триггер для отображения этой части формы:

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