如何通过SSR在nuxt.js(Vue.js)中向网站添加跟踪代码?
Naver Analytics跟踪代码示例:
<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')
})
}
但是,当然没有任何作用。
通常将这些脚本添加到所有页面的公共位置(在根目录)。
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>
希望有帮助。如有任何疑问,请回复。