1

几天来，我一直在尝试使用 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 收到以下错误：Chrome DevTools 的 AMP 错误，但根据 gtag 的 Google 开发人员文档，我已正确设置所有内容。

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

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

4

1 回答 1

2

这里有几件事。

首先，"<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更多细节）

于 2019-08-21T04:55:47.240 回答