Configuración de Vuepress Estadísticas de Baidu

Configuración de Vuepress Estadísticas de Baidu

1. Agregar estadísticas de Baidu

Obtener el código de estadísticas de Baidu
Iniciar sesión en el backend de estadísticas de Baidu
Crear un
código de estadísticas de copia del sitio

var _hmt = _hmt || [];
(function() {
    
    
  var hm = document.createElement("script");
  hm.src = "https://hm.baidu.com/hm.js?44212d6ce872df50b804d94b24889284";
  var s = document.getElementsByTagName("script")[0];
  s.parentNode.insertBefore(hm, s);
})();

#Configurar el código de estadísticas de Baidu
vi ./config.js

head: [
    // 添加百度统计
    [
      "script",
      {
    
    },
      `
      var _hmt = _hmt || [];
      (function() {
        var hm = document.createElement("script");
        hm.src = "https://hm.baidu.com/hm.js?44212d6ce872df50b804d94b24889284";
        var s = document.getElementsByTagName("script")[0];
        s.parentNode.insertBefore(hm, s);
      })();
        `
    ]
  ]

::: consejo #
Informar manualmente las estadísticas de pv al cambiar de página.
Actualmente existe un problema de que las estadísticas de Baidu se activan solo cuando se accede a la página de inicio o se actualiza la página.
:::

Debido a que vuepress es una aplicación de una sola página basada en vue, la página no se volverá a cargar durante el proceso de cambio de página, por lo que las estadísticas de Baidu no se activarán.

Solución: Escuche los eventos de conmutación de enrutamiento e informe manualmente las estadísticas de Baidu al cambiar de página. La implementación específica es la siguiente:
vi .vuepress /hanceApp.js

export default ({
    
     router }) => {
    
    
  /**
   * 路由切换事件处理
   */
  router.beforeEach((to, from, next) => {
    
    
    console.log("切换路由", to.fullPath, from.fullPath);

    //触发百度的pv统计
    if (typeof _hmt != "undefined") {
    
    
      if (to.path) {
    
    
        _hmt.push(["_trackPageview", to.fullPath]);
        console.log("上报百度统计", to.fullPath);
      }
    }

    // continue
    next();
  });
};

::: consejo
Siempre que se cambie la ruta, se activará el informe de estadísticas. Por lo tanto, se reportarán estadísticas cuando ocurran las siguientes acciones:
:::

Primera visita
Actualizar la página
Cambiar a otros capítulos del artículo actual
Cambiar el punto de anclaje, la URL cambiará, por lo que se activará el evento de cambio de ruta.
Por lo tanto, cuando el usuario ha terminado de navegar por un blog, se pueden activar varios informes.

Documento js-api oficial de Baidu Statistics (https://tongji.baidu.com/open/api/more?p=guide_overv)