Question

我一直在尝试使用gtag在我的AMP页面上实施Google Analytics（分析），但没有好运。

我在https://developers.google.com/gtagjs/devguide/amp处浏览了Google Developer Docs，但一直没有遵循。

我还浏览了https://www.ampproject.org/docs/reference/components/amp-analytics处的“ 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，但是根据gtag的Google Developer Docs，我已经正确设置了所有内容。

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

在此先感谢您的协助！

Answer 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）

AMP未触发的全局站点标记（gtag）

1 个答案: