demoshop

demo, trying to be the best_

讓 Skype Button 支援 Https 的方式

  • 2015-07-05 17:01:13
  • 613

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 還是領先的地位)

回應討論