Подключение целей Yandex Metrika на Vue(NuxtJs)

Question

Как правильно подключить цели яндекс метрике в проекте на NuxtJs. Последовательность моих действий:

Создал в static файл JS с метрикой (Уже здесь в консоль пытаюсь вызвать registGoal, выдает undefined)
Подключил данный файл в nuxt-config
Яндекс метрика подключилась
Таким способом привязываю на кнопки цели

Примечание: Пытался яндекс метрику подключать в plugins, для того, чтобы функция registGoal была глобальной и к ней можно было обращаться, но всё так же безрезультатно, мне кажется проблема начинается в пункте 1.

Answer 1

Правильный способ подключения: https://nuxtjs.org/docs/2.x/concepts/views#document-apphtml

<!DOCTYPE html>
<html {{ HTML_ATTRS }}>
  <head {{ HEAD_ATTRS }}>
    {{ HEAD }}
  </head>

  <body {{ BODY_ATTRS }}>
    {{ APP }}

    {% if (process.env.NODE_ENV === 'production') { %}
        <!-- Yandex.Metrika counter -->
        <script type="text/javascript" >
          // код скрипта
        </script>
        <!-- /Yandex.Metrika counter -->
    {% } %}
  </body>
</html>

БЛОГ НА HUSL

Подключение целей Yandex Metrika на Vue(NuxtJs)

Ответы (1 шт):