如何将 Naver Analytics 添加到 Nuxt.js SPA 应用程序？
Posted
技术标签:
【中文标题】如何将 Naver Analytics 添加到 Nuxt.js SPA 应用程序？【英文标题】：How to add Naver Analytics to Nuxt.js SPA application? 【发布时间】：2020-04-04 22:37:43 【问题描述】：如何使用 s-s-r 在 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', s-s-r: 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')
)
但是，当然，没有任何作用。
【问题讨论】：
【参考方案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 应用程序？的主要内容，如果未能解决你的问题，请参考以下文章
当我们将 Google Analytics 添加到 iOS 应用程序时，如何指定应该和不应该将哪些内容作为会话（而不是事件）进行跟踪
添加到 AppDelegate 时找不到 Google/Analytics.h 文件
如何使用从 Google Play 安装的 Google Analytics 跟踪引荐来源网址？