Как поставить простой JS виджет / гаджет блок на Nuxtjs?

Как поставить простой JS виджет / гаджет блок на Nuxtjs?

16.08.2019 06:03:41 Просмотров 45 Источник

Некоторые сервисы, такие как Google Analytics или Statcounter, предоставляют базовый код для добавления на сайт. Что является лучшим способом, чтобы интегрировать этот тип блоков сценария в Nuxtjs на основе веб-приложений/сайтов?

Пример блока кода из Statcounter для добавления Nuxtjs;

<!-- Default Statcounter code for project
http://www.example.com -->
<script type="text/javascript">
var sc_project=1234567; 
var sc_invisible=1; 
var sc_security="abcdefg"; 
</script>
<script type="text/javascript"
src="https://www.statcounter.com/counter/counter.js"
async></script>
<noscript><div class="statcounter"><a title="Web Analytics"
href="https://statcounter.com/" target="_blank"><img
class="statcounter"
src="https://c.statcounter.com/1234567/0/abcdefg/1/"
alt="Web Analytics"></a></div></noscript>
<!-- End of Statcounter Code -->
У вопроса есть решение - Посмотреть?

Ответы - Как поставить простой JS виджет / гаджет блок на Nuxtjs? / How to put a simple JS widget/gadget block on a Nuxtjs?

Является ответом!
wrahim

16.08.2019 06:11:51

Вы можете добавить внешние ресурсы с помощью nuxt.config.js: https://nuxtjs.org/faq/#global-settings

Например:

// nuxt.config.js

export default {
  head: {
    script: [
      { src: 'https://www.statcounter.com/counter/counter.js', async: true },
      { src: '/customscript.js' } // customscript.js located in "static/" directory
    ]
  }
}

Вы также можете добавить их в компонент. Например, если <noscript>должен войти в тело, можно добавить body: true: https://github.com/nuxt/nuxt.js/blob/dev/examples/meta-info/pages/index.vue#L18

https://stackoverflow.com/questions/57526955/how-to-put-a-simple-js-widget-gadget-block-on-a-nuxtjs/57527076#comment101525432_57527076
Большое спасибо. Кстати, этот скрипт должен работать на каждой странице; поэтому для Nuxtjs это должно работать на каждом изменении состояния / маршрута. Возможно ли это с помощью этих способов?
https://stackoverflow.com/questions/57526955/how-to-put-a-simple-js-widget-gadget-block-on-a-nuxtjs/57527076#comment101542093_57527076
Добро пожаловать! Если вы добавляете его в head, скрипт должен работать для каждой страницы (поскольку он глобальный, он будет находиться в nuxt.config.jsна каждой странице). В противном случае вам может потребоваться посмотреть на Nuxt middlewars: nuxtjs.org/api/pages-middleware для работы с конкретными изменениями маршрута/состояния.
Закрыть X