JS-API_如何部署JS-API代码

优质

小牛编辑

129浏览

2023-12-01

使用指南 - 数据报告 - JSApi - JS-API_如何部署JS-API代码

部署前说明

在部署百度统计开放平台JS-API之前，您需要在网页中安装百度统计的访问分析代码。更多信息请查看代码获取。

安装步骤

1.页头</head>;标签前添加一段代码：

<script>
var _hmt = _hmt || [];
</script>

要使用JS-API接口，除了目前标准的统计分析代码之外，需要在页头</head>标签前添加这段代码。
这段代码是为了保证JS-API接口的正常使用，只有在先声明了_hmt对象后，才能通过该对象来调用各个JS-API接口。
如果因为某些特殊原因，您不方便把该段代码加在</head>标签前面，那么也可以加到<body>标签的后面（请注意：不是</body>标签），总之原则是这段代码的位置越靠前就越好。

代码全部部署完成后，您的html页面看起来大概是这样的：

<html> 
  <head>
     <!-- 您页面原有的代码 -->    
     <script>    
     var _hmt = _hmt || [];    
     </script>    
  </head>    
  <body>    
    <!-- 您页面原有的代码 -->    
    <script>    
    var _hmt = _hmt || [];    
    (function() {
      var hm = document.createElement("script");
      hm.src ="https://hm.baidu.com/hm.js?*******";   
      var s = document.getElementsByTagName("script")[0];
      s.parentNode.insertBefore(hm, s);
    })();
    </script>
  </body>
</html>

正确安装了代码之后，您就可以在页面中调用JS-API接口了。

使用限制和常见问题

1.如果您页面中存在多段百度统计的访问分析代码，那么必须使用_setAccount接口来指定由哪一段代码来响应JS-API调用，最好把它加到页头</head>标签前的代码里：

<script>
var _hmt = _hmt || [];
_hmt.push(['_setAccount', '0123456789ABCDEF0123456789ABCDEF']);
</script>

更多详情请查看_setAccount接口技术文档。

2.有些接口一定要在统计分析代码之前调用，如_setCustomVar、_setAccount、_setAutoPageview等等，建议把这些接口都像前一个例子一样，跟声明_hmt的页头代码放在一起。