在 Analytics 上对 AMP 和非 AMP 页面进行分组答案

【问题标题】：Grouping AMP and non-AMP pages on Analytics在 Analytics 上对 AMP 和非 AMP 页面进行分组
【发布时间】：2018-09-24 10:28:45
【问题描述】：

我有一个关于使用 Google Analytics（分析）跟踪 AMP 的问题，我到处寻找，但遗憾的是找不到答案：)

如果我的理解是正确的，本主题也涉及这种情况，但我不确定.. AMP Project - Google Analytics - Content Grouping amp-analytics code

我们有一个流量很大的博客，其中包含官方 AMP for WordPress 插件。 GA 在我们的普通页面上得到了很好的实施，但我没有在 AMP 版本上安装 GA 跟踪，这意味着我丢失了很多数据。

我知道将 GA 标记放在 AMP 上并不难，但我正在寻找正确的方法。

如果我选择实施 AMP 跟踪，我想我必须为 AMP 跟踪设置单独的 Google Analytics（分析）属性，这意味着评估我的网页流量会更加困难。

为了说明我在说什么：

要了解“我的页面”的流量，我必须查看 Analytics 上的两组数据，然后将它们相加得出总计：

关于分析： www.site.com/blog/my-page/（适用于台式机、平板电脑和移动流量）

www.site.com/blog/my-page/amp/（仅适用于 AMP）

有没有办法将这两个页面结合起来，所以“我的页面”上的流量包括 AMP 和非 AMP 流量？确实，要查看页面的性能，我现在必须去两个不同的地方...

我是不是要求太多，或者我不是唯一一个在寻找这个的人？

我希望这是有道理的。也许我对 AMP 的理解在这里可能会受到质疑，我会非常乐意做对的！

非常感谢，迈克

【问题讨论】：

您不必为网站的 AMP 部分创建单独的视图。只需在 AMP 页面/模板上添加与页面其余部分相同的 Google Analytics（分析）跟踪 ID（没关系）。

标签： google-analytics amp-html

【解决方案1】：

Open this link and read

在 WordPress 函数文件中添加这个钩子

add_filter( 'amp_post_template_analytics', 'xyz_amp_add_custom_analytics' );
function xyz_amp_add_custom_analytics( $analytics ) {
    if ( ! is_array( $analytics ) ) {
        $analytics = array();
    }

// https://developers.google.com/analytics/devguides/collection/amp-analytics/
$analytics['xyz-googleanalytics'] = array(
    'type' => 'googleanalytics',
    'attributes' => array(
        // 'data-credentials' => 'include',
    ),
    'config_data' => array(
        'vars' => array(
            'account' => "UA-XXXXXXXX-X"
        ),
        'triggers' => array(
            'trackPageview' => array(
                'on' => 'visible',
                'request' => 'pageview',
            ),
        ),
    ),
);

return $analytics;

}

如果您想跟踪用户从非 AMP 转到您通过以下方式实现的 AMP 的用户，请使用上面的代码跟踪您的 amp 网页浏览量

<meta name="amp-google-client-id-api" content="googleanalytics">

并且还需要更改非 AMP 分析 JS 中的代码，例如

ga("create", "UA-XXXXXX-X", "auto", {'useAmpClientId': true})

请阅读以上链接。

【讨论】：