模板建站教程 | 添加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.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.#/stat.php%3Fid%3D5935831' type='text/javascript'%3E%3C/script%3E"));</script>
將紅色的部分粘貼到下面的輸入框
3.點擊“確認”
4.等待通過(您點擊“確認”后,UEMO的程序員哥哥會看到“工單”,處理后就完成了)
5.等待生效
因為即便添加成功,一些第三方平臺也是需要一定時間來生效的。
例如,百度統計的生效時間是30分鐘左右。
有問題可以隨時聯系UEMO在線QQ客服