angular - 単一の URL で SPA 用の Google オプティマイズビジュアルエディターを使用する方法

Question

私は Google オプティマイズを初めて使用し、このツールを使い始めるのに困難な状況に直面しています。

Angular で開発された単一の Web ページで Google オプティマイズを実行したいと考えています。

実際、私の Web は 5 つの異なる画面 (1、2、3、4、5) に対して 1 つの一意の URL (x) です。そのため、Google オプティマイズに独自の Web URL を入力し、ビジュアルエディターを使用して Web ページを表示します。

問題は、このツールでは URL の最初の画面の要素しか変更できないことです...つまり、画面 x2、x3、x4、x5 のバリアントを作成できないということです。どうすればいいですか？

明らかに、バリアントを追加したい場合、私が持っている 1 つの URL しかターゲティングできません。また、ページターゲティングセクションでは、私の状況に役立つ URL、パス、ホスト、またはフラグメントが見つかりません。

概要を完了するには: GTM でデータを収集し、GA でトラフィックを追跡するために、データレイヤーを使用して仮想ページビューを既に実装しています。

ご協力ありがとうございました：-）

score 0 · Accepted Answer

追加の画面でイベントを data.Layer プッシュし、このイベントを使用して変更を有効にすることができます。

アプリを編集するには、対話モード (done の左側) をクリックし、画面が編集モードに戻ったらアプリを操作します。

アップデート：

GTM にカスタムイベントを追加すると、イベントをリッスンするように GTM に指示され、バリアントの変更を有効にするために追加すると、そのイベントのリッスンを最適化するように指示されますが、イベントをデータレイヤーにプッシュする必要があります。要素が表示されたら、次のコードをアプリに追加します。

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

または、次のコードを使用してカスタム HTML タグを作成し、そのフォームパーツが表示されたときのトリガーを追加します。

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

angular - 単一の URL で SPA 用の Google オプティマイズ ビジュアル エディターを使用する方法