Google analytics 如何在AMP页面中获取google analytics的锚定标签文本?

Google analytics 如何在AMP页面中获取google analytics的锚定标签文本?,google-analytics,google-tag-manager,amp-html,Google Analytics,Google Tag Manager,Amp Html,目前,我正在我的webapp中实施谷歌分析。我有几页是AMP的一部分。在我们的有效amp页面中,我们已经实现了谷歌分析 根据我们的GA跟踪,当用户点击任何锚定标签时,我们需要传递锚定标签的文本。由于Amp不允许任何自定义脚本,我无法推送到GA的数据层 这是我目前的代码 <amp-analytics type="googleanalytics"> <script type="application/json"> { "vars": { "account": "U

目前,我正在我的webapp中实施谷歌分析。我有几页是AMP的一部分。在我们的有效amp页面中,我们已经实现了谷歌分析

根据我们的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"
  }
 }
 }
}

{
“vars”:{
“账户”:“UA-XXXXX-Y”
},
“触发器”:{
“trackClickOnHeader”:{
“打开”:“单击”,
“选择器”:“#标题”,
“请求”:“事件”,
“vars”:{
“事件类别”:“ui组件”,
“eventAction”:“标题单击”
}
}
}
}


请找个人帮忙解决这个问题。提前感谢。

这不是最好的解决方案,因为您必须单独添加每个锚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"
                    }
                }
            }
我在这里进行了测试:

查看来源:


因此,可能需要在google端进行一些手工操作。

这不是最好的解决方案,因为您必须单独添加每个锚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"
                    }
                }
            }
我在这里进行了测试:

查看来源:


因此,可能需要在google端进行一些手工操作。

如果在每个锚链接中添加
数据变量事件标签
标记,则可以通过
${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">

并且您的事件标签将作为
eventLabel

添加到查询参数中。如果您向每个锚链接添加
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">
您的事件标签将作为
eventLabel