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

Question

我的Angular webapp有以下按钮方案：

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

我想对以上链接使用以下Google Analytics事件跟踪代码。

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

如何向AngularJS webapp添加动态跟踪代码？

Answer 1

您可以将现有的angularjs模块用于Google分析，例如 Angulartics 。一旦安装并作为模块包含在您的角度应用程序中，您可以按照入门说明进行操作，您可以添加特定属性来跟踪事件，如下所示：

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

如果您需要帮助编写自己的指令，我很乐意帮助您:)。