如何使用SSR在nuxt.js(Vue.js(中向网站添加跟踪代码？
导航分析跟踪代码示例：
<script type="text/javascript" src="//wcs.naver.net/wcslog.js"></script>
<script type="text/javascript">
if(!wcs_add) var wcs_add = {};
wcs_add["wa"] = "123456789abcd";
wcs_do();
</script>
我试过： nuxt.config.js
script: [{ src: '//wcs.naver.net/wcslog.js' }]
...
{src: '~plugins/naver-analytics.js', ssr: false}
plugins/naver-analytics.js
export default ({ app }) => {
if(!wcs_add) var wcs_add = {};
wcs_add["wa"] = "123456789";
wcs_do();
wcs.event('create', '123456789', 'auto')
app.router.afterEach((to, from) => {
wcs.event('set', 'page', to.fullPath)
wcs.event('send', 'pageview')
})
}
但是，当然，没有任何效果。
这些脚本通常添加到所有页面的共同位置(根目录(。
- 如果您使用的是nuxt的默认模板，则应该有一个文件
app.template.html(在.nuxt/views/内(。在其中，您可以在</body>标签之前更新上面的文本。 - 如果您已覆盖它并创建了自己的名称，则它应该以
app.html的名称命名(与nuxt.config.js处于同一级别(
该文件的结构如下。您可以在{{ APP }}和</body>标记之间添加标记
<!DOCTYPE html>
<html {{ HTML_ATTRS }}>
<head {{ HEAD_ATTRS }}>
{{ HEAD }}
</head>
<body {{ BODY_ATTRS }}>
{{ APP }}
</body>
</html>
希望对您有所帮助。如有疑问，请回复。