設置方法

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

使用步驟

「LINE Social Plugins」按鍵的使用步驟如下:
  1. 選擇「LINE Social Plugins」按鍵
  2. 使用「LINE Login」登入
  3. 選擇內容的分享對象(分享給好友,或是張貼到貼文串)、加入好友或按讚

「LINE分享」按鍵

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

1. 輸入網址

請輸入想要設置「LINE分享」按鍵的網站網址。
網址
按鍵的網址網域必須與按鍵所在的實際頁面相符,才能正常運作。

2. 選擇按鍵樣式

設計樣式
分享次數
大小

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

預覽按鍵
程式碼
<div>Code</div>
  • 請將程式碼片段加進網頁的DOM,當DOMContentLoaded事件觸發時,將會執行程式碼片段。
  • 請複製程式碼片段,然後貼到網頁中要呈現按鍵的位置。
  • 在同一個網頁中設定數個「LINE分享」按鍵時,僅須寫入一次指令碼標記(script tag)。

自訂圖標

若要為您的按鍵使用自訂圖標,請參照以下說明來設定按鍵連結。
連結格式
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
於動態網站使用「LINE分享」按鍵
請於網站中建立好DOM樹狀結構及內容後,呼叫LineIt.loadButton()並啟用「LINE分享」按鍵。
<script type="text/javascript">LineIt.loadButton();</script>

設計樣式

Design Guide
請點選下方的按鍵下載zip檔,解壓縮後即可使用「LINE分享」按鍵的圖片。
我們所提供的按鍵圖片為Retina Display用的2倍大小。

「加入好友」按鍵

這是讓造訪網頁的用戶可以將您加入好友的按鍵。
※加入好友功能僅限持有LINE官方帳號或LINE@帳號的用戶使用。

輸入LINE ID

請輸入LINE官方帳號或LINE@帳號的LINE ID。
LINE ID

選擇按鍵樣式

顯示好友人數以及前往首頁的按鍵 顯示好友人數 僅顯示「加入好友」按鍵
預覽按鍵
程式碼
<div>Code</div>