AMP项目. Google分析.内容分组和分析代码

Question

我试图在AMP标记中将内容分组变量分配给我的代码。

我的AMP分析代码：

<amp-analytics type="googleanalytics" id="analyticsgoogle1">
    <script type="application/json">
    {
        "vars": {
            "account": "UA-XXXXXXXX-X"
        },
        "triggers": {
            "trackPageview": {
                "on": "visible",
                "request": "pageview"
            }
        }
    }
    </script>
</amp-analytics>

我的普通谷歌分析代码：

<script>
    (function(i,s,o,g,r,a,m){i['GoogleAnalyticsObject']=r;i[r]=i[r]||function(){
    (i[r].q=i[r].q||[]).push(arguments)},i[r].l=1*new Date();a=s.createElement(o),
    m=s.getElementsByTagName(o)[0];a.async=1;a.src=g;m.parentNode.insertBefore(a,m)
    })(window,document,'script','//www.google-analytics.com/analytics.js','ga');
    ga('create', 'UA-XXXXXXXX-X', 'auto');
    ga('set', 'contentGroup1', 'My Category');
    ga('set', 'contentGroup2', 'My Author Type');
    ga('set', 'contentGroup3', 'My Author Name');
    ga('send', 'pageview');
</script>

我知道文档中没有列出它，但是我正在寻找类似这样的东西来工作，这样我的AMP页面就可以像我的常规页面一样被跟踪。

可能的AMP项目谷歌分析代码与内容分组：

<amp-analytics type="googleanalytics" id="analyticsgoogle1">
<script type="application/json">
{
    "vars": {
        "account": "UA-XXXXXXXX-X"
    },
    "triggers": {
        "trackPageview": {
            "on": "visible",
            "request": "pageview"
            "vars": {
                "contentGroup1": "My Category",
                "contentGroup2": "My Author Type",
                "contentGroup3": "My Author Name"
            }
        }
    }
}
</script></amp-analytics>

当查看amp-analytics：https://github.com/ampproject/amphtml/blob/master/extensions/amp-analytics/analytics-vars.md中支持的变量的文档时，我看不到内容分组变量。

以下是有关放大器分析代码的文档：https://developers.google.com/analytics/devguides/collection/amp-analytics/

Answer 1

我做了个有效的解决方案。其实很简单。下面的代码也有相同的注释。

cg1 = contentGroup1，cg2 = contentGroup2

测量协议的详细信息

重要注意事项：在浏览器中使用节流，如果您想看到您对GA的真正请求。在其他情况下，您将看到来自GA的重定向链，而不是真正的请求。很烦人。

<amp-analytics type="googleanalytics" id="ga1">
    <script type="application/json">
        {
            "extraUrlParams" : {
                "cd4": "AMP"
                <?php if($this->tracking_group_config['group'] === 'contentGroup1'):?>
                ,"cg1": "<?=$this->tracking_group_config['type']?>"
                <?php elseif($this->tracking_group_config['group'] === 'contentGroup2'): ?>
                ,"cg2": "<?=$this->tracking_group_config['type']?>"
                <?php endif; ?>
            },
            "vars": {
                "account": "[Your GA account ID here]"
            },
            "triggers": {
                "pageviewCustom": {
                    "on": "visible",
                    "request": "pageview"
                }
            }
        }
    </script>
</amp-analytics>

Answer 2

使用gtag，此代码将工作：

  <amp-analytics type="gtag" data-credentials="include">
    <script type="application/json">
    {
      "vars": {
        "gtag_id": "UA-XXXXXXXX-YY",
        "config": {
          "UA-XXXXXXXX-YY": {
            "groups": "default",
            "content_group1": "my value",
            "content_group3": "my other value"
          }
        }
      }
    }
    </script>
  </amp-analytics>

此外，您还可以使用Network中的Chrome Dev Tools调试它：

​

​

希望能帮上忙！