AMP 未触发的全局网站代码 (gtag)答案

【问题标题】：Global Site Tag (gtag) for AMP Not FiringAMP 未触发的全局网站代码 (gtag)
【发布时间】：2019-01-23 20:28:40
【问题描述】：

几天来，我一直在尝试使用 gtag 将 Google Analytics 实施到我的 AMP 页面，但没有成功。

我在这里翻阅了 Google 开发者文档：https://developers.google.com/gtagjs/devguide/amp，但没有成功。

我还浏览了此处的“amp-analytics”文档：https://www.ampproject.org/docs/reference/components/amp-analytics，看看是否有遗漏但找不到任何东西。

下面我复制了我如何引入 AMP 项目、AMP Analytics 组件和我的 AMP Analytics json 脚本：

<head>
<meta charset="utf-8">
<title>Untitled Document</title>

<script async src="https://cdn.ampproject.org/v0.js"></script>

<script async custom-element="amp-analytics"
src="https://cdn.ampproject.org/v0/amp-analytics-0.1.js"></script>
</head>

<body>
<amp-analytics type="gtag" data-credentials="include">
    <script type="application/json">
    {
        "vars": {
            "gtag_id": "<UA-XXXXXXX-XX>",
            "config": {
                "<UA-XXXXXXX-XX>": {
                "groups": "default",
                "linker": { "domains": ["site1.com", "site2.com"] }
                }
            }
        },
        "triggers": {
            "link": {
                "selector": "#specific-link-id",
                "on": "click",
                "vars": {
                    "event_category": "link_clicks",
                    "event_action": "click",
                    "event_label": "specific_link"
                }
            },
            "button": {
                "selector": "#specific-button-id",
                "on": "click",
                "vars": {
                    "eventCategory": "bttn_clicks",
                    "eventAction": "click",
                    "eventLabel": "specific_button"
                }
            }
        }
    }
    </script>
</amp-analytics>
</body>

在我的 AMP 页面上运行上述 json 脚本时，我从 DevTools 收到以下错误：AMP Error from Chrome DevTools 但根据 Google Developer Docs for gtag，我已正确设置所有内容。

我错过了什么吗？还是我应该切换到 type="googleanalytics"？

提前感谢您的任何和所有帮助！

【问题讨论】：

无效，json。删除触发器上方的大括号

标签： google-analytics amp-html amp-analytics

【解决方案1】：

这里有几件事。

首先，"<UA-XXXXXXX-XX>" 必须是有效的跟踪 ID。这足以发送 page_view 事件。

其次，如果您使用触发器，则需要在触发器变量中提供event_name。

"triggers": {
            "link": {
                "selector": "#specific-link-id",
                "on": "click",
                "vars": {
                    "event_name": "my_event",
                    "event_category": "link_clicks",
                    "event_action": "click",
                    "event_label": "specific_link"
                }
            },
...

您可以使用此处定义的标准事件之一https://developers.google.com/gtagjs/reference/event 或使用任何自定义事件名称（有关详细信息，请参阅https://developers.google.com/gtagjs/reference/api#event）

【讨论】：