在动态AngularJS按钮上添加Google事件跟踪代码

Add Google event tracking code on dynamic AngularJS button

本文关键字:Google 事件 跟踪 代码 添加 动态 AngularJS 按钮      更新时间:2023-09-26

我为我的Angular web应用程序设置了以下按钮方案:

<a ng-if="ProductSaleLink" target="_blank" href="myaffilatelink.com" class="ng-scope"><i class="icon-action-cart"></i><span>BUY NOW</span></a>

我想使用以下谷歌分析事件跟踪代码以上链接。

ga('send', 'event', 'buy-now', 'my-pages-1');

我如何添加动态跟踪代码到我的AngularJS web应用程序?

你可以使用已经存在的angularjs模块来进行Google分析,比如Angulartics。一旦被安装并作为一个模块包含在你的angular应用中,你就可以按照入门指南来做了,你可以添加特定的属性来跟踪事件,如下所示:

<a href="file.pdf" analytics-on="click" analytics-event="buy-now">Buy now</a>

如果你需要帮助来写你自己的指令,我很乐意帮助你:)。