Q&A
表題の通りですがvue.jsの特定のページでGoogleAnalyticsが使用できず困っています。
システムの構成としては
step1～step3 -> 入力フォーム画面
complete -> 上記入力フォームのstep3まで入力完了後遷移する画面
の様な構成となっておりvue routerを使用して各component（step1～step3及びcomplete）を
呼び出すシステムでしてこの中のcomplete画面でのみGoogle Analyticsを使用したいという内容となります。
試してみた事としましては、components>complete.vue内に以下の形でアナリティクスコードを埋め込みましたが反映されませんでした。
vue.js
1<template> 2～コンプリート画面のHTML～ 3</template> 4<script async src="https://www.googletagmanager.com/gtag/js?id=***"></script> 5<script> 6～gtag等アナリティクスコード～ 7</script>
又、その後いろいろ調べているとvue-tagというライブラリに出会ったものの
導入するとSPAの特性上全てのページにアナリティクスコードが埋め込まれてしまいます。。
vue及びGoogleAnalyticsに疎く恐れ入りますが
ご教示頂けますと大変助かります。
何卒よろしくお願い致します。
回答1件
0
SPA等においてアナリティクスコードの読み込み時のページビュー送信を無効にしつつ、
任意のタイミングで任意のURLのページビューを送出するために必要な情報は
およそ公式ページに記述されている内容で揃うかと思います。
投稿2022/04/29 06:50
編集2022/04/29 06:52
総合スコア7819
あなたの回答
tips
プレビュー
バッドをするには、ログインかつ
こちらの条件を満たす必要があります。