nuxt.js添加工具块 / js代码。Statcounter 分析器案例

在业务需求中，有一个需求是要添加SEO的网站点击分析器。选中了Statcounter分析器，但是由于官方给的代码形式案例如下

<script type="text/javascript">
	var sc_project = 12363289;
	var sc_invisible = 1;
	var sc_security = "93f97f25";
	var sc_https = 1;
</script>
<script
  type="text/javascript"
  src="https://www.statcounter.com/counter/counter.js"
  async
></script>
<noscript>
	<div class="statcounter"><a title="Web Analytics
	Made Easy - StatCounter" href="https://statcounter.com/"
	target="_blank"><img class="statcounter"
	src="https://c.statcounter.com/12363281/0/93f97f24/1/"
	alt="Web Analytics Made Easy -
	StatCounter"></a></div>
</noscript>

所以需要将其拆分，定义变量js在nuxt中以js文件放在static文件夹下，在 nuxt.config.js 中引入该js文件及外部js文件，例如

而 内容则可以在layout的head中添加，如下

操作结束，去 Statcounter 对其进行验证通过即可