外貿(mào)獨(dú)立站聊天工具Line的配置與使用

Line的背景

其實(shí)Line和一個(gè)產(chǎn)品很像，大家都知道的WeChat——微信，他跟Messenger、WhatsApp幾個(gè)軟件加一起基本覆蓋了全球95%市場。

Line的公司在日本（母公司韓國），并且在中國臺灣，日韓，中東，東南亞有一定的市場。

Line的配置模式

Line目前的按鈕有做了一些改版，最開始的時(shí)候只能是設(shè)置掃碼按鈕，就像微信一樣，掃碼加好友，不過很多人找不到在哪里下載代碼！

這個(gè)入口要找確實(shí)比較麻煩：

Line三種按鈕的代碼安裝https://media.line.me/zh_TW/

目前提供三種互動(dòng)的方式分別是：

1、分享

2、加好友

3、點(diǎn)贊（并分享到主頁）

LINE分享按鍵

LINE分享按鍵可以讓用戶輕松的通過分享鍵推薦給朋友，官網(wǎng)頁面：Line結(jié)合獨(dú)立站的配置教程

https://media.line.me/zh_TW/how_to_install#lineitbutton

1.輸入獨(dú)立站的網(wǎng)址

因?yàn)榇a是要和自己的獨(dú)立站相符合，所以我們按照圖示的要求，正確輸入獨(dú)立站的網(wǎng)址，方便配置屬于自己網(wǎng)站的line分享按鍵。PS如果不是按照要求配，大概率不成功！

2.Line按鍵樣式的配置

設(shè)計(jì)的樣式分為這幾種，可以選擇大小、顏色、分享次數(shù)顯示等，比較方便。大家會發(fā)現(xiàn)，根據(jù)自己配置的不一樣，代碼也是隨時(shí)在改動(dòng)的！

3.確認(rèn)預(yù)覽的結(jié)果之后，復(fù)制代碼

<div 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"&gt;&lt;/script>

·請將程式碼片段加進(jìn)網(wǎng)頁的DOM，當(dāng)DOMContentLoaded事件觸發(fā)時(shí)，將會執(zhí)行程式碼片段。

·請復(fù)制程式碼片段，然后貼到網(wǎng)頁中要呈現(xiàn)按鍵的位置。

·在同一個(gè)網(wǎng)頁中設(shè)定數(shù)個(gè)「LINE分享」按鍵時(shí)，僅須寫入一次指令碼標(biāo)記（script tag）

4.獨(dú)立設(shè)計(jì)樣式

其實(shí)官網(wǎng)原文還有獨(dú)立的設(shè)計(jì)樣式，這里不多描述，有需求有能力的自己去看一下即可！

加入好友按鍵

加好友的按鍵在操作步驟和分享按鍵基本一致，這里只做貼圖說明！

唯一不同的是，加好友按鍵是需要輸入的是ID而不是網(wǎng)址，所以前提我們是需要去下載并注冊line，下載的網(wǎng)址在這里：

line下載https://line.me/en/download

還有一個(gè)可以給大家介紹的是：line開發(fā)者頁面

https://media.line.me/zh_TW/how_to_install#lineitbutton

讚按鍵

重點(diǎn)的話，Derek比較推薦這個(gè)設(shè)置。因?yàn)榭梢栽邳c(diǎn)贊的基礎(chǔ)上多設(shè)置分享或者加好友！

差不多如此！最后一步就是把這些個(gè)代碼安裝到shopyy

將Line代碼配置到Shopyy網(wǎng)站

1、復(fù)制代碼

2、打開shopyy后臺——配置——開發(fā)者——代碼嵌入——添加

其他的在線聊天工具推薦：獨(dú)立站在線聊天工具tawk.to安裝配置教程