Как получить текст тега привязки для Google Analytics на странице AMP? - PullRequest
Новая
       45

Как получить текст тега привязки для Google Analytics на странице AMP?

0 голосов
/ 07 мая 2018

В настоящее время я использую аналитику 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"
  }
 }
 }
}

пожалуйста, помогите решить. Заранее спасибо.

Ответы [ 2 ]

0 голосов
/ 22 декабря 2018

Если вы добавите тег 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

0 голосов
/ 08 мая 2018

Это не лучшее решение, так как вы должны добавлять каждый идентификатор привязки отдельно, но это должно работать: 

"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 / АМФ-аналитика / встраивать пользователя = r4aw5foq & счет = ampbyexample

?

так что, возможно, понадобится ручная работа на стороне Google.

...