Ain*_*ura 5 javascript analytics single-page-application server-side-rendering nuxt.js
如何使用 SSR 在 nuxt.js (Vue.js) 中向网站添加跟踪代码？
Naver 分析跟踪代码示例：
<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}
插件/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>
希望能帮助到你。如有任何疑问，请回复。
| 归档时间： |
|
| 查看次数： |
357 次 |
| 最近记录： |