Как мы можем отслеживать клики по ссылкам на страницах истории усилителей

Question

У меня есть история с усилителем, где я также реализовал отслеживание с помощью 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>

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

Answer 1

Я попробовал ваш пример, и это похоже на работу. Я выкладываю полную конфигурацию, которую я использовал, чтобы вы могли сравнить с вашей. Кроме того, вы добавили скрипт 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>

Answer 2

Я столкнулся с той же проблемой, добавив 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>