google-analytics - 如何在 AMP 页面中获取用于谷歌分析的 anchor 标记文本？

Question

目前正在我的网络应用程序中实现谷歌分析。我有几页是 AMP 的一部分。在我们的有效 amp 页面中，我们实现了谷歌分析。

根据我们的 GA 跟踪，当用户单击任何 anchor 标签时，我们需要传递 anchor 标签的文本。由于 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

它不是最好的解决方案，因为您必须单独添加每个 anchor 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

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