如何将 Naver Analytics 添加到 Nuxt.js SPA 应用程序？

Question

如何使用 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')
  })
}

但是，当然，没有任何作用。

Answer 1

这些脚本通常添加在所有页面（在根）共有的位置。

如果您使用的是 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>

希望能帮助到你。 如有任何疑问，请回复。

如何将 Naver Analytics 添加到 Nuxt.js SPA 应用程序？

问题描述

1 个解决方案

解决方案1
0 2019-12-14 17:03:41

如何将 Naver Analytics 添加到 Nuxt.js SPA 应用程序？

问题描述

1 个解决方案

解决方案1 0 2019-12-14 17:03:41

解决方案1
0 2019-12-14 17:03:41