Куда вставить код яндекс метрики?

Question

[Vladislav]

Подскажите куда можно вставить код яндекс метрики, чтобы было глобально на всех страницах во Vue + Nuxt ?
Пробовал в mounted в dev работает но в консолях ошибки и на проде уже не собирается.
В app.html не работает не исполняется JS

Расширения мне не нужно просто место куда можно воткнуть код который яндекс метрика даёт ?

Answer 1

[Дмитрий Кузнецов]

Если вы про HTML код говорите, то вставьте во vue шаблон, в области . Либо создайте компонент и вставляйте только сам компонент, что бы меньше кода было.
Если вы про мета-теги, то вроде Nuxt.config.js позволяет вписывать, так что пишите туда. Да и без SSR врятли нормально будет работать.
Если вы про JS код, то тут уже надо более подробно читать документацию. Так как многие не знают какой код там вообще вставляется.

Comments

[Vladislav]

Засунул в index.vue в main , но сам JS не исполняется. Метрика не работает

[Vladislav]

В моём случае мне нужно вот этот код вставить:

<!-- Yandex.Metrika counter -->
<script type=“text/javascript” >
   (function(m,e,t,r,i,k,a){m[i]=m[i]||function(){(m[i].a=m[i].a||[]).push(arguments)};
   m[i].l=1*new Date();k=e.createElement(t),a=e.getElementsByTagName(t)[0],k.async=1,k.src=r,a.parentNode.insertBefore(k,a)})
   (window, document, “script”, “https://mc.yandex.ru/metrika/tag.js”, “ym”);
   ym(79439794, “init”, {
        clickmap:true,
        trackLinks:true,
        accurateTrackBounce:true,
        webvisor:true
   });
</script>
<noscript><div><img src=“https://mc.yandex.ru/watch/79439794” style=“position:absolute; left:-9999px;” alt=“” /></div></noscript>
<!-- /Yandex.Metrika counter -->

Answer 2

[Алексей Ярков]

https://nuxtjs.org/docs/2.x/concepts/views#documen...
Создайте файл и вставьте туда свою метрику. Можно даже условия if production использовать.

Comments

[Vladislav]

Я же писал что я пробовал вставить в app.html в конец тега head.
Так метрика не работает.

[Vladislav]

Вот как заработало, я создал отдельный статик файл js
и добавил его в nuxt.config.ts в эту секцию:

script: [
      {src: '/js/fb-sdk.js'},
      {src: '/js/yandex_metrics.js'},
    ]

но таким образом не работает тег noscript :D
И все собралось

Answer 3

[Владислав Лысков]

создаешь плагин с кодом метрики и подключаешь его в nuxt.config.js

Answer 4

[Vladislav]

Вот как заработало, я создал отдельный статик файл js
и добавил его в nuxt.config.ts в эту секцию:

script: [
      {src: '/js/fb-sdk.js'},
      {src: '/js/yandex_metrics.js'},
    ]

И все работает отлично

Comments

[2dioz]

export default {
name: "app",
metaInfo: {
meta: [{ name: "yandex-verification", content: "e39cxxxxxxx83b7" }],
script: [
{ src: "https://xxxxx.ru/metrika.js", async: true, defer: true },
],
},

Answer 5

[Илья]

В основной index.html, где html, head и body тэги. Они не перестраиваются насколько знаю.

Comments

[WapSter]

В nuxt нет никакого index.html

[Алексей Ярков]

WapSter, Серьезно?

[Владислав Лысков]

Алексей Ярков, тебе, как куратору иэга vue.js следовало бы это знать

[Vladislav]

Владислав Лысков, он имел ввиду что он есть и это app.html

[Алексей Ярков]

Владислав Лысков, Он называется app.html ))

[Владислав Лысков]

Алексей Ярков, у меня в накст проекте нет ни одного html файла, разве что в dist

[Алексей Ярков]

Владислав Лысков, Я в ответе ссылку привёл на доку

[Vladislav]

Владислав Лысков, он по дефолту не создан но используется его шаблон, если создать то можно менять его структуру

[Владислав Лысков]

Владислав, понял, спасибо, я отталкивался от дефолтной структуры