Estatísticas do Baidu de configuração do Vuepress

Estatísticas do Baidu de configuração do Vuepress

1. Adicionar estatísticas do Baidu

Obter código de estatísticas do Baidu
Faça login no back-end de estatísticas do Baidu
Criar site
Copiar código de estatísticas

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);
})();

#Configure o código de estatísticas do 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);
      })();
        `
    ]
  ]

::: tip #
Relatório manual das estatísticas de PV ao trocar de página.
Atualmente, há um problema de as estatísticas do Baidu serem acionadas apenas quando a página inicial é acessada ou a página é atualizada.
:::

Como o vuepress é um aplicativo de página única baseado no vue, a página não será recarregada durante o processo de troca de página, portanto, as estatísticas do Baidu não serão acionadas.

Solução: escute eventos de troca de roteamento e relate manualmente as estatísticas do Baidu ao trocar de página. A implementação específica é a seguinte:
vi .vuepress / enhanApp.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();
  });
};

::: tip
Sempre que a rota for trocada, o relatório de estatísticas será acionado. Portanto, as estatísticas serão relatadas quando as seguintes ações ocorrerem:
:::

Primeira visita
Atualizar a página
Mudar para outros capítulos do artigo atual
Mudar o ponto de ancoragem, a URL mudará, então o evento de mudança de rota será acionado.
Portanto, quando o usuário terminar de navegar em um blog, vários relatórios podem ser acionados.

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