诸如Google Analytics(分析)或Statcounter之类的某些服务提供了添加到网站的基本代码。将这种类型的脚本块集成到基于Nuxtjs的Web应用程序/站点的最佳方法是什么?

来自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 -->

最佳答案

您可以使用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: truehttps://github.com/nuxt/nuxt.js/blob/dev/examples/meta-info/pages/index.vue#L18

关于javascript - 如何在Nuxtjs上放置一个简单的JS小部件/小工具块?,我们在Stack Overflow上找到一个类似的问题:https://stackoverflow.com/questions/57526955/

10-12 06:40