Line的背景
前文所提到過的在線聊天工具tawkto屬於比較廣泛的獨立站在線聊天工具，而今天介紹的是一個比較本土化的社交聊天工具——Line。
其實Line和一個產品很像，大家都知道的WeChat——微信，他跟Messenger、WhatsApp幾個軟體加一起基本覆蓋了全球95%市場。
Line的公司在日本（母公司韓國），並且在台灣，日韓，中東，東南亞有一定的市場。
Line的配置模式
Line目前的按鈕有做了一些改版，最開始的時候只能是設置掃碼按鈕，就像微信一樣，掃碼加好友，不過很多人找不到在哪裡下載代碼！
這個入口要找確實比較麻煩：Line三種按鈕的代碼安裝
目前提供三種互動的方式分別是：
1、分享
2、加好友
3、點讚（並分享到主頁）
「LINE分享」按鍵
「LINE分享」按鍵可以讓用戶輕鬆的通過分享鍵推薦給朋友，官網頁面：Line結合獨立站的配置教程
1. 輸入獨立站的網址
因為代碼是要和自己的獨立站相符合，所以我們按照圖示的要求，正確輸入獨立站的網址，方便配置屬於自己網站的line分享按鍵。
PS如果不是按照要求配，大機率不成功！
2. Line按鍵樣式的配置
設計的樣式分為這幾種，可以選擇大小、顏色、分享次數顯示等，比較方便。大家會發現，根據自己配置的不一樣，代碼也是隨時在改動的！
3. 確認預覽的結果之後，複製代碼
<div class="line-it-button" data-lang="zh_Hant" data-type="share-a" data-ver="3" data-url="http://www.zcart.cn" data-color="default" data-size="large" data-count="true" style="display: none;"></div> <script src="https://d.line-scdn.net/r/web/social-plugin/js/thirdparty/loader.min.js" async="async" defer="defer"></script>
- 請將程式碼片段加進網頁的DOM，當DOMContentLoaded事件觸發時，將會執行程式碼片段。
- 請複製程式碼片段，然後貼到網頁中要呈現按鍵的位置。
- 在同一個網頁中設定數個「LINE分享」按鍵時，僅須寫入一次指令碼標記（script tag）
4.獨立設計樣式
其實官網原文還有獨立的設計樣式，這裡不多描述，有需求有能力的自己去看一下即可！
「加入好友」按鍵
加好友的按鍵在操作步驟和分享按鍵基本一致，這裡只做貼圖說明！
唯一不同的是，加好友按鍵是需要輸入的是ID而不是網址，所以前提我們是需要去下載並註冊line，下載的網址在這裡：line下載
還有一個可以給大家介紹的是：line開發者頁面
「讚」按鍵
重點的話，Derek比較推薦這個設置。因為可以在點讚的基礎上多設置分享或者加好友！
差不多如此！最後一步就是把這些個代碼安裝到shopyy
將Line代碼配置到Shopyy網站
1、複製代碼
2、打開shopyy後台——配置——開發者——代碼嵌入——添加