設置方法

設置按鍵前,請務必確認使用條款內容。
一旦按鍵設置完成,即視為同意使用條款內容。

建立「LINE分享」按鍵

「LINE分享」按鍵可以讓用戶輕鬆將網站的資訊分享給好友。

使用LINE官方圖示

請依照以下步驟,使用LINE官方圖示來建立「LINE分享」按鍵。

1. 輸入網址

  • 請輸入想要設置「LINE分享」按鍵的網站網址。
網址

2. 選擇按鍵樣式

設計樣式
分享次數
大小

3. 確認預覽結果後,複製程式碼

  • 將下列程式碼加進網頁的DOM,當DOMContentLoaded事件觸發時,將會執行該程式碼。
  • 複製程式碼並貼到要顯示按鍵的位置。
  • 在同一個網頁設定數個「LINE分享」按鍵時,僅須在最後一個按鍵加最後指令碼標記。
預覽按鍵
程式碼
<div>Code</div>

使用自訂圖示

請依照以下步驟,使用自製的圖示來建立「LINE分享」按鍵。

1. 自訂圖標

  • 若要為您的按鍵使用自訂圖標,請參照以下說明來設定按鍵連結。
連結格式
https://social-plugins.line.me/lineit/share?url={encodeURIComponent(URL)}
範例
(連結網址:https://line.me/en)
https://social-plugins.line.me/lineit/share?url=https%3A%2F%2Fline.me%2Fen

2. 於動態網站使用「LINE分享」按鍵

  • 請於網站中建立好DOM樹狀結構及內容後,呼叫LineIt.loadButton()並啟用「LINE分享」按鍵。
<script type="text/javascript">LineIt.loadButton();</script>

3. 分享次數

  • 使用自訂圖示也可以追蹤分享次數。
  • 僅可確認透過「LINE Social Plugins」按鍵分享的分享數。
HTTP請求
GEThttps://api.line.me/social-plugin/metrics?url=https://line.me/en
請求參數
參數
類型
描述
url
required
String
用以確認分享數的網址

(例:https://line.me/en)
請求範例
curl -X GET 'https://api.line.me/social-plugin/metrics?url=https://line.me/en'
回應範例
{
"share": 4173
}
狀態碼
代碼
回應狀態
200
OK
請求成功
400
Bad Request
參數或語法錯誤
500
Internal Server Error
伺服器發生錯誤

4. 設計樣式說明

  • 製作自訂圖示時,請參考以下官方設計樣式。
  • 我們所提供的按鍵圖片為Retina Display用的2倍大小。
Design Guide

建立「加入好友」按鍵

這是讓造訪網頁的用戶可以將您加入好友的按鍵。
僅限持有LINE官方帳號的用戶才能使用此按鍵。
※「加入好友」按鍵只可使用LINE官方設計樣式

1. 輸入LINE ID

  • 輸入LINE官方帳號ID
LINE ID

2. 選擇按鍵樣式

  • 除了僅顯示「加入好友」按鍵,您也可選擇要同時顯示目前的好友數,或再加上前往官方帳號基本檔案頁面的連結按鍵。
顯示好友人數以及前往首頁的按鍵 顯示好友人數 僅顯示「加入好友」按鍵

3. 確認預覽結果後,複製程式碼

  • 複製程式碼並貼到要顯示按鍵的位置。
預覽按鍵
程式碼
<div>Code</div>