模板建站教程 | 添加JS代码全攻略!
2019-11-20 00:00:00
什么是JS代码?
专业来说:
JS代码就是JavaScript编写的脚本文件的代码。用单独文件保存,扩展名为.JS。
能够具有交互性,能够包含更多活跃的元素,就有必要在网页中嵌入其它的技术。
通俗来说:
如果现有的模板/网站,不能满足您对功能的需求
或者,您想把您已购买的产品/功能加到现有的模板/网站中,您可以通过“底部JS代码”来实现这些功能。
一般会加什么JS代码?
通常我们会加:
例如:
①网站上的聊天软件(百度商桥、51客服等等)
②统计工具(站长统计 CNZZ、百度统计等等)
③微博
④其他
在模板的什么位置添加JS代码?
4号模板添加位置
进入模板后台 → 设置 → 底部JS (如下图)
【看不清配图? 教你一招】
试试鼠标左键点住图片 → 稍微向旁边拖动一下 → 松开鼠标 → 就会发现“网页打开了一个新标签” → 图片就会被放大了
5号模板添加位置
进入模板后台 → 网站设置 → 添加私有功能(添加底部JS代码) (如下图)
【看不清配图? 教你一招】
试试鼠标左键点住图片 → 稍微向旁边拖动一下 → 松开鼠标 → 就会发现“网页打开了一个新标签” → 图片就会被放大了
6号模板添加位置
进入模板后台 → 设置 → JS代码(添加底部JS代码) (如下图)
【看不清配图? 教你一招】
试试鼠标左键点住图片 → 稍微向旁边拖动一下 → 松开鼠标 → 就会发现“网页打开了一个新标签” → 图片就会被放大了
操作方法
~~~非常简单~~~~
1.JS代码在哪?
①进入您想添加JS代码的第三方工具的后台(例如百度商桥、站长统计CNZZ、百度统计、微博等等)
②根据相应不同平台的指导位置找到JS代码(如有疑问,可截图给UEMO在线QQ客服)
③复制
2.在后台如何添加?
①把JS代码粘贴到模板后台(位置参考本教程上面的:4号模板、5号模板、6号模板位置)
②提交申请前,请仔细阅读以下说明 ↓
a.该输入框只能输入JS代码,像通过html scripy标签提交的代码将被删除掉;不允许在JS通过document.write方式创建层,需要通过body appendchild创建层
b. 实例比如百度的代码为
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); })();
c. 实例比如cnzz的代码,官网复制第二个给的框架输入框
<script type="text/javascript">var cnzz_protocol = (("https:" == document.location.protocol) ? " https://" : " http://");document.write(unescape("%3Cspan id='cnzz_stat_icon_5935831'%3E%3C/span%3E%3Cscript src='" + cnzz_protocol + "s11.cnzz.com/stat.php%3Fid%3D5935831' type='text/javascript'%3E%3C/script%3E"));</script>
将红色的部分粘贴到下面的输入框
3.点击“确认”
4.等待通过(您点击“确认”后,UEMO的程序员哥哥会看到“工单”,处理后就完成了)
5.等待生效
因为即便添加成功,一些第三方平台也是需要一定时间来生效的。
例如,百度统计的生效时间是30分钟左右。
有问题可以随时联系UEMO在线QQ客服