uniapp网站和微信小程序 添加 百度统计

2024-09-03 13:28

本文主要是介绍uniapp网站和微信小程序 添加 百度统计,希望对大家解决编程问题提供一定的参考价值,需要的开发者们随着小编来一起学习吧!

提示:文章写完后,目录可以自动生成,如何生成可参考右边的帮助文档

文章目录

  • 一、首先,需要在百度统计平台注册一个账户或登录现有的账户
  • 二、新建站点(应用)、添加代码
  • 三、代码获取与安装
    • 1.在官方网站 新增应用,根据官方指引步骤新增应用即可
  • 总结


一、首先,需要在百度统计平台注册一个账户或登录现有的账户

百度统计官网

二、新建站点(应用)、添加代码

具体步骤参考 官方文档

三、代码获取与安装

1、代码获取:
在这里插入图片描述
2、代码安装(uniapp开发的h5网页里)

参考站: uniapp H5 百度统计(基础篇)
新建baidu_statistics.html文件

在这里插入图片描述

修改manifest.json文件web配置

在这里插入图片描述

引入你复制过来的代码

<!DOCTYPE html>
<html lang="zh-CN"><head><meta charset="utf-8"><meta http-equiv="X-UA-Compatible" content="IE=edge"><meta name="viewport" content="width=device-width, user-scalable=no, initial-scale=1.0, maximum-scale=1.0, minimum-scale=1.0"><title><%= htmlWebpackPlugin.options.title %></title><script>// <!-- 百度统计---------------------------------------- -->var _hmt = _hmt || [];(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);})();// <!-- ---------------------------------------- --></script><link rel="stylesheet" href="<%= BASE_URL %>static/index.css" /></head><body><noscript><strong>Please enable JavaScript to continue.</strong></noscript><div id="app"></div></body>
</html>

本地通过浏览器的网络hm.js文件检查代码安装(有这个文件说明安装好了)
在这里插入图片描述
官网上的数据更新可能有延时,可以过半个小时再查看安装情况

---------------------------分割---------------------------------------------------------------------------------------------------

下面是微信小程序通过微信开发者工具引入百度统计
参考站:微信小程序接入百度统计

1.在官方网站 新增应用,根据官方指引步骤新增应用即可

这里需要提前准备你需要添加的微信小程序的appid
跟着步骤创建应用,点击创建会得到sdk的包,下载下来,之后会让集成sdk

集成之前,把下载的微信小程序统计SDK解压后的mtj-wx-sdk.js和mtj-wx-sdk.config.js复制到小程序项目的utils文件夹中去
在这里插入图片描述
修改mtj-wx-sdk.config.js文件,将上边复制的appkey填写进去:
在这里插入图片描述
编辑app.js,最顶部添加以下代码:

const mtjwxsdk = require('./utils/mtj-wx-sdk.js');

在这里插入图片描述 登录微信公众平台,进入小程序的设置->开发设置->服务器域名,把https://hmma.baidu.com加入request合法域名,配置好后可在开发者工具中查看到即可
在这里插入图片描述
以上全部完成可查看百度统计的sdk集成,检查代码安装,点击完成即可,此时或等待20分钟左右即可在应用列表查看到刚刚创建的应用


总结

以上就是对网站和微信小程序集成百度统计的内容总结,仅仅为个人笔记所用,希望能帮助到您。

这篇关于uniapp网站和微信小程序 添加 百度统计的文章就介绍到这儿,希望我们推荐的文章对编程师们有所帮助!


原文地址:
本文来自互联网用户投稿,该文观点仅代表作者本人,不代表本站立场。本站仅提供信息存储空间服务,不拥有所有权,不承担相关法律责任。如若转载,请注明出处:http://www.chinasem.cn/article/1133080

相关文章

Python程序的文件头部声明小结

《Python程序的文件头部声明小结》在Python文件的顶部声明编码通常是必须的,尤其是在处理非ASCII字符时,下面就来介绍一下两种头部文件声明,具有一定的参考价值,感兴趣的可以了解一下... 目录一、# coding=utf-8二、#!/usr/bin/env python三、运行Python程序四、

如何基于Python开发一个微信自动化工具

《如何基于Python开发一个微信自动化工具》在当今数字化办公场景中,自动化工具已成为提升工作效率的利器,本文将深入剖析一个基于Python的微信自动化工具开发全过程,有需要的小伙伴可以了解下... 目录概述功能全景1. 核心功能模块2. 特色功能效果展示1. 主界面概览2. 定时任务配置3. 操作日志演示

如何关闭Mac的Safari通知? 3招教你关闭Safari浏览器网站通知的技巧

《如何关闭Mac的Safari通知?3招教你关闭Safari浏览器网站通知的技巧》当我们在使用Mac电脑专注做一件事情的时候,总是会被一些消息推送通知所打扰,这时候,我们就希望关闭这些烦人的Mac通... Safari 浏览器的「通知」功能本意是为了方便用户及时获取最新资讯,但很容易被一些网站滥用,导致我们

Redis迷你版微信抢红包实战

《Redis迷你版微信抢红包实战》本文主要介绍了Redis迷你版微信抢红包实战... 目录1 思路分析1.1hCckRX 流程1.2 注意点①拆红包:二倍均值算法②发红包:list③抢红包&记录:hset2 代码实现2.1 拆红包splitRedPacket2.2 发红包sendRedPacket2.3 抢

无法启动此程序因为计算机丢失api-ms-win-core-path-l1-1-0.dll修复方案

《无法启动此程序因为计算机丢失api-ms-win-core-path-l1-1-0.dll修复方案》:本文主要介绍了无法启动此程序,详细内容请阅读本文,希望能对你有所帮助... 在计算机使用过程中,我们经常会遇到一些错误提示,其中之一就是"api-ms-win-core-path-l1-1-0.dll丢失

Web技术与Nginx网站环境部署教程

《Web技术与Nginx网站环境部署教程》:本文主要介绍Web技术与Nginx网站环境部署教程,具有很好的参考价值,希望对大家有所帮助,如有错误或未考虑完全的地方,望不吝赐教... 目录一、Web基础1.域名系统DNS2.Hosts文件3.DNS4.域名注册二.网页与html1.网页概述2.HTML概述3.

SpringBoot后端实现小程序微信登录功能实现

《SpringBoot后端实现小程序微信登录功能实现》微信小程序登录是开发者通过微信提供的身份验证机制,获取用户唯一标识(openid)和会话密钥(session_key)的过程,这篇文章给大家介绍S... 目录SpringBoot实现微信小程序登录简介SpringBoot后端实现微信登录SpringBoo

uniapp小程序中实现无缝衔接滚动效果代码示例

《uniapp小程序中实现无缝衔接滚动效果代码示例》:本文主要介绍uniapp小程序中实现无缝衔接滚动效果的相关资料,该方法可以实现滚动内容中字的不同的颜色更改,并且可以根据需要进行艺术化更改和自... 组件滚动通知只能实现简单的滚动效果,不能实现滚动内容中的字进行不同颜色的更改,下面实现一个无缝衔接的滚动

Java使用WebView实现桌面程序的技术指南

《Java使用WebView实现桌面程序的技术指南》在现代软件开发中,许多应用需要在桌面程序中嵌入Web页面,例如,你可能需要在Java桌面应用中嵌入一部分Web前端,或者加载一个HTML5界面以增强... 目录1、简述2、WebView 特点3、搭建 WebView 示例3.1 添加 JavaFX 依赖3

防止SpringBoot程序崩溃的几种方式汇总

《防止SpringBoot程序崩溃的几种方式汇总》本文总结了8种防止SpringBoot程序崩溃的方法,包括全局异常处理、try-catch、断路器、资源限制、监控、优雅停机、健康检查和数据库连接池配... 目录1. 全局异常处理2. 使用 try-catch 捕获异常3. 使用断路器4. 设置最大内存和线