问题标签 [angulartics2]
For questions regarding programming in ECMAScript (JavaScript/JS) and its various dialects/implementations (excluding ActionScript). Note JavaScript is NOT the same as Java! Please include all relevant tags on your question; e.g., [node.js], [jquery], [json], [reactjs], [angular], [ember.js], [vue.js], [typescript], [svelte], etc.
angular - 使用 Angular 2 混合面板集成
我正在尝试将我的 Angular 项目与 Mix Panel 集成。为此,我尝试了许多提供的在线解决方案,但问题是所提供的解决方案要么已过时,要么提供不完整或模棱两可的信息。任何人都可以提供一个好的教程,或者任何人都可以提供用于混合面板集成的最少代码。提前致谢 :)
angular - Angulartics2:“Angulartics2GoogleAnalytics”类型上不存在 startTracking()
我已按照Angulartics2 for Google Analytics自述文件中的说明进行操作:
app.module.ts:
app.component.ts
angulartics2GoogleAnalytics.startTracking() 会引发错误: Angulartics2: startTracking() does not exist on type 'Angulartics2GoogleAnalytics'。
谁能告诉我为什么?我正在使用 Angular 5.2.8。
javascript - 如何通过angulartics2跟踪`ecommerce:addItem`或`ecommerce:addTransaction`?
我使用angulartics2来跟踪网页浏览量。
我如何在 angular 5 应用程序中跟踪ecommerce:addItem
或ecommerce:addTransaction
通过 angulartics2?或者也许我可以更原生地实现它?
ps 我加了ga('require', 'ecommerce');
angular - 如何使用 piwik/matomo + angulartics2 实现内容跟踪
技术Angular 6.0.9,Angular CLI:6.0.8
插件 angulartics2 ^6.2.0
供应商插件 angulartics-piwik
我即将使用 angulartics2 将我的页面特定块内容捕获到 piwik/matomo 中,但我无法弄清楚或无法做到这一点。
我查看了来自github的插件代码所以,我认为 angulartics2 似乎不支持块内容类型的东西。
我还深入研究了matomo,介绍了如何进行内容跟踪,我现在很无助。但是,事件跟踪工作正常!
谁能告诉我我走错了路或如何做到这一点?
HTML 示例:
请...
帮助将不胜感激!谢谢!
angular - Angulartics2 有多个提供者?
将 Angulartics2 用于 Google Analytics 和 Piwik ( matomo )。如果我只使用一个提供程序,它们工作得很好,但是在尝试同时使用两者时会出现语法问题。在 app.module.ts....
...以及稍后在模块中使用:
在 app.routes.ts 中,主要代码如下:
如果我取消注释导出类 AppRoutingModule 中的两个构造函数,我会得到“不允许使用多个构造函数”...
我想确保我同时使用这两个提供程序,但似乎无法弄清楚如何在导出中同时获取这两个提供程序。
提前致谢。
angular - Angulartics2 在使用 Piwik 构建时运行错误
将 Angulartics2 更新到 7.0.2 并运行我的项目后,它会引发如下错误:
我已经导入了之前运行的应用程序模块和组件中的所有内容,所以我不知道它是一个错误还是应该在此更新后添加的东西。
angular - angulartics2 自定义事件被发送到 facebook 但不发送到谷歌分析
我使用 angulartics2 和 angular7 项目向 facebook 和 google 分析触发事件。
我使用谷歌标签管理器配置了 facebook 和 google 分析。
问题是我的自定义事件被触发并发送到 facebook 但没有发送到谷歌分析。
在标签下方<head>
我有谷歌标签管理器代码。
在主要组件打字稿文件中,我添加了以下代码:
例如,当人们将商品添加到购物车时,我想触发一个关于它的事件。
所以在我的购物车服务中,我在构造函数中注入了 angulartics2:
然后在相关的地方我使用以下代码触发事件:
使用 facebook 像素 chrome 扩展我可以看到自定义事件被检测到,使用 google events chrome 扩展我可以看到没有检测到事件。
我错过了什么?我没有正确配置什么?
谷歌分析在谷歌标签管理器中正确配置,我确实看到用户数和页面浏览量正确。
任何有关此问题的信息将不胜感激。
谢谢
更新
感谢@XTOTHEL,提供了更多调查信息。
所以在app.component.ts
构造函数中我只启用了谷歌标签管理器来开始跟踪。
不幸的是,谷歌标签管理器没有检测到任何被触发的事件。
在将东西添加到购物车后附上谷歌标签管理器控制台的屏幕截图以及添加addToCart
自定义事件的 angulartics2 代码被触发。
更新 2
angular - 如何更改默认的“页面视图”名称
在 app.component 中导入 Angulartics2GoogleTagManager 后,是否可以更改跟踪的页面查看事件的默认名称?现在是它的页面视图,我需要更改名称。
angular - “Angulartics2GoogleAnalytics”类型上不存在属性“startTracking”
我遵循了https://github.com/angulartics/angulartics2的自述文件。但我得到了错误:
ERROR in src/app/app.component.ts(21,33): error TS2339: Property 'startTracking' does not exist on type 'Angulartics2GoogleAnalytics'.
我假设我的依赖项版本有一些问题,类似的线程(Angulartics2: startTracking() 在类型 'Angulartics2GoogleAnalytics' 上不存在)建议依赖项应该是 "rxjs": "6.0.0" 和 typeript 应该高于 2.6。但是我仍然遇到问题。
有任何想法吗?
我的 package.json
{
"name": "flow-app",
"version": "1.1.0",
"license": "MIT",
"scripts": {
"ng": "ng",
"start": "ng serve",
"build": "ng build",
"test": "ng test",
"lint": "ng lint",
"e2e": "ng e2e",
"build:preprod": "ng build --prod --source-map --configuration=preprod --base-href /dist/",
"build:prod": "ng build --prod --build-optimizer --configuration=production --base-href /dist/"
},
"private": true,
"dependencies": {
"@angular/animations": "^5.1.0",
"@angular/cdk": "^5.0.0",
"@angular/common": "^5.1.0",
"@angular/compiler": "^5.1.0",
"@angular/core": "^5.1.0",
"@angular/forms": "^5.1.0",
"@angular/http": "^5.0.0",
"@angular/material": "^5.2.5",
"@angular/platform-browser": "^5.0.0",
"@angular/platform-browser-dynamic": "^5.0.0",
"@angular/router": "^5.0.0",
"@ng-bootstrap/ng-bootstrap": "^1.0.0-beta.7",
"angulartics2": "^6.3.1",
"classlist.js": "^1.1.20150312",
"core-js": "^2.4.1",
"ng2-opd-popup": "^1.1.21",
"rxjs": "6.0.0",
"rxjs-compat": "6.0.0",
"web-animations-js": "^2.3.1",
"zone.js": "^0.8.14",
"ajv": "^6.9.1"
},
"devDependencies": {
"@angular-devkit/build-angular": "^0.13.3",
"@angular/cli": "^6.2.3",
"@angular/compiler-cli": "^5.0.0",
"@angular/language-service": "^5.0.0",
"@types/jasmine": "~2.5.53",
"@types/jasminewd2": "~2.0.2",
"@types/node": "~6.0.60",
"codelyzer": "~3.2.0",
"jasmine-core": "~2.6.2",
"jasmine-spec-reporter": "~4.1.0",
"karma": "~1.7.0",
"karma-chrome-launcher": "~2.1.1",
"karma-cli": "~1.0.1",
"karma-coverage-istanbul-reporter": "^1.2.1",
"karma-jasmine": "~1.1.0",
"karma-jasmine-html-reporter": "^0.2.2",
"protractor": "^5.4.2",
"ts-node": "~3.2.0",
"tslint": "~5.7.0",
"typescript": "^2.6.2"
}
}
angular - Angular angulartics2(谷歌分析)不会更新路线更改页面
我用 Angular 8 和 Angular Universal 和 Angular Service Worker 创建了一个站点。我想添加谷歌分析,我找到了 npm 模块 Angulartics2。我认为它在谷歌标签管理器中部分有效,但它不能识别路线变化。我的意思是,如果我从 /index 页面开始,然后传递到 /exercise 页面,在我的 Google Analytics(分析)仪表板中,我仍然看到用户正在使用 /index 页面。
这是应用模块:
这是 AppComponent 的一部分:
这是 index.html: