讓 Skype Button 支援 Https 的方式
- 2015-07-05
- 7659
- 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 還是領先的地位)
回應討論