在动态AngularJS按钮上添加Google事件跟踪代码
Add Google event tracking code on dynamic AngularJS button
我为我的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>
如果你需要帮助来写你自己的指令,我很乐意帮助你:)。
相关文章:
- 在Google Chrome扩展中添加事件侦听器
- Google图表HTML工具提示,其中包含javascript onclick事件
- 删除Google Calander API中的事件
- 如何使用Dojo引用Google Maps事件中的包含类
- 2个Analytics帐户中的Google Analytics事件触发器跟踪
- 使用完整日历在网站上获取并显示来自Google日历事件的附加图像
- 在 Google Plus Button 上跟踪 click() 事件
- Google 闭包编译器和音频事件
- 如何将waze事件标记添加到带有流量的google地图javascript API生成的地图
- API Google Maps Javascript在上下文菜单中调用事件侦听器
- Google Map KML层占位符点击事件返回ZERO_RESULTS
- Google事件侦听器:未捕获类型错误:无法读取属性'addEventListener'为null
- 如何使用Google Analytics添加自定义事件跟踪
- 在addListener中传递google事件数据
- 如何让Google Maps API v3监听dragend事件并在投递时填充表单字段
- 注册'单击'事件与google.maps.event.addlistener(自动完成,..)
- google将v3事件触发器映射到json创建的标记上
- 在Google Analytics和Google Tag Manager中添加此共享事件
- Google Analytics(分析)在淘汰赛中推送跟踪事件.js数据绑定
- 在动态AngularJS按钮上添加Google事件跟踪代码