🎄teratailクリスマスプレゼントキャンペーン2024🎄』開催中!

\teratail特別グッズやAmazonギフトカード最大2,000円分が当たる!/

詳細はこちら
Vue.js

Vue.jsは、Webアプリケーションのインターフェースを構築するためのオープンソースJavaScriptフレームワークです。

Nuxt.js

Nuxt.jsは、ユニバーサルなSPAが開発可能なVue.jsベースのフレームワーク。UIの描画サポートに特化しており、SSRにおけるサーバーサイドとクライアントサイドのUIレンダリングなどさまざまな機能を持ちます。

Google Optimize

Google Optimizeは、Google社が提供するA/Bテストツール。有料サービスであるGoogle Optimize360の無償版です。登録が簡単で、多変量テストやRedirectテストといったテストも本格的に行うことができます。

Q&A

1回答

1452閲覧

google optimizeをSPAで稼働させたい

kouji5089508

総合スコア14

Vue.js

Vue.jsは、Webアプリケーションのインターフェースを構築するためのオープンソースJavaScriptフレームワークです。

Nuxt.js

Nuxt.jsは、ユニバーサルなSPAが開発可能なVue.jsベースのフレームワーク。UIの描画サポートに特化しており、SSRにおけるサーバーサイドとクライアントサイドのUIレンダリングなどさまざまな機能を持ちます。

Google Optimize

Google Optimizeは、Google社が提供するA/Bテストツール。有料サービスであるGoogle Optimize360の無償版です。登録が簡単で、多変量テストやRedirectテストといったテストも本格的に行うことができます。

0グッド

0クリップ

投稿2020/01/15 09:06

編集2020/01/17 05:50

google optimizeをnuxtで使用したいと考えております。
https://tech.actindi.net/2018/11/02/084447
を参考にGTMを入れて、google optimizeも動作させたいと考えております。
ところで、
https://support.google.com/optimize/answer/7008840?hl=ja
等を見ると
アクティベーションイベントをする際には
dataLayer.push({'event': 'optimize.activate'});
と記載知るように書いてありますが、
他のイベント
https://tech.actindi.net/2018/11/02/084447
のnuxtRouteとかを設定して使用することは出来ないのでしょうか?
nuxtRouteをアクティベーションイベントに設定し、
google optimizeのデバッグモードを動かしたところ、
該当ページでは〇がついていて動作するはずですが、
ページロードの際は正しくテストが行われますが、
ページ遷移の際はテストが発動しません(デバッグモードで〇はついております)

気になる質問をクリップする

クリップした質問は、後からいつでもMYページで確認できます。

またクリップした質問に回答があった際、通知やメールを受け取ることができます。

バッドをするには、ログインかつ

こちらの条件を満たす必要があります。

guest

回答1

0

Vueではありませんが、Reactを例にしてSPAでOptimizeを動作させる方法を記事にしました。
結論からいうと、SPAではアクティベーションイベントを仕込み、テスト有効化のタイミングを「カスタムイベント発火後」に設定しないと、ページ遷移時にテストが動作しません。
https://shinya-it.com/programming/o_p_spa_next

投稿2021/01/04 07:42

shinyasato

総合スコア2

バッドをするには、ログインかつ

こちらの条件を満たす必要があります。

あなたの回答

tips

太字

斜体

打ち消し線

見出し

引用テキストの挿入

コードの挿入

リンクの挿入

リストの挿入

番号リストの挿入

表の挿入

水平線の挿入

プレビュー

まだベストアンサーが選ばれていません

会員登録して回答してみよう

アカウントをお持ちの方は

15分調べてもわからないことは
teratailで質問しよう!

ただいまの回答率
85.36%

質問をまとめることで
思考を整理して素早く解決

テンプレート機能で
簡単に質問をまとめる

質問する

関連した質問