Question

目前正在我的网络应用中实施Google分析。我有几页是AMP的一部分。在我们的有效放大器页面中，我们实施了Google分析。

根据我们的GA跟踪，当用户点击任何锚标记时，我们需要传递锚标记的文本。因为Amp不允许任何自定义脚本无法推送到GA的数据层这是我目前的代码

<amp-analytics type="googleanalytics">
<script type="application/json">
{
  "vars": {
    "account": "UA-XXXXX-Y"
},
 "triggers": {
  "trackClickOnHeader" : {
  "on": "click",
  "selector": "#header",
  "request": "event",
  "vars": {
    "eventCategory": "ui-components",
    "eventAction": "header-click"
  }
 }
 }
}

请帮忙解决一下。提前谢谢。

Answer 1

它不是最佳解决方案，因为您必须单独添加每个锚ID，但这应该有效：

"triggers": {
                "trackAnchorClicks": {
                    "on": "click",
                    "selector": "#anchor-id-1",
                    "request": "event",
                    "vars": {
                        "eventId": "clickOnSpecialAnchor-1"

                    }
                },
                "trackAnchorClicks": {
                    "on": "click",
                    "selector": "#anchor-id-2",
                    "request": "event",
                    "vars": {
                        "eventId": "clickOnSpecialAnchor-2"
                    }
                }
            }

我在这里测试过：

https://ampbyexample.com/playground/#url=https%3A%2F%2Fampbyexample.com%2Fcomponents%2Famp-analytics%2Fsource%2F

视图源：https://amp-publisher-samples-staging.herokuapp.com/amp-analytics/embed?user=r4aw5foq&account=ampbyexample

所以也许需要谷歌方面的一些手工作业。

Answer 2

如果在每个锚链接中添加一个data-vars-event-label标签，则可以通过${eventLabel}

访问该标签。

如果有

<a href="https://www.example.com/1" data-vars-event-label="example-1">
<a href="https://www.example.com/2" data-vars-event-label="example-2">

您只能添加一个触发器，如下所示：

triggers": {
  "trackAnchorClicks":
    "on": "click",
    "selector": "a"
    "request": "event"
}

，您的事件标签将以eventLabel的形式添加到查询参数中

如何在AMP页面中获取谷歌分析的锚标签文本？

2 个答案: