如何使用google跟踪代码管理器为单页应用跟踪网页浏览量？

Question

I have built a single page app using vue.js I am trying to track users on my site using google tag manager. I have it up and running but its not tracking page changes. I set it up google tag manager as below.

I have tried a couple of different variables but I am just randomly guessing at this point. Current Setup As you can see from the images I have tag setup and triggered by Page view and History change. setting the {{page URL}} field to {{New History Fragment}}

My URLS look something like

http://website.com/#/section1/page1
which changes to
http://website.com/#/section2/page1
etc....

I need to be able to track these changes but analytics only thinks one page was visited. " / "

Any ideas would be appreciated.

Answer 1

Welcome to Stackoverflow!

I hate to be "that guy", but have you considered using the vue-analytics library? I have used it in a pet project with success (only the basic functionality though). You can check it out here: https://github.com/MatteoGabriele/vue-analytics