Компонент AMP Page Analytics Несколько кнопокНажмите Триггерные события - PullRequest
Новая
       4

Компонент AMP Page Analytics Несколько кнопокНажмите Триггерные события

0 голосов
/ 20 февраля 2020

Если вы видите код, написанный ниже, в компоненте «Ускоренная мобильная страница» (AMP). Это прекрасно работает.

Когда нажата кнопка с селектором CSS ".fbAT C", запускается пользовательское событие FB pixel. 

<amp-analytics type="facebookpixel" id="facebook-pixel">
        <script type="application/json">
        {
          "vars": {
             "pixelId": "ID"
          },
          "triggers": {
            "defaultPageview": {
              "on": "visible",
              "request": "pageview"
            },
            "trackPageview": {
              "on": "visible",
              "request": "event",
              "vars": {
                "eventName": "customVC",
                "content_name": "QUERY_PARAM(utm_campaign)-QUERY_PARAM(utm_source)"
              }
            },
            "buttonClick": {
            "selector":".fbATC",
              "on": "click",
              "request": "event",
              "vars": {
                "eventName": "customATC",
                "content_name": "QUERY_PARAM(utm_campaign)-QUERY_PARAM(utm_source)"
              }
            }
          }
        }
        </script>
        </amp-analytics>

Однако я хочу добавить еще одно buttonClick событие.

Когда я пытаюсь сделать это: 

<amp-analytics type="facebookpixel" id="facebook-pixel">
<script type="application/json">
{
  "vars": {
     "pixelId": "ID"
  },
  "triggers": {
    "defaultPageview": {
      "on": "visible",
      "request": "pageview"
    },
    "trackPageview": {
      "on": "visible",
      "request": "event",
      "vars": {
        "eventName": "customVC",
        "content_name": "QUERY_PARAM(utm_campaign)-QUERY_PARAM(utm_source)"
      }
    },
    "buttonClick": {
    "selector":".fbATC",
      "on": "click",
      "request": "event",
      "vars": {
        "eventName": "customATC",
        "content_name": "QUERY_PARAM(utm_campaign)-QUERY_PARAM(utm_source)",
      }
    },
    "buttonClick": {
    "selector":".anotherClass",
      "on": "click",
      "request": "event",
      "vars": {
        "eventName": "customATC",
        "content_name": "QUERY_PARAM(utm_campaign)-QUERY_PARAM(utm_source)"
      }
    }
  }
}
</script>
</amp-analytics>

Затем последний buttonClick с CSS селектор ".anotherClass" работает. Тем не менее, тот, что выше этого не делает.

Это как перезаписать тот, что над ним.

Я подумал, добавив еще одну пару ключ / значение, это добавит это дополнительное buttonClick событие.

Погуглив, я ничего не могу найти. Кроме этой статьи:

https://help.instapage.com/hc/en-us/articles/360025465573-Facebook-Pixel-conversion-tracking-for-AMP

Похоже, я все делаю правильно.

Может кто-нибудь, пожалуйста, помогите мне. Что я делаю неправильно? Правильно ли структурирован мой JSON?

1 Ответ

0 голосов
/ 21 февраля 2020

Yayyyy! Проблема решена!

Я обнаружил, что названия нажатий кнопок должны быть уникальными.

Итак, у меня должно быть buttonClick, тогда buttonClick2, buttonClick3 ...

AMP распознает и понимает их.

Это имеет смысл. Объясняет поведение последнего события, появляющегося для перезаписи предыдущих.

...