谷歌标签管理器无法在 Ionic+Angular 应用程序中工作

Posted

技术标签:

【中文标题】谷歌标签管理器无法在 Ionic+Angular 应用程序中工作【英文标题】:Google Tag Manager cannot working in Ionic+Angular App 【发布时间】:2017-06-21 17:30:15 【问题描述】:

我正在使用 Ionic+AngluarJs (v1) 开发一个 SPA/混合应用程序,它几乎完成了,但现在卡在 GTM 问题上。

GTM 为 SPA 提供解决方案并且运行良好,我可以在移动端跟踪我需要的所有内容(我也将 SPA 作为移动站点,只需将 www 文件夹中的内容用作网站),但是如果我构建它进入androidios,然后GTM不再工作,在我看来,App会阻止对GTM的所有请求?但在 SPA 中,我进行了许多外部 API 调用,它们运行良好。

我在网上搜索了很长时间但没有任何想法,我已经尝试添加这些设置: <allow-navigation href="*" /> <allow-intent href="*" /><meta http-equiv="Content-Security-Policy" content="default-src *; style-src 'self' 'unsafe-inline'; script-src 'self' 'unsafe-inline' 'unsafe-eval'"> 根据本文档在 config.xml/index.html 中:https://cordova.apache.org/docs/en/latest/reference/cordova-plugin-whitelist/ 但不工作。

我将 GTM 用于 SPA/hybrid App 的方式与本文中的几乎相同: https://www.multiminds.eu/2016/12/06/google-analytics-tag-manager-ionic-cordova/ 而且我已经让它在网页上运行良好,为什么它在构建到应用程序后我真的很困惑,它应该就像在 Android/IOS 的内置网络浏览器中运行一个网站一样。请帮帮我,非常感谢!

【问题讨论】:

【参考方案1】:

我找到了这篇关于这个的文章,它对我来说似乎工作正常,人们应该停止将 Cordova 应用程序视为原生应用程序,它们只是可以访问设备原生组件的 web 视图。

文章:

Google Analytics and Tag Manager with Ionic and Cordova apps

【讨论】:

页面链接已损坏

以上是关于谷歌标签管理器无法在 Ionic+Angular 应用程序中工作的主要内容,如果未能解决你的问题,请参考以下文章

数据层谷歌标签管理器

Ionic Angular & Android 无法在 Android Studio 或您的系统上找到已安装的 Gradle 版本以安装 gradle 包装器

组件选择器标签上的Angular 2样式?

Angular Ionic 离子日期时间选择器

谷歌分析 - Angular 5 的平均页面加载

Ionic 2 无法注册自定义 html 标签