Как мы можем отслеживать теги кликов по ссылкам на страницах amp Story

У меня есть история с усилителем, в которой я также реализовал отслеживание с помощью Google Analytics. Такие события, как Story-page-visible, работают отлично. Но когда я попытался отследить событие щелчка по тегу привязки на моей странице истории, это не сработало. Это мои триггеры и тег привязки:

ОБНОВЛЕННЫЙ КОД

 <amp-analytics type="gtag" data-credentials="include">
        <script type="application/json">
        {
          "vars": {
            "gtag_id": "UA-YYYY-Y",
            "event_category": "<%= storyName %>",
            "config": {
              "UA-YYYY-Y": {
                "groups": "default"
              }
            }
          },
          "extraUrlParams": {
            "cd75": "AMP",
            "cd69": "AMP",
            "cd81": "marketplace",
            "cd76": "${ampdocHostname}"
          },
          "triggers": {
            "linkClick" : {
              "on": "click",
              "selector": "a",
              "request": "event",
              "vars": {
                "eventCategory" : "click"
              }
            }
          }
        }
      </script>
    </amp-analytics>

 <a href="https://amp.dev/" >
                <p>click here to read more</p>
            </a>

При щелчке по тегу привязки или всплывающей подсказке событие не запускается. Любые предложения будут действительно полезны.


javascript google-analytics amp-html amp-analytics amp-stories
person Deeksha Agarwal    schedule 27.08.2019    source источник
comment
потенциально добавление кода истории может пролить свет на ошибку. Я также хотел бы проверить, срабатывает ли ваш триггер при переходах по ссылкам за пределами тега истории - это отдельная проблема только в этом случае? также есть ошибки консоли? ваш пример должен работать, я думаю, учитывая, что это точный пример, приведенный в документах amp. dev / documentation / components / amp-analytics / # click-trigger   -  person Chris Hopkins    schedule 27.08.2019

Ответы (2)


arrow_upward
2
arrow_downward

Я пробовал ваш пример, и, похоже, он работает. Я выкладываю полную конфигурацию, которую использовал, чтобы вы могли сравнить с вашей. Кроме того, вы добавляли скрипт amp-analytics в заголовок документа?

<script async custom-element="amp-analytics" src="https://cdn.ampproject.org/v0/amp-analytics-0.1.js"></script>

-- 

<amp-analytics type="googleanalytics">
<script type="application/json">
{
  "vars": {
    "account": "UA-YYYY-Y"
  },
  "triggers": {
    "default click": {
      "on": "click",
      "selector": "a",
      "request": "event",
      "vars": {
        "eventCategory": "amp click"
      }
    }
  }
}
</script>
</amp-analytics>

Здесь вы допустили опечатку и забыли закрыть тег </p>, но, тем не менее, он должен работать.

<a href="https://amp.dev/" >
  <p>click here to read more</p>
</a>
person Gmajoulet    schedule 27.08.2019
comment
Спасибо за Ваш ответ. Я пробовал код ur, и он работает. Думаю, моя проблема в том, что я использую type="gtag". Когда я пытаюсь использовать type="googleanalytics", события щелчка запускаются, но просмотр страницы не запускается. Я все еще новичок, может ли кто-нибудь мне помочь, в чем разница между использованием gtag и googleanalytics. - person Deeksha Agarwal; 28.08.2019

arrow_upward
0
arrow_downward

Я столкнулся с той же проблемой, добавив event_name в триггеры, и проблема была устранена.

   <amp-analytics type="gtag" data-credentials="include">
    <script type="application/json">
    {
      "vars": {
        "gtag_id": "UA-YYYY-Y",
        "event_category": "<%= storyName %>",
        "config": {
          "UA-YYYY-Y": {
            "groups": "default"
          }
        }
      },
      "extraUrlParams": {
        "cd75": "AMP",
        "cd69": "AMP",
        "cd81": "marketplace",
        "cd76": "${ampdocHostname}"
      },
      "triggers": {
        "linkClick" : {
          "on": "click",
          "selector": "a",
          "request": "event",
          "vars": {
            "event_name" : "login",
            "eventCategory" : "click"
          }
        }
      }
    }
  </script>
</amp-analytics>
person Nabeel Puthanpeediyakkal    schedule 14.01.2020