Vue usa las estadísticas de Baidu para enterrar puntos

Instalación del código de estadísticas.

//main.js
声明_hmt对象
var _hmt = _hmt || [];
window._hmt = _hmt; // 必须把_hmt挂载到window下,否则找不到

//统计代码获取
(function() {
      var hm = document.createElement("script");
      hm.src ="https://hm.baidu.com/hm.js?百度统计所申请的appKey";   
      var s = document.getElementsByTagName("script")[0];
      s.parentNode.insertBefore(hm, s);
 })();

Punto de entierro de página

trackPageView (usado para enviar estadísticas de PV de una URL específica)
Sintaxis: _hmt.push(['_trackPageview', pageURL]);
Parámetros: pageURL: especifique la URL de la página para contar PV (debe comenzar con "/" (barra oblicua) Ruta relativa al principio)
Ejemplo: _hmt.push(['_trackPageview', '/virtual/login']);

//监听路由下所有页面
router.beforeEach((to, from, next) => {
  // next()
  if (_hmt) {
    if (to.path) {
        _hmt.push(['_trackPageview', '/#' + to.path]);
    }
  }

})

punto de incidente

trackEvent (usado para activar un evento, como el clic de un botón, la reproducción/detención del jugador, el inicio/pausa del juego, etc.) Sintaxis
: _hmt.push(['_trackEvent', categoría, acción, opt_label, opt_value ]);
Parámetros:
categoría: Cadena requerida => Escriba el nombre del objetivo a monitorear => Los eventos que se dejen en blanco o se completen con "-" se descartarán acción: Cadena requerida => Nombre de la
acción para que los usuarios interactúen con la página web => Los eventos que no se completen o se completen con "-" serán descartados
opt_label: Cadena opcional => Alguna información adicional sobre el evento => Si no se completa o se completa con "-", significa que este el elemento está vacío
opt_value: Número opcional => Valor relacionado con el evento

ejemplo:

//template
<input placeholder="请输入搜索内容" v-model="searchValue" class="input-with-select" style="width:612px;">
<button @click="searchFn"> 搜索 <button/>
js

data(){
	return {
		searchValue:''
	}
}

methods:{
	searchFn(){
		_hmt.push(['_trackEvent', 'search', 'click',  this.searchValue]);
	}
}


Los datos una vez completado el entierro deben iniciar sesión en Estadísticas de Baidu para ver las Estadísticas de Baidu en el Informe básico => Análisis de acceso

Adjunto: documento estadístico de Baidu
Insertar descripción de la imagen aquí

Supongo que te gusta

Origin blog.csdn.net/weixin_42215897/article/details/110933693
Recomendado
Clasificación