当前位置: 首页 > article >正文

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分钟左右即可在应用列表查看到刚刚创建的应用


总结

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


http://www.kler.cn/news/294765.html

相关文章:

  • 一起学习LeetCode热题100道(71/100)
  • 大数据时代的技术hive:hive的数据类型和数据模型
  • How can I provide a RGBA png file to OpenAI PHP library
  • 前缀和 — 利用前缀信息解决子数组问题
  • 【Azure Redis】Redis-CLI连接Redis 6380端口始终遇见 I/O Error
  • 实践reflex:项目架构解析
  • 去中心化网络:Web3如何颠覆传统互联网
  • 标准IO与系统IO
  • Java架构师未来篇大模型
  • 新加坡服务器:亚洲地区的优选之选
  • 【软件工程】软件开发模型
  • k8s中的层级结构,及节点组件的作用
  • Termius for Mac/Win:高效、安全的跨平台多协议远程管理软件
  • 黑马点评2——商户查询缓存(P37店铺类型查询业务添加缓存练习题答案)redis缓存、更新、穿透、雪崩、击穿、工具封装
  • 2-85 基于matlab的FrFT下时变幅度LFM信号参数估计
  • ROADM(可重构光分插复用器)-介绍
  • LTE PSS主同步信号搜索 MATLAB实现
  • 开发台球助教小程序前景分析
  • 高效传输秘籍,揭秘Rsync和SCP的优劣,助你做出明智选择!
  • RedisStack十部曲之二:Redis的核心概念
  • (五)vForm 动态表单文件上传、下载
  • 代码随想录算法训练营Day37|完全背包问题、518.零钱兑换II、377. 组合总和 Ⅳ、70. 爬楼梯(进阶版)
  • 连续信号的matlab表示
  • nginx 新建一个 PC web 站点
  • 前端HTML基础笔记
  • Docker数据卷和Dockerfile
  • 集成电路学习:什么是PWM脉冲宽度调制
  • vue通过url下载文件并重命名
  • Window下编译OpenJDK17
  • 【重学 MySQL】十五、过滤数据