Question

我在使用ionic2 / cordova构建的Android移动应用中集成Google跟踪代码管理器时出现问题。通过ionic serve在Web浏览器中运行时，一切正常，但是本机构建存在问题。

的iOS：

最初没有工作，但在添加https://github.com/driftyco/cordova-plugin-wkwebview-engine插件后，Google Analytics才开始接收流量。所以这个问题已经解决，并且可以正常运行。

机器人：

运行应用程序并使用Chrome控制台进行调试后，根本没有错误。 dataLayer变量可用，我可以将数据推入其中。如果没有针对给定事件触发触发器，它也会返回有效响应true，当我使用正确类型的事件时，它会返回false。所以GTM似乎正确地识别了一切。我在网络选项卡中观察到桌面/ iOS在将对象推送到https://www.google-analytics.com/collect?v=1&_v=j49&a=1838345933&t=pageview&[moredatahere]后向dataLayer发送请求，但Android应用程序没有发送任何内容（网络选项卡中没有任何内容）。我很好奇为什么会这样？为什么Android上没有对GA的请求？

这是我的index.html文件：

<!DOCTYPE html>
<html lang="en" dir="ltr">
<head>
  <meta charset="UTF-8">
  <title>Ionic App</title>
  <meta name="viewport" content="width=device-width, initial-scale=1.0, minimum-scale=1.0, maximum-scale=1.0, user-scalable=no">
  <meta name="format-detection" content="telephone=no">
  <meta name="msapplication-tap-highlight" content="no">

  <link rel="icon" type="image/x-icon" href="assets/icon/favicon.ico">
  <link rel="manifest" href="manifest.json">
  <meta name="theme-color" content="#4e8ef7">

  <!-- Google Tag Manager -->
  <script>(function(w,d,s,l,i){w[l]=w[l]||[];w[l].push({'gtm.start':
  new Date().getTime(),event:'gtm.js'});var f=d.getElementsByTagName(s)[0],
  j=d.createElement(s),dl=l!='dataLayer'?'&l='+l:'';j.async=true;j.src=
  'https://www.googletagmanager.com/gtm.js?id='+i+dl;f.parentNode.insertBefore(j,f);
  })(window,document,'script','dataLayer','GTM-5CH5MGN');</script>
  <!-- End Google Tag Manager -->

  <!-- cordova.js required for cordova apps -->
  <script src="cordova.js"></script>

  <link href="build/main.css" rel="stylesheet">

</head>
<body>
  <!-- Google Tag Manager (noscript) -->
  <noscript><iframe src="https://www.googletagmanager.com/ns.html?id=GTM-KMJLK35"
  height="0" width="0" style="display:none;visibility:hidden"></iframe></noscript>
  <!-- End Google Tag Manager (noscript) -->

  <!-- Ionic's root component and where the app will load -->
  <ion-app></ion-app>

  <!-- The polyfills js is generated during the build process -->
  <script src="build/polyfills.js"></script>

  <!-- The bundle js is generated during the build process -->
  <script src="build/main.js"></script>

</body>
</html>

这就是我使用dataLayer变量与GTM沟通的方式：

let event = {
      event: 'virtualpageview',
      pagepath: url,
      pagetitle: title
    };

    dataLayer.push(event);

另外在cordova config.xml中我已添加：

<access origin="*"/>

Answer 1

我要回答我自己的问题。要解决此问题，您只需在GTM中调整Universal Analytics标记即可。

集：

checkProtocolTask至null
storage至none
clientId用于识别没有cookie的用户（因为存储是无）。我创建了一个名为Device UUID的新Javascript变量，它指向全局变量device.uuid，它只是一个设备标识符。

完成这些更改后，所有内容都会正确记录。

Android cordova中的Google跟踪代码管理器

1 个答案: