umeng nuxt.js 站长统计 - add umeng analytics for nuxt.js

nuxt.js 最大的特性是服务端渲染,那么,这种情况下,我们如何添加 umeng 统计呢,并如何隐藏那个站长统计呢,虽然 nuxt.js 是服务端渲染,但同样允许你在客户端渲染,此外,使用 display:none 可能会被搜索引擎惩罚,觉得你是作弊行为。

我们知道 nuxt.config.js 有个 ssr 选项选项,你设置为 false 将在客户端渲染了,那么,我们先看看如何添加 umeng 统计吧。

nuxt.js 添加 umeng 统计

1、在 static 目录新建 cnzz.js,static 目录在你部署后其实就是根目录,这里你可以存 robots.txt 我们先建 cnzz.js 把,并键入:

var siteId = '1273976960';
var cnzz_tag = document.createElement("script");
cnzz_tag.type = "text/javascript";
cnzz_tag.charset = "utf-8";
cnzz_tag.src = "https://s13.cnzz.com/z_stat.php?web_id=" + siteId;
var root = document.getElementsByTagName("script")[0];
root.parentNode.insertBefore(cnzz_tag, root);

2、在 nuxt.config.js 里引用这个 js 文件,最终的文件可以参考:

module.exports = {
  /*
   ** Headers of the page
   */
  head: {
    title: 'xxx',
    meta: [
    ],
    link: [
    ],
    script: [{
        src: '/cnzz.js',
      }
    ]
  },

但是问题来了,每次打开网页,如果网速慢总有一个 站长统计,就不能去掉吗?可以的,比如 display:none 但是这种做法搜索引擎可能会觉得你存在隐瞒,会被惩罚,当然这是我听来的,没有实践过,但想想也有道理。

合理的去掉站长统计

如上,我已经说了,第一种:display:none 如果对 seo 没有太苛刻要求,OK的。但我要说的是第二种,具体请看:https://developer.umeng.com/docs/67963/detail/68646

umeng 允许我们使用异步的方式加载,但是异步的方式不提供 显示统计图标。划重点了哦。另外,图片上的代码我已经复制,如下:

var siteId = 'xxxxx';
var cnzz_tag = document.createElement("script");
cnzz_tag.type = "text/javascript";
cnzz_tag.async = "true";
cnzz_tag.charset = "utf-8";
cnzz_tag.src = "https://w.cnzz.com/c.php?async=1&id=" + siteId;
var root = document.getElementsByTagName("script")[0];
root.parentNode.insertBefore(cnzz_tag, root);

把 siteId 改为你自己的即可,另外,你可能觉得奇怪,为啥用 + 而不是 `` 比如:

cnzz_tag.src = `https://w.cnzz.com/c.php?async=1&id=${siteId}`;

这种方式是可以,但是请考虑下 IE11 吧,不兼容!

本博客若无特殊说明则由 full-stack-trip 原创发布
转载请点名出处:编程生涯 > umeng nuxt.js 站长统计 - add umeng analytics for nuxt.js
本文地址:https://www.kpromise.top/add-umeng-for-nuxt-js/

发表回复

您的电子邮箱地址不会被公开。 必填项已用 * 标注