Question

我正在使用 ng-repreat 在我的网站上显示一些帖子，并且我还允许用户通过键入<中的任何搜索词组来过滤帖子 strong>搜索输入框。它工作正常，但我不知道如何使用谷歌分析来跟踪用户搜索的内容，因为 搜索字词未反映在我的网址 。（即网址仍为 域名/＃！/内容 ，而不是更改为 域名/＃！/内容？q = .... + ... ）。

不确定如何解决这个问题。真的很感激，如果你能指点我一些资源。谢谢。

这是我的代码的简化版

<input ng-model="vm.searchKey" type="text" placeholder = "Search..." />
<div class="card" ng-repeat="post in vm.posts | filter: vm.searchKey">
    <a ng-href="#!/post/{{lifePost.post_id}}">
        <img class="card-img" src="{{post.img_url}}">
        <div class="card-img-overlay">
            <p class="card-text">{{post.tagline_grp}}</p>
            <h4 class="card-title">{{post.post_title}}</h4>
            <p class="card-text">{{post.post_excerpt}}</p>          
        </div>
    </a>
</div>

Answer 1

我通过启用网站搜索跟踪GA来检测如何执行此操作，在搜索密钥中的用户密钥检测更改事件并发送虚拟网页浏览时。

HTML代码

<input ng-model="vm.searchKey" ng-model-options='{ debounce: 1000 }' ng-change='vm.trackSearchKey()' type="text" placeholder = "Search..." />
<div class="card" ng-repeat="post in vm.posts | filter: vm.searchKey">
    <a ng-href="#!/post/{{lifePost.post_id}}">
        <img class="card-img" src="{{post.img_url}}">
        <div class="card-img-overlay">
            <p class="card-text">{{post.tagline_grp}}</p>
            <h4 class="card-title">{{post.post_title}}</h4>
            <p class="card-text">{{post.post_excerpt}}</p>          
        </div>
    </a>
</div>

JS代码

vm.trackSearchKey = function() {
    if (vm.searchKey) {
        ga('set', 'page', '/?q='+vm.searchKey);
        ga('send', 'pageview');
    }
}

Google Analytics（分析）如何使用搜索键

1 个答案: