在业务需求中,有一个需求是要添加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 对其进行验证通过即可