讓 Skype Button 支援 Https 的方式
- 2015-07-05
- 8696
- 0
Skype 提供 Skype Button 的功能,可以直接當成線上客服功能使用,在 Google 提出了全站 https 對 SEO 有正面影響後,有許多廠商也希望可以將網站改成 https ,全站 https 當然不是什麼太困難的事情,但沒想到會栽在 Skype Button 上,原生的 Skype Button 並不支援 https 需要做一些調整,以下就是筆記啦。
Skype Button 的語法如下(可直接利用上方連結產生)
<script type="text/javascript" src="http://www.skypeassets.com/i/scom/js/skype-uri.js"></script>
<div id="SkypeButton_Call_xxxxxx_1">
<script type="text/javascript">
Skype.ui({
"name": "dropdown",
"element": "SkypeButton_Call_xxxxxx_1",
"participants": ["xxxxxx"],
"imageSize": 32
});
</script>
</div>
可以觀察到 js 的連結直接是 http:// 雖然說 skype 有提供 https 專用的連結 https://secure.skypeassets.com/i/scom/js/skype-uri.js ,但改用這連結「一點用處都沒有」因為 js 內部還是有許多連結不是使用 https ,所以解決方法就是直接點選 https://secure.skypeassets.com/i/scom/js/skype-uri.js 將內容複製回自己的網站。
開啟複製回來的 skupe-uri.js 檔案,搜尋 this.SkypeClientDownloadUrl 調整為
this.SkypeClientDownloadUrl = this.httpProtocol + "//secure.skype.com/download";
再來搜尋 this.assetPrefix 調整為
this.assetPrefix = this.httpProtocol + "//secure.skypeassets.com/i/scom/images/skype-buttons/";
最後搜尋 this.analyzeScript 調整為
this.analyzeScript = this.httpProtocol + "//secure.skypeassets.com/i/scom/js/" + "skype-analytics.js";
就這樣三個連結的調整完畢後,就可以讓 Skype Button 完美支援 https 了
(雖然乍看之下 LINE 好像在台灣很多人用,但不可否認的企業應用中 Skype 還是領先的地位)








回應討論